微信小程序(组件--基础内容组件)

本文介绍了微信小程序中的基础内容组件,包括icon图标、progress进度条、text文本组件和富文本编辑器的使用。详细讲解了各组件的属性、功能,如icon的type参数、progress的颜色和动画属性,以及text组件的基础属性。还探讨了如何在小程序中使用rich-text组件展示富文本,强调了rich-text对受信任HTML节点的支持。
摘要由CSDN通过智能技术生成

前言

(1)icon图标组件
(2)progress进度条组件
(3)text文本组件
(4)拓展:富文本编辑器UE和UM
(5)rich-text 富文本组件

基础内容组件

(1)icon图标组件
组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)
在这里插入图片描述
icon图标组件type类型参数
在这里插入图片描述
icon图标组件
在这里插入图片描述

<view>icon图标组件</view>
<view>
  <icon type="success"></icon>
  <icon type="success_no_circle"></icon>
  <icon type="info"></icon>
  <icon type="warn"></icon>
  <icon type="waiying"></icon>
  <icon type="cancel"></icon>
  <icon type="download"></icon>
  <icon type="search"></icon>
  <icon type="clear"></icon>
  <icon size="30" color="#2d78f4" type="success"></icon>
</view>

在这里插入图片描述
(2)progress进度条组件
组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)

基础展示属性
在这里插入图片描述

<progress
  percent="6" 
  show-info
  border-radius="2"
  font-size="
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值