小程序中的基础组件(icon/text/progress)

icon

size 用于指定图标大小默认是23 单位是px
type icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
(如果想使用其他图标,得通过图片的形式)
color icon的颜色,同css的color

<icon type="success" color="blue" size="330"></icon>
text

类似于html中的p标签,定义一段文本
不同点在于p标签不允许嵌套 text标签可以嵌套
text标签中文本换行有效果(支持换行)

progress

显示进度条



<view class="progress-box">
  <progress percent="20" show-info stroke-width="3"/>
</view>

<view class="progress-box">
  <progress percent="40" active stroke-width="3" />
  <icon class="progress-cancel" type="cancel"></icon>
</view>

<view class="progress-box">
  <progress percent="60" active stroke-width="3" />
</view>

<view class="progress-box">
  <progress percent="80" color="#10AEFF" active stroke-width="3" />
</view>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容