zoukankan      html  css  js  c++  java
  • 微信小程序icon,text,progress标签的测试

    一: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">
    文本text</text>
    <view >
        <text selectable="{{true}}" space="emsp">这      是一个文本</text>
    </view>
    
    <text style="color:red">
    进度条</text>
    <progress percent="20" show-info />
    <progress percent="40" stroke-width="12" />
    <progress percent="60" color="pink" />
    <progress percent="80" active />
    

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

  • 相关阅读:
    Java运算符
    Java数据类型,常量与变量
    内存
    cmd编码
    DELL G7重置电脑操作步骤
    关于es6中...运算符的总结
    js数组与字符串相互转换
    JS中的continue,break,return的区别
    git提交步骤
    数据修改后点击确定没有保存 还是原来的数据
  • 原文地址:https://www.cnblogs.com/hts-technology/p/7268870.html
Copyright © 2011-2022 走看看