|
@@ -2,16 +2,16 @@
|
|
|
* @Author: wjc
|
|
* @Author: wjc
|
|
|
* @Date: 2025-11-19 16:09:12
|
|
* @Date: 2025-11-19 16:09:12
|
|
|
* @LastEditors: wjc
|
|
* @LastEditors: wjc
|
|
|
- * @LastEditTime: 2025-12-12 16:55:20
|
|
|
|
|
|
|
+ * @LastEditTime: 2025-12-16 17:01:28
|
|
|
* @Description:
|
|
* @Description:
|
|
|
-->
|
|
-->
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="b2-screen">
|
|
|
|
|
|
|
+ <div class="b1-screen">
|
|
|
<div class="logo">
|
|
<div class="logo">
|
|
|
<Clock />
|
|
<Clock />
|
|
|
<img src="@/assets/images/hjkj1.png" class="logo-img" />
|
|
<img src="@/assets/images/hjkj1.png" class="logo-img" />
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="b2-screen-content">
|
|
|
|
|
|
|
+ <div class="b1-screen-content">
|
|
|
<div class="left-wrap">
|
|
<div class="left-wrap">
|
|
|
<OnlineWater :showOnlineInfo="true" />
|
|
<OnlineWater :showOnlineInfo="true" />
|
|
|
<Smart />
|
|
<Smart />
|
|
@@ -71,10 +71,10 @@
|
|
|
@import "@/assets/css/theme.scss";
|
|
@import "@/assets/css/theme.scss";
|
|
|
@import "@/assets/css/screen.scss";
|
|
@import "@/assets/css/screen.scss";
|
|
|
$gap-padding: halfW(8);
|
|
$gap-padding: halfW(8);
|
|
|
- .b2-screen {
|
|
|
|
|
|
|
+ .b1-screen {
|
|
|
width: calc(100vw - halfW(8) * 2);
|
|
width: calc(100vw - halfW(8) * 2);
|
|
|
- height: calc(100vh - halfH(8));
|
|
|
|
|
- padding: 0 halfW(8) halfW(8);
|
|
|
|
|
|
|
+ height: calc(100vh);
|
|
|
|
|
+ padding: 0 halfW(8) 0 halfW(8);
|
|
|
background: var(--page-bg);
|
|
background: var(--page-bg);
|
|
|
font-family: DreamHanSansCN;
|
|
font-family: DreamHanSansCN;
|
|
|
.logo {
|
|
.logo {
|
|
@@ -89,7 +89,7 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .b2-screen-content {
|
|
|
|
|
|
|
+ .b1-screen-content {
|
|
|
height: calc(100% - halfH(64) - halfH(28));
|
|
height: calc(100% - halfH(64) - halfH(28));
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
display: flex;
|
|
display: flex;
|