uni-app的view和text标签

丈夫欲遂平生志,一载寒窗一举汤。这篇文章主要讲述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>

效果:
uni-app的view和text标签

文章图片

 
 
 
(3)text标签中文字的空格 & nbsp;
例子:
< !-- 空格 --> < text> 文字& nbsp; 有空格< /text>

效果:
【uni-app的view和text标签】
uni-app的view和text标签

文章图片

 

    推荐阅读