3.3版本开发

package.json

@@ -62,5 +62,8 @@
     "qs": "^6.10.2",
     "sass-loader": "^10.2.0",
     "video.js": "^8.23.3"
+  },
+  "volta": {
+    "node": "14.21.3"
   }
 }

src/components/CommonHeader.vue

@@ -190,16 +190,16 @@
               视频
             </p>
           </el-menu-item>
-          <el-menu-item index="3">
+          <!-- <el-menu-item index="3"> -->
-            <p
+          <!--   <p -->
-              @click="
+          <!--     @click=" -->
-                baiduStat('导航栏-一问医答', 'click', '一问医答tab');
+          <!--       baiduStat('导航栏-一问医答', 'click', '一问医答tab'); -->
-                goHref('/doctor');
+          <!--       goHref('/doctor'); -->
-              "
+          <!--     " -->
-            >
+          <!--   > -->
-              一问医答
+          <!--     一问医答 -->
-            </p>
+          <!--   </p> -->
-          </el-menu-item>
+          <!-- </el-menu-item> -->
         </el-menu>
         <div
           class="search-user"

src/components/WebFooter.vue

@@ -26,7 +26,7 @@
           target="_blank"
           @click="baiduStat('公安备案', 'click', '公安备案')"
           >京公网安备 11000002002023号</a
-        >
+        ><br><a>诺和诺德(中国)制药有限公司北京分公司</a>
       </p>
     </template>
     <template v-else>
@@ -54,7 +54,7 @@
             target="_blank"
             @click="baiduStat('公安备案', 'click', '公安备案')"
             >京公网安备 11000002002023号</a
-          >
+          >&nbsp;&nbsp;&nbsp;<a>|&nbsp;&nbsp;&nbsp;诺和诺德(中国)制药有限公司北京分公司</a>
         </p>
       </template>
       <template v-else>
@@ -81,7 +81,7 @@
             target="_blank"
             @click="baiduStat('公安备案', 'click', '公安备案')"
             >京公网安备 11000002002023号</a
-          >
+          >&nbsp;&nbsp;&nbsp;<a>|&nbsp;&nbsp;&nbsp;诺和诺德(中国)制药有限公司北京分公司</a>
         </p>
       </template>
     </template>

src/pages/article/_id.vue

@@ -144,13 +144,15 @@
         </div>
       </div>
       <div class="stack-bottom">
-        <img class="s-left" :src="isPro ? qrcodeUrl : qrcodeUrlTest" alt="" />
+        <div class="s-container">
-        <div class="s-right">
+          <img class="s-left" src="~/assets/images/public.png" alt="" />
-          <img class="code" :src="isPro ? qrcodeUrl : qrcodeUrlTest" alt="" />
+          <div class="s-right">
-          <div class="name">
+            <img class="code" :src="isPro ? qrcodeUrl : qrcodeUrlTest" alt="" />
-            微信扫一扫
+            <div class="name">
-            <br />
+              微信扫一扫
-            获取最新糖尿病展示
+              <br />
+              获取最新糖尿病展示
+            </div>
           </div>
         </div>
       </div>
@@ -743,20 +745,39 @@ export default {
       left: 0;
       font-size: 16px;
       color: #000;
-      box-shadow: 10px 10px 10px #ccc;
+      padding: 0 20px 10px;
-      display: flex;
+      height: 117px;
-      padding: 20px;
+      border-radius: 6px;
-      .s-left {
+      background-color: rgba(245, 245, 248, 1);
-        flex-shrink: 0;
+      .s-container {
-        width: 120px;
+        position: absolute;
-        height: 120px;
+        bottom: 10px;
-      }
+        left: 32px;
-      .s-right {
+        display: flex;
-        flex:1;
+        gap: 24px;
-        text-align: center;
+        align-items: flex-end;
-        .code {
+        .s-left {
-          width: 80px;
+          flex-shrink: 0;
-          height: 80px;
+          width: 121px;
+          height: 178px;
+        }
+        .s-right {
+          flex: 1;
+          text-align: center;
+          .code {
+            padding: 4px;
+            width: 80px;
+            height: 80px;
+            background-color: #fff;
+            border-radius: 7px;
+            box-shadow: 0 2px 12px #0000001A;
+          }
+          .name {
+            margin-top: 10px;
+            font-size: 14px;
+            line-height: 20px;
+            color: rgba(41, 43, 44, 1);
+          }
         }
       }
     }

src/pages/video/_id.vue

@@ -16,7 +16,7 @@
         </video-player>
       </div>
       <div class="go-wechat">
-        <img :src="isPro ? qrcodeUrl : qrcodeUrlTest" alt="" />
+        <img class="code" :src="isPro ? qrcodeUrl : qrcodeUrlTest" alt="" />
         <div class="content">
           微信扫码关注<span class="bold">糖尿病网</span>公众号
           <br />
@@ -262,11 +262,11 @@ export default {
     }
   }
   .go-wechat {
-    margin: 20px auto 0;
+    margin: 100px auto 0;
     display: flex;
     margin-bottom: 30px;
-    padding: 20px;
+    padding: 51px 106px 33px 309px;
-    width: 525px;
+    width: 648px;
     height: 150px;
     background: $bg-color;
     border-radius: 4px;
@@ -275,21 +275,30 @@ export default {
     justify-content: space-between;
     border-radius: 12px;
     box-shadow: 10px 10px 10px #f2f2f2;
+    position: relative;
     .content {
       margin-left: 15px;
       flex: 1;
       font-size: 16px;
       color: $main-blue-color;
       line-height: 31px;
+      white-space: nowrap;
       .bold {
+        font-size: 20px;
         font-weight: bold;
       }
     }
 
-    img {
+    .code {
+      position: absolute;
+      left: 106px;
+      top: -48px;
       flex-shrink: 0;
-      width: 110px;
+      width: 152px;
-      height: 110px;
+      height: 152px;
+      padding: 10px;
+      border-radius: 8px;
+      box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.13);
       background: $body-color;
     }
   }