|
@@ -2,9 +2,7 @@
|
|
|
<div class="volumn-box" :class="isOpen ? 'active' : ''">
|
|
|
<div class="top">
|
|
|
<img
|
|
|
- :src="
|
|
|
- parseImgUrl('taiguv1/envmonitor', isOpen ? 'active/volumn.png' : 'volumn.svg')
|
|
|
- "
|
|
|
+ :src="isOpen ? speakerIcon : speakerCloseIcon"
|
|
|
alt=""
|
|
|
/>
|
|
|
<div class="top-right">
|
|
@@ -20,7 +18,7 @@
|
|
|
<div class="volumn-info">
|
|
|
<div class="left">
|
|
|
<div class="text">音量</div>
|
|
|
- <div class="status">已关闭</div>
|
|
|
+ <div class="status">{{ isOpen ? "播放中" : "已关闭" }}</div>
|
|
|
</div>
|
|
|
<div class="temp" v-if="isOpen">{{ volumnData.volumnTemp }}</div>
|
|
|
</div>
|
|
@@ -42,21 +40,19 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import speakerCloseIcon from "@/assets/taiguv1/svg/speaker_close_icon.svg";
|
|
|
+import speakerIcon from "@/assets/taiguv1/svg/speaker_icon.svg";
|
|
|
+import { fix, parseImgUrl } from "@/utils";
|
|
|
+import { swiper } from "@/utils/swiper";
|
|
|
+import { Dialog, Loading, Switch } from "vant";
|
|
|
import {
|
|
|
- defineComponent,
|
|
|
- onMounted,
|
|
|
- reactive,
|
|
|
- toRefs,
|
|
|
- computed,
|
|
|
- watch,
|
|
|
- onUnmounted,
|
|
|
- onBeforeMount,
|
|
|
- onBeforeUnmount,
|
|
|
- nextTick,
|
|
|
+ defineComponent,
|
|
|
+ nextTick,
|
|
|
+ onBeforeUnmount,
|
|
|
+ onMounted,
|
|
|
+ reactive,
|
|
|
+ toRefs
|
|
|
} from "vue";
|
|
|
-import { Switch, Dialog, Loading, Toast } from "vant";
|
|
|
-import { parseImgUrl, fix } from "@/utils";
|
|
|
-import { swiper } from "@/utils/swiper";
|
|
|
|
|
|
export default defineComponent({
|
|
|
components: {
|
|
@@ -67,6 +63,8 @@ export default defineComponent({
|
|
|
setup(props, contx) {
|
|
|
const proxyData = reactive({
|
|
|
parseImgUrl: parseImgUrl,
|
|
|
+ speakerIcon: speakerIcon,
|
|
|
+ speakerCloseIcon: speakerCloseIcon,
|
|
|
isOpen: false,
|
|
|
volumnData: {
|
|
|
minTempSet: 0,
|