打包演示版本

src/view/drop-down-menu/drop-down-menu.vue

@@ -56,10 +56,7 @@ onMounted(() => {
     },
     {
       img: "/assets/imgs/drop-down-menu/func-jieneng@2x.png",
-      text: "节能",
+      text: "节能"
-      onClick: () => {
-        router.push("/message");
-      }
     },
     {
       img: "/assets/imgs/drop-down-menu/func-set@2x.png",

src/view/tabs/device-control.vue

@@ -256,7 +256,7 @@ const goToDetail = (item: any) => {
             }
 
             .content-btm {
-                margin-top: 18px;
+                margin-top: 8px;
                 font-family: Roboto-Light, Roboto;
 
                 // 关机

src/view/tabs/fixed-time.vue

@@ -63,12 +63,6 @@ import { Toast } from "vant";
 const { proxy } = getCurrentInstance() as any;
 
 const router = useRouter();
-/**
- * 环境模拟选择
- */
-const envSelect = () => {
-  router.push("/envSelect");
-};
 /**
  * 删除定时
  * @param index

src/view/tabs/home-screen.vue

@@ -9,7 +9,7 @@
         </div>
         <div class="content">
             <div class="content-left">
-                <div class="time">
+                <div class="time" @click="envSelect">
                     {{ hour }}<span>:</span>{{ minutes }}
                 </div>
             </div>
@@ -86,7 +86,12 @@ const change = () => {
         imgs.value.src = `/src/assets/imgs/home-screen/切图-关机时循环_000${index.value < 10? '0' + index.value: index.value}.png`;
     }
 }
-
+/**
+ * 环境模拟选择
+ */
+const envSelect = () => {
+  router.push("/envSelect");
+};
 /** 跳转消息页面 */
 const goMessagePage = () => {
     router.push("/message");
@@ -95,7 +100,7 @@ const goMessagePage = () => {
 
 <style lang="scss" scoped>
 #home-screen-wrapper {
-    width: 100vh;
+    width: 100vw;
     height: 100vh;
     background: url('@/assets/imgs/home-screen/snow@2x.png') no-repeat;
     background-size: 100% 100%;
@@ -106,10 +111,11 @@ const goMessagePage = () => {
         align-items: center;
         color: #FFF;
         margin-top: 12px;
-
         .wifi-icon {
             margin-left: 24px;
-
+            display: flex;
+          justify-content: center;
+          align-items: center;
             img {
                 width: 28px;
                 height: 28px;

src/view/ui/env-select.vue

@@ -8,7 +8,7 @@
       />
       <div class="zhp-title-text">环境模拟选择</div>
     </div>
-    <div class="zhp-item-bg">
+    <div class="zhp-item-bgg">
       <div v-for="(item, i) in seasonList" :key="i">
         <div class="seasonItem" @click="itemOnClick(item)">
           <div class="tem-bg">
@@ -67,6 +67,14 @@ const seasonList = ref([
 </script>
 
 <style lang="scss" scoped>
+//card列表父布局
+.zhp-item-bgg {
+  display: flex;
+  justify-content: space-between;
+  padding-left: 24px;
+  padding-right: 24px;
+  flex-wrap: wrap;
+}
 .seasonItem {
   margin-top: 20px;
   width: 330px;