uni-app的view和text标签

Posted on 2019-09-08 02:56  猫头唔食鱼  阅读(22593)  评论(0编辑  收藏  举报

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  

例子:

 <!-- text的换行 反斜杠n-->
<text>文字\n 第二行文字\n</text>

效果:

 

 

 

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

例子:

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

效果: