|
@@ -12,9 +12,13 @@
|
|
<ui-group title="设置天空">
|
|
<ui-group title="设置天空">
|
|
<ui-group-option>
|
|
<ui-group-option>
|
|
<div class="back-layout">
|
|
<div class="back-layout">
|
|
- <div v-for="back in backs" :key="back.value" class="back-item"
|
|
|
|
|
|
+ <div
|
|
|
|
+ v-for="back in backs"
|
|
|
|
+ :key="back.value"
|
|
|
|
+ class="back-item"
|
|
:class="{ [back.type]: true, active: setting!.back === back.value }"
|
|
:class="{ [back.type]: true, active: setting!.back === back.value }"
|
|
- @click="setting!.back !== back.value && changeBack(back.value)">
|
|
|
|
|
|
+ @click="setting!.back !== back.value && changeBack(back.value)"
|
|
|
|
+ >
|
|
<img :src="back.image" v-if="['img', 'map'].includes(back.type)" />
|
|
<img :src="back.image" v-if="['img', 'map'].includes(back.type)" />
|
|
<i class="iconfont" :class="back.image" v-else-if="back.type === 'icon'" />
|
|
<i class="iconfont" :class="back.image" v-else-if="back.type === 'icon'" />
|
|
<span :style="{ background: back.image }" v-else></span>
|
|
<span :style="{ background: back.image }" v-else></span>
|
|
@@ -107,7 +111,7 @@ const enterSetPic = () => {
|
|
});
|
|
});
|
|
};
|
|
};
|
|
|
|
|
|
-const initBack = setting.value!.back;
|
|
|
|
|
|
+let initBack = setting.value!.back;
|
|
let isFirst = true;
|
|
let isFirst = true;
|
|
const changeBack = (back: string) => {
|
|
const changeBack = (back: string) => {
|
|
setting.value!.back = back;
|
|
setting.value!.back = back;
|
|
@@ -122,6 +126,7 @@ const changeBack = (back: string) => {
|
|
isFirst = true;
|
|
isFirst = true;
|
|
});
|
|
});
|
|
enterOld(async () => {
|
|
enterOld(async () => {
|
|
|
|
+ initBack = setting.value!.back;
|
|
isSave = true;
|
|
isSave = true;
|
|
await loadPack(updataSetting());
|
|
await loadPack(updataSetting());
|
|
});
|
|
});
|
|
@@ -164,8 +169,7 @@ const changeBack = (back: string) => {
|
|
}
|
|
}
|
|
|
|
|
|
.back-item {
|
|
.back-item {
|
|
-
|
|
|
|
- >span,
|
|
|
|
|
|
+ > span,
|
|
.iconfont,
|
|
.iconfont,
|
|
img {
|
|
img {
|
|
display: block;
|
|
display: block;
|
|
@@ -189,8 +193,7 @@ const changeBack = (back: string) => {
|
|
}
|
|
}
|
|
|
|
|
|
&.active {
|
|
&.active {
|
|
-
|
|
|
|
- >span,
|
|
|
|
|
|
+ > span,
|
|
.iconfont,
|
|
.iconfont,
|
|
img {
|
|
img {
|
|
outline-color: #00c8af;
|
|
outline-color: #00c8af;
|