• 第八篇、微信小程序-progress组件


    主要属性:

    效果图:

    ml:

    <View >
        <!--百分比是30,并在进度条右侧显示百分比-->
        <Text class="text-style">百分比是30,并在进度条右侧显示百分比</Text>
        <progress percent="30" show-info  />
        <!--百分比是40,进度条线的宽度12px-->
        <Text class="text-style">百分比是40,进度条线的宽度12px</Text>
        <progress percent="40" stroke-width="12" />
        <!--百分比是60,进度条颜色:pink-->
        <Text class="text-style">百分比是60,进度条颜色:pink</Text>
        <progress percent="60" color="pink" />
        <!--百分比是80,进度条从左往右的动画-->
        <Text class="text-style">百分比是80,进度条从左往右的动画</Text>
        <progress percent="80" show-info  active />
    </View>

    ss:

    .text-style{
        font-size: 13px;
    }
  • 相关阅读:
    C# using
    Spring框架
    is
    pycharm破解197
    python安装197
    python3.7.0安装197
    centos7 minimal 安装mysql197
    centos7 minimal 安装 &网络配置197
    ruby安装卸载197
    redis安装 卸载 启动 关闭197
  • 原文地址:https://www.cnblogs.com/HJQ2016/p/5988712.html
Copyright © 2020-2023  润新知