text 标签
优质
小牛编辑
131浏览
2023-12-01
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标签是否被你忘记了。