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  

例子：

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

效果：

 

 

 

（3）text標簽中文字的空格  

例子：

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

效果：