|
@@ -68,7 +68,16 @@
|
|
<span class="span3">{{ times }}</span>
|
|
<span class="span3">{{ times }}</span>
|
|
</span>
|
|
</span>
|
|
<div class="checkkout" v-show="showStyleBtn">
|
|
<div class="checkkout" v-show="showStyleBtn">
|
|
- <img @click="checkColor" src="../assets/images/icons/switch.png" />
|
|
|
|
|
|
+ <img
|
|
|
|
+ v-show="showStyle"
|
|
|
|
+ @click="checkColor"
|
|
|
|
+ src="../assets/images/icons/switch.png"
|
|
|
|
+ />
|
|
|
|
+ <img
|
|
|
|
+ v-show="!showStyle"
|
|
|
|
+ @click="checkColor"
|
|
|
|
+ src="../assets/images/icons/switch-1.png"
|
|
|
|
+ />
|
|
<div
|
|
<div
|
|
class="tip"
|
|
class="tip"
|
|
:style="{ color: !showStyle ? '#8e9298' : '#69c4df' }"
|
|
:style="{ color: !showStyle ? '#8e9298' : '#69c4df' }"
|
|
@@ -223,9 +232,9 @@ export default {
|
|
} else {
|
|
} else {
|
|
this.showStyle = true;
|
|
this.showStyle = true;
|
|
// 改变颜色风格
|
|
// 改变颜色风格
|
|
- setTimeout(()=>{
|
|
|
|
|
|
+ setTimeout(() => {
|
|
bus.$emit("changeStyleColor", true);
|
|
bus.$emit("changeStyleColor", true);
|
|
- })
|
|
|
|
|
|
+ });
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
@@ -288,11 +297,11 @@ export default {
|
|
// 改变颜色风格
|
|
// 改变颜色风格
|
|
bus.$emit("changeStyleColor", this.showStyle);
|
|
bus.$emit("changeStyleColor", this.showStyle);
|
|
|
|
|
|
- /**
|
|
|
|
|
|
+ /**
|
|
* 皮肤模式切换后,存储用户名,皮肤模式
|
|
* 皮肤模式切换后,存储用户名,皮肤模式
|
|
*/
|
|
*/
|
|
- const newV = this.showStyle ? 'dark':'light';
|
|
|
|
- localStorage.setItem(`${this.userInfo.username}__skinMode`, newV)
|
|
|
|
|
|
+ const newV = this.showStyle ? "dark" : "light";
|
|
|
|
+ localStorage.setItem(`${this.userInfo.username}__skinMode`, newV);
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
};
|
|
@@ -461,6 +470,7 @@ export default {
|
|
align-items: center;
|
|
align-items: center;
|
|
line-height: 48px;
|
|
line-height: 48px;
|
|
color: #646c73;
|
|
color: #646c73;
|
|
|
|
+ margin-left: 16px;
|
|
img {
|
|
img {
|
|
width: 24px;
|
|
width: 24px;
|
|
height: 24px;
|
|
height: 24px;
|