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上配置页面路径,效果如下

  • 相关阅读:
    RabbitMQ
    Java 多线程
    Java 多线程
    Java 多线程
    Java 多线程
    Springboot
    SpringBoot
    SpringCloud Config
    Financial
    Hystrix
  • 原文地址:https://www.cnblogs.com/hts-technology/p/7268870.html
Copyright © 2011-2022 走看看