text 标签

• 1.自我介绍

    text标签用来显示文本信息，属于非容器类标签。
    延伸：类似Android的TextView控件，当然Android的TextView控件功能是很强大的，毕竟源码10000多行。
   显示中文字符
    <template>
      <div>
       <text value="我是text标签"></text>
     </div>
    </template>
    <style>
    </style>
    <script>
    </script>

  为什么显示的中文是乱码的？—设置编码方式为UTF-8，即可。

  

  设置编码为UTF-8后以后的效果

  

• 2.特征

     -公共属性、公共样式、公共事件
     -其他样式：
     -lines:文本的行数，默认值0。
     -color:<colors> 文本颜色
     -font-size:<length>文字大小
     -font-style:<enum>normal|italic（斜体） 字体类别，默认值normal。
     -font-weight:<enum>normal|bold(粗体) 字体粗细程度，默认值为normal。
     -text-decoration:<enum>none|underline（下划线）|line-through（从中间穿过去的线） 字体装饰，默认值为none。
     -text-align:<enum>left|center|right 对齐方式，默认为left。
     -font-family:<string>字体家族。
     -text-overflow:<enum> clip|ellipsis 内容过长展示不下的省略样式。
     -line-height：sdk0.6.1新增的，稍后完善。

  注：enum的意思枚举，从后面可选的种类选择一种。

  源码:

  

  运行效果:

  

• 3.用法

    -多个样式之间用;分割

测试

• 1.同一种样式层叠使用有什么效果，比如font-weight同时设置normal和bold。

    后者生效。

  Q&A

• 1.明明给value属性赋值了，却没有显示？

• 

  编译以后空空如也？—稍后再回复，先避开这种写法。如果你的和是在同一行是不会有问题的。

  】

注

• 1.动手试一试本节的练习，在命令行编译.we源码，看看浏览器里面的效果，或者按照开发HelloWorld(weex开发)那节把编译以后的.js文件放在app的assets文件夹下，在app里面看看效果。
• 2.公共属性、公共样式、公共事件是所有的标签都具有的特征。在Android的世界里，有两种基类，一个是非容器的控件View，一个是容器类的控件ViewGroup，所有继承自View或者ViewGroup的控件都会具有他们父亲所具有的特征。
• 3.div标签是否被你忘记了。