一个 Android 程序员的小程序入门学习笔记『一』（标签和特殊CSS）

注：文章中有些地方会把小程序的内容和 Android 的知识关联起来，以便于 Android 程序员更快的理解小程序。

● <text>标签：和 android 中的 textview 类似。
    不写该标签，内容文本依然可以显示，这点和 html 一致。但是在真机上，该文字不可长按选中。

● <text>标签的嵌套，和转义字符：

<text class='text_welcome'><text  style='color:red' >hello\n godnnes</text>,guys and gals</text>

html 中很常见的 text 嵌套，hello 是红色，其余文字样式根据 wxss 文件 text_welcome 来确定。

● <image> 标签：src属性注意需要写全路径。
● <swiper>、<swiper-item>标签：类似于 viewpager，不过不用写 adapter。
    <swiper-item>自动设置为 100%，如同 android 中的 matchparent，
    而里面的具体内容，比如图片或者文字，需要再次设置自己的宽高样式。

● Page，在 .js 文件中，类似于 main 函数，是一个页面的函数入口。每一个页面都有一个Page，除了 app.js。
    使用 Page 内的 Data 的时候，text 和 image 的格式分别为：<text>{{title}}</text> //不需要引号

<image src="{{imagepath}}"></image>      //需要引号

    无论是否加引号，这个双括号 {{ }} 可以理解为一个对象，里面填写的对象的引用。

● vertical = "false"  一般会无效，因为字符串不为空，解析出来的布尔值不是否，所以需要写为<swiper vertical="{{false}}">

● 控制显示和隐藏的常用方法：ifimage wx:if="{{condition}}" src="/images/iqiyi.png"></image>类似于 setVisibility。

常用CSS
position: absolute;//定位： 绝对定位。常用于脱离其他控件单独控制。display: flex;//弹性盒子flex-direction: column;//盒子方向

left: 50%;margin-left: -51rpx; // 这两行代码，是经典的常用于控件的 水平居中 显示。

opacity: 0.6;//透明度

随时添加。