|
@@ -6,13 +6,16 @@
|
|
|
<view class="work-button-wrap">
|
|
|
<!-- 按钮 -->
|
|
|
<view class="work-button flex-center" @click="startWork">
|
|
|
- <!-- 扇形 -->
|
|
|
+ <!-- 扇形进度条 -->
|
|
|
<view class="circle_process">
|
|
|
<view class="wrapper right"><view class="circle rightcircle" :style="{ transform: `rotate(${rdeg}deg)` }"></view></view>
|
|
|
<view class="wrapper left"><view class="circle leftcircle" :style="{ transform: `rotate(${ldeg}deg)` }"></view></view>
|
|
|
</view>
|
|
|
<view class="cirle-one"></view>
|
|
|
- <view class="cirle-two flex-center" v-for="item in 60"><view class="sector" :style="{ transform: `rotate(${item * 6}deg)` }"></view></view>
|
|
|
+ <!-- 指针 -->
|
|
|
+ <view class="cirle-two flex-center" v-for="item in 60" :key="item">
|
|
|
+ <view class="sector" :style="{ transform: `rotate(${item * 6}deg)` }"></view>
|
|
|
+ </view>
|
|
|
<view class="cirle-three flex-center"></view>
|
|
|
<view class="cirle-free" :class="status == 'working' ? 'w-stop' : 'w-start'"></view>
|
|
|
<view class="cirle-sex flex-center">{{ status == 'working' ? '紧急停止' : '点击启动' }}</view>
|