|
@@ -18,7 +18,9 @@
|
|
|
class="weather-icon"
|
|
|
alt=""
|
|
|
/>
|
|
|
- <span>{{ outWeather.temperature ? outWeather.temperature : "--" }}℃</span>
|
|
|
+ <span
|
|
|
+ >{{ outWeather.temperature ? outWeather.temperature : "--" }}℃</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="weixiin" @click="showContact">
|
|
|
<img :src="parseImgUrl('ipdImages', 'weixin.svg')" />
|
|
@@ -40,7 +42,14 @@
|
|
|
officeData.isPassengerPass === false
|
|
|
"
|
|
|
>
|
|
|
- <img :src="parseImgUrl('ipdImages', 'vector.svg')" />
|
|
|
+ <img
|
|
|
+ :src="parseImgUrl('ipdImages', 'vector-active.svg')"
|
|
|
+ v-if="officeData.isPassengerPass"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ :src="parseImgUrl('ipdImages', 'vector')"
|
|
|
+ v-if="!officeData.isPassengerPass"
|
|
|
+ />
|
|
|
<span v-if="officeData.isPassengerPass">有人</span>
|
|
|
<span v-if="!officeData.isPassengerPass">无人</span>
|
|
|
</div>
|
|
@@ -59,10 +68,12 @@
|
|
|
class="env-item"
|
|
|
:style="[
|
|
|
{ background: item.bgColor ? item.bgColor : '' },
|
|
|
- { opacity: item.bgColor ? 0.8 : '' },
|
|
|
- { borderRadius: item.bgColor ? '25px' : '' },
|
|
|
+ { opacity: item.bgColor ? 0.8 : '' }
|
|
|
+ ]"
|
|
|
+ :class="[
|
|
|
+ index == 1 ? 'env-color' : '',
|
|
|
+ item.bgColor ? 'env-item-radius' : '',
|
|
|
]"
|
|
|
- :class="index == 1 ? 'env-color' : ''"
|
|
|
:key="'env' + index"
|
|
|
@click="handleDetail(item)"
|
|
|
v-for="(item, index) in envlist"
|
|
@@ -209,7 +220,7 @@
|
|
|
v-model:show="isShowMap"
|
|
|
class="map-popup"
|
|
|
position="bottom"
|
|
|
- style="width: 100%; height: 60%"
|
|
|
+ style="width: 100%; height: 70%"
|
|
|
:close-on-click-overlay="true"
|
|
|
teleport="#app"
|
|
|
>
|
|
@@ -1797,8 +1808,8 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
.left-space {
|
|
|
- padding-top: 20.6vh;
|
|
|
- padding-right: 80px;
|
|
|
+ padding-top: 12vh;
|
|
|
+ padding-right: 30px;
|
|
|
.text {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
@@ -1924,12 +1935,12 @@ export default defineComponent({
|
|
|
&:nth-child(3) {
|
|
|
// text-align: center;
|
|
|
padding-left: 20px;
|
|
|
- width: 117px;
|
|
|
+ width: 125px;
|
|
|
}
|
|
|
&:nth-child(4) {
|
|
|
// text-align: center;
|
|
|
padding-left: 20px;
|
|
|
- width: 97px;
|
|
|
+ width: 100px;
|
|
|
}
|
|
|
div {
|
|
|
img {
|
|
@@ -1975,6 +1986,9 @@ export default defineComponent({
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .env-item-radius {
|
|
|
+ border-radius: 25px;
|
|
|
+ }
|
|
|
.env-color {
|
|
|
// background: linear-gradient(
|
|
|
// 180deg,
|