一:testIconAndTextAndProgress.wxml的代码如下。testIconAndTextAndProgress.js自动生成示例代码

//testIconAndTextAndProgress.wxml

  <text style="color:red">图标icon</text>
<view >
    <view>red success:<icon type="success" color="red"/></view>
    <view>success:<icon type="success" /></view>
    <view>success_no_circle:<icon type="success_no_circle" /></view>
    <view>info:<icon type="info" /></view>
    <view>warn:<icon type="warn" /></view>
    <view>waiting:<icon type="waiting" /></view>
    <view>cancel:<icon type="cancel" /></view>
    <view>download:<icon type="download" /></view>
    <view>search:<icon type="search" /></view>
    <view>clear:<icon type="clear" /></view>
</view>
<text style="color:red">\n文本text</text>
<view >
    <text selectable="{{true}}" space="emsp">这      是一个文本</text>
</view>

<text style="color:red">\n进度条</text>
<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />

二:app.json上配置页面路径,效果如下

微信小程序icon,text,progress标签的测试

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-05-20
  • 2022-12-23
  • 2022-01-02
猜你喜欢
  • 2022-01-08
  • 2021-07-20
  • 2021-06-25
  • 2021-10-27
  • 2022-01-31
  • 2021-04-19
  • 2021-12-04
相关资源
相似解决方案