uni-app的view和text标签

view标签:

当作div使用,view标签的常用属性:hover-class  ,手指点击后所产生的效果,在uni-app中,不使用:horver

例子:animate.css和horver-class一起使用

 <!-- horver-class是手指点击该元素所产生的效果 bounceIn才是最终效果,所以bounceIn写在horver-class里,而animated则写在class里-->
 <view class="box animated" hover-class="bounceIn"></view>

text标签:

(1)text标签常用属性 :selectable ,如果是false,则,不能选择文字,true可以选择文字

例子:

 <!-- :selectable 文本是否可选,true/ false -->
<text :selectable='false'>这是一些文字</text>

(2)text标签的文字换行:\n  

例子:

扫描二维码关注公众号,回复: 7228188 查看本文章
 <!-- text的换行 反斜杠n-->
<text>文字\n 第二行文字\n</text>

效果:

(3)text标签中文字的空格 &nbsp;

例子:

<!-- 空格 -->
<text>文字&nbsp;有空格</text>

效果:

猜你喜欢

转载自www.cnblogs.com/luguankun/p/11484182.html
今日推荐