diff --git a/src/view/device-detail/mode/smart.vue b/src/view/device-detail/mode/smart.vue
index 8a8bc9c..b7cfcab 100644
--- a/src/view/device-detail/mode/smart.vue
+++ b/src/view/device-detail/mode/smart.vue
@@ -19,8 +19,11 @@
-
-
+
+
+
+
+
开关
@@ -132,7 +135,7 @@ const initSwiper = () => {
centeredSlides: true,
observer: true,
observeParents: true,
- initialSlide: currentModeIndex === 0? 5: currentModeIndex, // 初始时展示的位置
+ initialSlide: currentModeIndex, // 初始时展示的位置
on: {
touchStart: () => {
},
@@ -228,7 +231,7 @@ const changeSwitch = () => {
width: 100%;
position: absolute;
left: 0;
- bottom: 40px;
+ bottom: 70px;
display: flex;
align-items: center;
justify-content: space-between;
@@ -245,19 +248,30 @@ const changeSwitch = () => {
}
}
- .switch-btn {
- width: 110px;
- height: 110px;
- border-radius: 50%;
- background: url('@/assets/imgs/device-detail/smart-mode/circle-bg@2x.png') no-repeat;
- background-size: 100% 100%;
+ .switch-btn-container {
margin-right: 64px;
- display: flex;
- align-items: center;
- justify-content: center;
+ position: relative;
+ .switch-btn {
+ width: 110px;
+ height: 110px;
+ border-radius: 50%;
+ background: url('@/assets/imgs/device-detail/smart-mode/circle-bg@2x.png') no-repeat;
+ background-size: 100% 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- img {
- width: 56px;
+ img {
+ width: 56px;
+ }
+ }
+ .btn-text {
+ position: absolute;
+ color: #FFF;
+ font-size: 28px;
+ width: 100%;
+ text-align: center;
+ margin-top: 20px;
}
}
}