Browse Source

Merge branch 'dev_230517' of https://git.qdhtt.cn/shuai16.wang/smart-screen-demo-web into dev_230517

dev_230517
zhangzhiyi 2 years ago
parent
commit
415b0b1a04
  1. 22
      src/view/timing/timing-select-device.vue
  2. 2
      src/view/ui/env-select.vue

22
src/view/timing/timing-select-device.vue

@ -32,8 +32,8 @@
<div class="tem-btm"> <div class="tem-btm">
<span v-if="item.state" class="tem-openText">{{ item.tem }}</span> <span v-if="item.state" class="tem-openText">{{ item.tem }}</span>
<span v-if="!item.state" class="tem-closeText">{{ <span v-if="!item.state" class="tem-closeText">{{
item.tem item.tem
}}</span> }}</span>
<span v-if="item.state" class="tem-open"></span> <span v-if="item.state" class="tem-open"></span>
<span v-if="!item.state" class="tem-close"></span> <span v-if="!item.state" class="tem-close"></span>
</div> </div>
@ -94,43 +94,43 @@ onMounted(() => {
state: true, state: true,
tem: "25", tem: "25",
selectState: false, selectState: false,
imgState: [0], imgState: [0]
}, },
{ {
name: "客房空调", name: "客房空调",
state: false, state: false,
tem: "23", tem: "23",
selectState: false, selectState: false,
imgState: [0], imgState: [0]
}, },
{ {
name: "厨房空调", name: "厨房空调",
state: true, state: true,
tem: "27", tem: "27",
selectState: false, selectState: false,
imgState: [1], imgState: [1]
}, },
{ {
name: "书房空调", name: "书房空调",
state: true, state: true,
tem: "26", tem: "26",
selectState: true, selectState: true,
imgState: [1, 2], imgState: [1, 2]
}, },
{ {
name: "次卧空调", name: "次卧空调",
state: true, state: true,
tem: "28", tem: "28",
selectState: true, selectState: true,
imgState: [2], imgState: [2]
}, },
{ {
name: "主卫空调", name: "主卫空调",
state: false, state: false,
tem: "25", tem: "25",
selectState: false, selectState: false,
imgState: [0], imgState: [0]
}, }
]; ];
}); });
</script> </script>
@ -145,6 +145,7 @@ onMounted(() => {
flex-wrap: wrap; flex-wrap: wrap;
.item-card { .item-card {
position: relative;
margin-bottom: 20px; margin-bottom: 20px;
width: 326px; width: 326px;
height: 145px; height: 145px;
@ -195,9 +196,10 @@ onMounted(() => {
} }
.layout-btm { .layout-btm {
position: absolute;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 23px; bottom: 10px;
} }
.tem-btm { .tem-btm {

2
src/view/ui/env-select.vue

@ -17,7 +17,7 @@
<div <div
v-show="item.hum != 0" v-show="item.hum != 0"
class="tem-text" class="tem-text"
style="margin-left: 25px" style="margin-left: 17px"
> >
{{ item.hum }} {{ item.hum }}
</div> </div>

Loading…
Cancel
Save