yangpu-zhxy

src/views/screenAdaptation/pages/homePages/menuTop/modelSelect.vue

@@ -47,7 +47,7 @@
             showModelAry: function () {
                 this.showModelAryFlag = !this.showModelAryFlag;
                 if (this.showModelAryFlag) {
-                    this.$refs.modelAryRef.style.transform = "translateY(165px)";
+                    this.$refs.modelAryRef.style.transform = "translateY(205px)";
                 } else {
                     this.$refs.modelAryRef.style.transform = "translateY(-5px)";
                 }
@@ -85,6 +85,7 @@
                 transform: skew(45deg);
                 color: #00fcff;
                 display: inline-block;
+                font-style: oblique;
             }
             .show-icon-style {
                 width: 23px;
@@ -105,30 +106,31 @@
         }
         .menu-ary-box-style {
             width: 200px;
-            height: 200px;
+            height: 210px;
             position: relative;
             display: flex;
             justify-content: center;
             overflow-y: hidden;
             z-index: 5;
+            font-size: 18px;
             .model-ary-style {
-                width: 150px;
-                height: 160px;
+                width: 185px;
+                height: 200px;
                 position: absolute;
-                top: -160px;
-                border: 1px dashed #00fcff;
-                border-radius: 5px;
+                top: -200px;
+                border: 1px solid #00fcff;
+                border-radius: 10px;
                 transition: transform 300ms linear;
                 will-change: transform;
                 display: flex;
                 flex-direction: column;
                 justify-content: center;
                 align-items: center;
-                background-color: #060d43;
+                /* background-color: #060d43;*/
                 .model-item-style {
                     width: 130px;
-                    height: 40px;
-                    line-height: 40px;
+                    height: 50px;
+                    line-height: 50px;
                     border-bottom: 1px dashed #00fcff;
                     text-align: center;
                     color: #00fcff;
@@ -143,4 +145,4 @@
             }
         }
     }
-</style>
+</style>

src/views/screenAdaptation/pages/homePages/menuTop/time.vue

@@ -2,7 +2,7 @@
     <div class="time-box-style">
         <a-icon type="calendar" class="light-color-style"/>
         <span class="light-color-style time-text-style" style="margin-left: 0.5rem">{{ dateYear }} {{ dateDay }}</span>
-        <span class="light-color-style"> {{ dateWeek }}</span>
+        <span class="light-color-style" style="padding-left: 10px;"> {{ dateWeek }}</span>
     </div>
 </template>
 <script>
@@ -43,11 +43,11 @@
     .time-box-style{
         .time-text-style{
             font-family: 'lightFont';
-            font-size: 20px;
+            font-size: 25px;
             color: #00fcff !important;
         }
         .light-color-style{
             color: #00fcff !important;
         }
     }
-</style>
+</style>

src/views/screenAdaptation/pages/homePages/menuTop/top.vue

@@ -12,7 +12,6 @@
                         <PersonInfo/>
                     </span>
                     <span class="text login-text-style" v-if="!isLogin"
-                          style="color:#00fcff;cursor: pointer"
                           @click="toLogin"
                     >
                         登录
@@ -148,6 +147,7 @@
         position: relative;
         display: flex;
         justify-content: center;
+        font-size: 22px;
         img {
             width: 100%;
             height: 100%;
@@ -165,23 +165,30 @@
         }
         .time-div-style {
             position: absolute;
-            left: 30px;
+            left: 100px;
             width: auto;
             height: 50px;
             bottom: 12px;
             display: flex;
             justify-content: center;
             align-items: center;
+            font-style: oblique;
         }
         .login-div-style {
             position: absolute;
-            right: 30px;
+            right: 80px;
             width: auto;
             height: 50px;
             bottom: 12px;
             display: flex;
             justify-content: center;
             align-items: center;
+            .login-text-style {
+                color:#00fcff;
+                cursor: pointer;
+                letter-spacing: 20px;
+                font-style: oblique;
+            }
         }
         .model-change-div-style{
             position: absolute;
@@ -211,6 +218,7 @@
                 transform: skew(45deg);
                 color: #00fcff;
                 display: inline-block;
+                font-style: oblique;
             }
         }
         .menu-ary-box-style {
@@ -222,15 +230,15 @@
             justify-content: center;
             overflow-y: hidden;
             .model-ary-style {
-                width: 150px;
+                width: 185px;
                 height: 150px;
                 position: absolute;
-                top: -150px;
+                top: -200px;
                 border: 1px dashed #00fcff;
-                border-radius: 5px;
+                border-radius: 10px;
                 transition: transform 300ms linear;
                 will-change: transform;
             }
         }
     }
-</style>
+</style>

src/views/screenAdaptation/pages/homePages/threeDimensionalSchoolModel/menuItem.vue

@@ -46,9 +46,8 @@
             margin-top: 20px;
             font-size: 20px;
             color: white;
-            font-weight: bolder;
             text-align: center;
         }
 
     }
-</style>
+</style>

src/views/screenAdaptation/pages/homePages/traditionalMode/menuItem.vue

@@ -70,7 +70,7 @@
 </script>
 <style scoped lang="scss">
     .menu-box-style{
-        width: 320px;
+        width: 380px;
         height: 300px;
         position: relative;
         img{
@@ -78,7 +78,7 @@
             height: 100%;
         }
         .menu-item-style{
-            width: 320px;
+            width: 380px;
             height: 300px;
             position: absolute;
             top: 0;
@@ -90,11 +90,10 @@
             cursor: pointer;
             .menu-name-style{
                 font-size: 24px;
-                font-weight: bolder;
             }
             .menu-img-style{
-                width: 100px;
-                height: 100px;
+                width: 120px;
+                height: 120px;
                 margin-top: 5px;
                 img{
                     width: 100%;
@@ -103,4 +102,4 @@
             }
         }
     }
-</style>
+</style>

src/views/screenAdaptation/pages/homePages/traditionalMode/traditionalMode.vue

@@ -27,7 +27,7 @@
             }
         },
         mounted(){
-            
+
         },
         methods:{
             menuClick:function (menu) {
@@ -44,7 +44,7 @@
     .traditional-menu-style{
         width: 100%;
         height: 100%;
-        margin-top: 50px;
+        margin-top: 30px;
         position: relative;
         z-index: 1;
         img{
@@ -61,7 +61,7 @@
             flex-wrap: wrap;
             justify-content: space-between;
             align-items: center;
-            padding: 100px 200px;
+            padding: 60px 150px;
         }
     }
-</style>
+</style>

vue.config.js

@@ -22,9 +22,9 @@ function getEntry() {
             let fileList = filepath.split('/');
             let fileName = fileList[fileList.length - 2];
             // // TODO 只打包正在编码的项目
-            // if (fileName != "physicalHealth") {
-            //     continue;
-            // }
+            if (fileName != "screenAdaptation") {
+                continue;
+            }
             entries[fileName] = {
                 entry: `src/views/${fileName}/main.js`,
                 // 在 dist/index.html 的输出