当前位置: 首页 > news >正文

三屏合一网站开发汕头网站建设开发

三屏合一网站开发,汕头网站建设开发,中国建设信息化官网,湖北省工程建设协会网站目录 #内部实现 #平台差异说明 #基本使用 #设置圆环的动画时间 #API #Props 展示操作或任务的当前进度,比如上传文件,是一个圆形的进度环。 #内部实现 组件内部通过canvas实现,有更好的性能和通用性。 #平台差异说明 AppH5微信小程…

目录

#内部实现

#平台差异说明

#基本使用

#设置圆环的动画时间

#API

#Props


展示操作或任务的当前进度,比如上传文件,是一个圆形的进度环。

#内部实现

组件内部通过canvas实现,有更好的性能和通用性。

#平台差异说明

AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序

#基本使用

  • 通过percent设置当前的进度值,该值区间为0-100
  • 通过active-color设置圆环的颜色,也可以直接设置type主题颜色,使用预置值
  • 通过默认slot传入内容,将会显示在圆环的内部
<template><u-circle-progress active-color="#2979ff" :percent="80"><view class="u-progress-content"><view class="u-progress-dot"></view><text class='u-progress-info'>查找中</text></view></u-circle-progress>
</template><style lang="scss" scoped>.u-progress-content {display: flex;align-items: center;justify-content: center;}.u-progress-dot {width: 16rpx;height: 16rpx;border-radius: 50%;background-color: #fb9126;}.u-progress-info {font-size: 28rpx;padding-left: 16rpx;letter-spacing: 2rpx}
</style>

#设置圆环的动画时间

通过duration设置圆环从0递增到100%(也即一圆周)所需的时间,如需动态修改进度值时会用到,比如用户进行某一个操作之后, 需要把进度值从30%改为80%,这里增加了50%(80% - 30% = 50%),也即半个圆周,所需时间为duration的一半,因为duration值为一个圆周的时间。

<u-circle-progress type="primary" :percent="30" duration="2000"></u-circle-progress>

#API

#Props

参数说明类型默认值可选值
percent圆环进度百分比值,为数值类型,0-100String | Number--
inactive-color圆环的底色,默认为灰色(该值无法动态变更)String#ececec-
active-color圆环激活部分的颜色(该值无法动态变更)String#19be6b-
width整个圆环组件的宽度,高度默认等于宽度值,单位rpxString | Number200-
border-width圆环的边框宽度,单位rpxString | Number14-
duration整个圆环执行一圈的时间,单位msString | Number1500-
type如设置,active-color值将会失效String-success / primary / error / info / warning
bg-color整个组件背景颜色,默认为白色String#ffffff-
http://www.dt0577.cn/news/20906.html

相关文章:

  • 10月哪个网站做电影票活动信息流优化师是什么
  • 网站界面设计需要首先做市场研究吗dw网页制作教程
  • 如何创建网站教程视频googleseo排名公司
  • 做非法网站要多少钱网站友情链接
  • html代码基础邢台市seo服务
  • 吃的网站要怎么做的seo还有未来吗
  • 什么网站上做效果图可以赚钱域名大全
  • wordpress官网案例上海网站seo
  • 做润滑油网站图片十大免费网站推广入口
  • 东莞 塑胶 网站建设seo运营
  • 江西赣县区疫情最新消息黄石市seo关键词优化怎么做
  • 网站后台怎么做alt标签网络营销的特点有哪些特点
  • 漳浦建设局网站黑科技引流推广神器
  • 汕头公众号建设网站黄页大全
  • 套模板的网站为什么排名做不上去网站推广途径和推广要点有哪些?
  • 学做招投标的网站有哪些pr的选择应该优先选择的链接为
  • 网页游戏百度网站seo优化发布高质量外链
  • 性价比最高网站建设电话百度人气榜排名
  • wordpress弹窗登录注册seo整站优化一年价格多少
  • 网站建设的税收分类编码免费推广软件
  • gif5网站下载不了做的动图网站平台有哪些
  • asp网站 手机登录关键词查询爱站网
  • 怎么通过做网站挣钱代理公司注册
  • 天津市做企业标准网站seo关键词排名实用软件
  • 广东省建设厅网站可以查男生最喜欢的浏览器
  • 国外有哪些设计网站推荐爱站网能不能挖掘关键词
  • 做美食没有广告的网站百度地图收录提交入口
  • 网站建设的业务员怎么创建域名
  • wordpress白屏河南网站优化公司哪家好
  • 重庆长寿网站设计公司哪家专业网推广公司