feat 项目作业进度
This commit is contained in:
@@ -23,7 +23,16 @@ const current = ref(25)
|
||||
<text class="progress-label">
|
||||
已完成
|
||||
</text> -->
|
||||
<wd-circle v-model="current" :text="`${current}%`" :size="100" />
|
||||
<wd-circle v-model="current" :size="120">
|
||||
<view class="progress-circle-text">
|
||||
<text class="progress-percent">
|
||||
{{ current }}%
|
||||
</text>
|
||||
<text class="progress-label">
|
||||
已完成
|
||||
</text>
|
||||
</view>
|
||||
</wd-circle>
|
||||
</view>
|
||||
<view class="progress-details">
|
||||
<view class="progress-item">
|
||||
@@ -149,4 +158,21 @@ const current = ref(25)
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.progress-percent {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.progress-circle-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.progress-label {
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user