uni-app中内置了相当多的基础组件,类似html的div、p、b等标签作用,用来搭建页面的基础结构
uni-app内置的组件官网地址https://uniapp.dcloud.io/component/view.html
text文本组件
属性说明文章来源地址https://www.toymoban.com/news/detail-486638.html
属性名 | 类型 | 默认值 | 说明 | 平台差异说明 |
---|---|---|---|---|
selectable | Boolean | false | 文本是否可选 | App、H5、快手小程序 |
user-select | Boolean | false | 文本是否可选 | 微信小程序 |
space | String | 显示连续空格 | App、H5、微信小程序 | |
decode | Boolean | false | 是否解码 | App、H5、微信小程序 |
-
在text内加selectable使内部文字可以选中
-
在text内加space使内容可以显示连续空格,他有三个参数
ensp | 中文字符空格一半大小 |
---|---|
emsp | 中文字符空格大小 |
nbsp | 根据字体设置的空格大小 |
-
decode是否可以解码(以前是默认不可以,现在是可以的了)
view容器组件
它类似于传统html中的div,用于包裹各种元素内容。
如果使用nvue ,则需注意,包裹文字应该使用<text>
组件。文章来源:https://www.toymoban.com/news/detail-486638.html
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
hover-class | String | none | 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 |
hover-stop-propagation | Boolean | false | 指定 |
到了这里,关于浅谈uni-app内置的一些基本组件和基本样式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!