|
@@ -8,21 +8,31 @@
|
|
|
<!-- <img :src="title" v-else /> -->
|
|
|
</div>
|
|
|
<div class="horHead-left">
|
|
|
- <img :src="logo" alt="" style="height: 48px" />
|
|
|
+ <img
|
|
|
+ :src="logo"
|
|
|
+ alt=""
|
|
|
+ style="height: 48px"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="horHead-right">
|
|
|
<div class="right-item">
|
|
|
<span class="item-time">{{ nowStr }}</span>
|
|
|
</div>
|
|
|
<div class="right-item">{{ weatherCont.text }}</div>
|
|
|
- <div class="right-item" @click="changeScreen">
|
|
|
+ <div
|
|
|
+ class="right-item"
|
|
|
+ @click="changeScreen"
|
|
|
+ >
|
|
|
<img
|
|
|
class="firstImg"
|
|
|
alt=""
|
|
|
:src="nowScreen == 'vertical' ? changeHor : changeVer"
|
|
|
/>
|
|
|
</div>
|
|
|
- <div class="right-item" style="display: none">退出</div>
|
|
|
+ <div
|
|
|
+ class="right-item"
|
|
|
+ style="display: none"
|
|
|
+ >退出</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -41,17 +51,16 @@ export default defineComponent({
|
|
|
},
|
|
|
},
|
|
|
setup(props, contx) {
|
|
|
-
|
|
|
const { persagyLogo, zhijiangLogo, changeHor, changeVer } = dapingImage;
|
|
|
|
|
|
const route: any = useRoute();
|
|
|
const router = useRouter();
|
|
|
const projectStore = useProjectStore();
|
|
|
|
|
|
- const { weatherCont, projectObj, projectId } =
|
|
|
- storeToRefs(projectStore);
|
|
|
+ const { weatherCont, projectObj, projectId } = storeToRefs(
|
|
|
+ projectStore
|
|
|
+ );
|
|
|
|
|
|
-
|
|
|
const allData = reactive({
|
|
|
// logo: new URL(
|
|
|
// "../assets/image/horImg/zhijianglogo.png",
|
|
@@ -118,6 +127,7 @@ export default defineComponent({
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
+ font-size: 0;
|
|
|
}
|
|
|
.horHead-right {
|
|
|
position: absolute;
|
|
@@ -144,7 +154,7 @@ export default defineComponent({
|
|
|
// border-radius: 8px;
|
|
|
.firstImg {
|
|
|
margin-right: 6px;
|
|
|
- width:28px;
|
|
|
+ width: 28px;
|
|
|
}
|
|
|
.item-time {
|
|
|
font-family: Persagy;
|