uni-app的view和text标签

Posted 2020-11-13 山石

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标签中文字的空格  

例子：

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

效果：