diff --git a/pages/market/data/index.vue b/pages/market/data/index.vue index fd41128..c56f4fb 100644 --- a/pages/market/data/index.vue +++ b/pages/market/data/index.vue @@ -25,7 +25,8 @@ 完成金额 - ¥100000 较上月 + ¥100000 + 较上月 @@ -37,10 +38,24 @@ 续费 + - + + 新客签到 + + + + + + + + 0 + 50人 + 100人 + + @@ -129,7 +144,11 @@ export default { borderColor: "#fff" // 边框颜色 } } - } + }, + + //新客签到进度条统计 + progress: 50, // 初始进度为50% + box_2_show: false,//新客签到进度条统计|true=显示,false=隐藏 } }, onLoad() { @@ -242,6 +261,7 @@ export default { //统计信息 .count_section{ padding: 20rpx 46rpx; + padding-bottom: 60rpx; background-color: #434544; color: #fff; .title_box{ @@ -295,6 +315,50 @@ export default { } } + // 其他样式省略 + .box_2 { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 20rpx; + + .progress-container { + position: relative; + width: 80%; + height: 4rpx; + background-color: #ccc; + border-radius: 2rpx; + //overflow: hidden; + margin-bottom: 10rpx; + + .progress-bar { + height: 100%; + background-color: #45c59f; + border-radius: 2rpx; + } + .dian{ + position: absolute; + top: -9rpx; + left: 0rpx; + width: 18rpx; + height: 18rpx; + border-radius: 50%; + background-color: #fff; + + } + } + + .progress-text { + margin-left: 5%; + width: 85%; + display: flex; + justify-content: space-between; + text { + font-size: 26rpx; + color: #fff; + } + } + } } .main_section{