|
@ -3,12 +3,12 @@ |
|
|
* @email: binbin0314@126.com |
|
|
* @email: binbin0314@126.com |
|
|
* @Date: 2021-07-19 15:47:38 |
|
|
* @Date: 2021-07-19 15:47:38 |
|
|
* @LastEditors: aBin |
|
|
* @LastEditors: aBin |
|
|
* @LastEditTime: 2021-07-19 17:24:21 |
|
|
* @LastEditTime: 2021-07-19 18:01:59 |
|
|
--> |
|
|
--> |
|
|
<template> |
|
|
<template> |
|
|
<view> |
|
|
<view> |
|
|
<view v-if="status === 0" class="rounded-full h-7 w-7 flex items-center justify-center text-blue-400"> |
|
|
<view v-if="status === 0" class="rounded-full h-7 w-7 flex items-center justify-center text-blue-400"> |
|
|
<u-circle-progress width="66" borderWidth="4" active-color="#2979ff" :percent="100"> |
|
|
<u-circle-progress width="66" borderWidth="4" active-color="#2979ff" :percent="100" bgColor="rgba(255,255,255,0)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(0)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(0)"> |
|
|
<view class="u-progress-dot"></view> |
|
|
<view class="u-progress-dot"></view> |
|
|
<text class="u-progress-info"> |
|
|
<text class="u-progress-info"> |
|
@ -18,7 +18,7 @@ |
|
|
</u-circle-progress> |
|
|
</u-circle-progress> |
|
|
</view> |
|
|
</view> |
|
|
<view v-if="status === 1" class="rounded-full h-7 w-7 flex items-center justify-center text-black"> |
|
|
<view v-if="status === 1" class="rounded-full h-7 w-7 flex items-center justify-center text-black"> |
|
|
<u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="80"> |
|
|
<u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="80" bgColor="rgba(255,255,255,0)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(1)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(1)"> |
|
|
<view class="u-progress-dot"></view> |
|
|
<view class="u-progress-dot"></view> |
|
|
<view class="u-progress-info"> |
|
|
<view class="u-progress-info"> |
|
@ -28,7 +28,7 @@ |
|
|
</u-circle-progress> |
|
|
</u-circle-progress> |
|
|
</view> |
|
|
</view> |
|
|
<view v-if="status === 2" class="rounded-full h-7 w-7 flex items-center justify-center text-gray-400"> |
|
|
<view v-if="status === 2" class="rounded-full h-7 w-7 flex items-center justify-center text-gray-400"> |
|
|
<u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="40"> |
|
|
<u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="40" bgColor="rgba(255,255,255,0)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(2)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(2)"> |
|
|
<view class="u-progress-dot"></view> |
|
|
<view class="u-progress-dot"></view> |
|
|
<text class="u-progress-info"> |
|
|
<text class="u-progress-info"> |
|
@ -38,7 +38,7 @@ |
|
|
</u-circle-progress> |
|
|
</u-circle-progress> |
|
|
</view> |
|
|
</view> |
|
|
<view v-if="status === 3" class="rounded-full h-7 w-7 flex items-center justify-center text-red-800 font-black"> |
|
|
<view v-if="status === 3" class="rounded-full h-7 w-7 flex items-center justify-center text-red-800 font-black"> |
|
|
<u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="80"> |
|
|
<u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="80" bgColor="rgba(255,255,255,0)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(3)"> |
|
|
<view class="u-progress-content" @tap="changeStatus(3)"> |
|
|
<view class="u-progress-dot"></view> |
|
|
<view class="u-progress-dot"></view> |
|
|
<text class="u-progress-info"> |
|
|
<text class="u-progress-info"> |
|
|