当前位置 : 主页 > 网页制作 > html >

uni-app的view和text标签

来源:互联网 收集:自由互联 发布时间:2021-06-12
view标签: 当作div使用,view标签的常用属性:hover-class ,手指点击后所产生的效果,在uni-app中,不使用:horver 例子:animate.css和horver-class一起使用 !-- horver-class是手指点击该元素所产生的

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>

效果:

分享图片

网友评论