uniapp之封装横向进度条

主要是针对投票详情这个需求进行封装，uniapp官方实例中没有进度条；如果不需要显示总数（总票数，可以不绑定这个字段值）；效果图如下：

下面看一下实现的代码部分。

1 、在comonents文件下创建一个uni-progress.vue的文件   

 

2 去需要引用进度条的界面，进行引用

import uniProgress from '../../../../components/uni-progress.vue'
    export default {
        components:{
            uniProgress
        },

}

在视图部分使用组件

 
 

作为动态获取的数据，我们需要在 explain  percentage   percentBackground  前面加上：然后再附上变量