微信小程序 | 小程序的内置组件

🖥️ 微信小程序专栏：微信小程序 | 小程序的内置组件
🧑‍💼 个人简介：一个不甘平庸的平凡人🍬

✨ 个人主页：CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

---

目录

一、Text文本组件

Text组件解析

二、Button按钮组件

Button组件解析

三、View视图组件

View组件解析

四、Image图片组件

Image组件解析

五、ScrollView滚动组件

scroll-view组件解析

scroll-view组件代码

六、组件的共同属性

组件共同的属性

---

一、Text文本组件

Text组件解析

Text组件用于:显示文本,类似span标签,为行内元素

 

• user-select属性决定 文本内容是否可以被用户选中

• space有三个取值

• decode是否解码

• decode可以解析的有 <>&'

二、Button按钮组件

Button组件解析

Button组件用于创建按钮,默认 块级元素

常见属性:

 

Button组件代码

 

JavaScript <!-- 附代码  --> <!-- 1.按钮默认 块级元素  --> <button>按钮</button> <text>哈哈哈</text> <!-- 2.size 属性 此时 是 行内块元素inline-block  width为auto mini跟defalut为值 --> <button size="mini">按钮size属性</button> <!-- 3.type属性 默认一些css样式 --> <button size="mini" type="primary">按钮type属性</button> <button size="mini" type="warn">按钮type属性</button> <!-- 4.plain 镂空的意思  会给按钮加边框 不会有背景颜色了 --> <button size="mini" plain>按钮plain属性</button> <!-- 5.disabled属性 不能进行交互 --> <button size="mini" disabled>disabled属性</button> <!-- 6.loading属性 会加上加载效果 -->