uniapp 进度条progress h5端border-radius失效

原创
2019/12/30 17:09
阅读数 1W

效果图

index.vue

	<progress  class="progress" border-radius="5" percent="80" stroke-width='18' backgroundColor="#EAEAEA" activeColor="#EC6941"></progress>

css 改变css样式

		.progress{
			 width:100%;
				/deep/ .uni-progress-bar{  // 这主要是加上deep才能改变它原来的样式 
   				border-radius:10rpx !important;
   		.		uni-progress-inner-bar{
	  				border-radius:10rpx 0rpx 0rpx 10rpx !important;
   				}
	 		}  
		}
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部