码迷,mamicode.com
首页 > 微信 > 详细

小程序,进度条process

时间:2020-04-26 21:20:42      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:css   order   show   图片   秒杀   ref   developer   border   one   

技术图片
文档:https://developers.weixin.qq.com/miniprogram/dev/component/progress.html

html

<view class="left">
    <view class="title">秒杀抢购中</view>
    <progress class="process" percent="20" backgroundColor="#9F2033" activeColor="#FFE0E5" font-size="20rpx" border-radius="5rpx" stroke-width="10rpx" show-info />
</view>

css

.left {
  padding-top: 18rpx;
  width: 50%;
  height: 100rpx;
  padding-left: 40rpx;
  .title {
    font-size: 32rpx;
    font-weight: bold;
    color:#fff;
  }
  .process {
    width: 90%;
    color:#FFF;
  }
}

小程序,进度条process

标签:css   order   show   图片   秒杀   ref   developer   border   one   

原文地址:https://www.cnblogs.com/jiqing9006/p/12781732.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!