uniapp如何使用纯css来实现进度条效果?
网友回复
示例代码如下:
<template> <view class="flex align-center diygw-col-24 justify-center"> <view class="progress-circle " :class="'progress-'+innerPercent" :style="{ '--not-progress-color':notProgressColor, '--bg-color':bgColor, '--color':color, '--progress-color':progressColor, '--width':width+'px', '--font-size':fontSize+'px', '--border-width':borderWidth+'px' }"> <view class="inner"> <view class="progress-number">{{innerPercent}}%</view> </view> </view> </view> </template> <script> export default { props: { width: { type: Number, default: 100 }, borderWidth: { type: Number, default: 20 }, bgColor: { type: String, default: '#fff' }, notProgressColor: { type: String, default: '#ddd' }, progressColor: { type: String, default: '#07c160' }, color: { type: String, default: '#07c160' }, fontSize: { type: Number, default: 24 }, /** * 进度(0-100) */ percent: { type: Number, default: 30 }, /** * 是否动画 */ animate: { type: Boolean, default: true }, /** * 动画速率 */ rate: { type: Number, default: 5 } }, computed: { /** * @private */ complete() { return this.innerPercent == 100 } }, watch: { percent(perce...
点击查看剩余70%
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?