修改容器宽度bug，分享文案，图片白边

assets/style/common.less

+html,body{
+  width: 100%;
+  background-color: #fff;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+img{
+  -webkit-user-select:none;
+  -moz-user-select:none;
+  -o-user-select:none;
+  user-select:none;
+  margin-bottom: -.5px;
+}

assets/style/common.scss

-img{
-    -webkit-user-select:none;
-    -moz-user-select:none;
-    -o-user-select:none;
-    user-select:none;
-}
-body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption, {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    font-style: normal;
-    text-decoration: none;
-    border: none;
-    color: #333;
-    font-weight: normal;
-    font-family: "PingFangSC-Regular","-apple-system-font","Source Han Sans","Helvetica Neue","sans-serif";
-    box-sizing: border-box;
-    -webkit-tap-highlight-color:transparent;
-    -webkit-font-smoothing: antialiased;
-    &:hover{
-        outline: none;
-    }
-}
-/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
-::-webkit-scrollbar  
-{  
-    width: 0px;  
-    height: 0px;  
-    background-color: #F5F5F5;  
-}  
-  
-/*定义滚动条轨道 内阴影+圆角*/  
-::-webkit-scrollbar-track  
-{  
-    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
-    border-radius: 10px;  
-    background-color: #F5F5F5;  
-}  
-  
-/*定义滑块 内阴影+圆角*/  
-::-webkit-scrollbar-thumb  
-{  
-    border-radius: 10px;  
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
-    background-color: #555;  
-}  
-
-input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
-    -webkit-appearance: none;
-}
-
-textarea { -webkit-appearance: none;}   
-
-html,body{
-    height: 100%;
-    width: 100%;
-    background-color: #fff;
-}
-
-.clear:after{
-    content: '';
-    display: block;
-    clear: both;
-}
-
-.clear{
-    zoom:1;
-}
-
-.back_img{
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-}
-
-.margin{
-    margin: 0 auto;
-}
-
-.left{
-    float: left;
-}
-
-.right{
-    float: right;
-}
-
-.hide{
-    display: none;
-}
-
-.show{
-    display: block;
-}
-
-.ellipsis{
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.paddingTop{
-    padding-top: 1.95rem;
-}
-
-@keyframes backOpacity{
-   0%   { opacity: 1 }
-   25%  { opacity: .5 }
-   50%  { opacity: 1 }
-   75%  { opacity: .5 }
-   100% { opacity: 1 }
-}
-
-.animation_opactiy{
-    animation: backOpacity 2s ease-in-out infinite;
-}
-
-.template-content .mint-cell-title {
-    display: none;
-}
-.template-content .mint-cell-value {
-    width: 100%;
-}
-.template-content .mint-cell-wrapper {
-    padding: 0;
-}
\ No newline at end of file

assets/style/index.less

 .index-wrap{
+  width: 100%;
+  position: relative;
     div{
-        width: 375px;
-        img{
-            width: 375px;
-            display: block;
-        }
+      width: 100%;
+      img{
+          width: 100%;
+          display: block;
+      }
     }
     .wrap-join{
         height: 72.5px;
         background: url(../img/img4.png) no-repeat center center;
         background-size: 100% 100%; 
+        margin-bottom: -.5px;
         .wrap-count{
             width: 325px;
             height: 72.5px;
@@ -43,6 +46,7 @@
         height: 94.5px;
         background: url(../img/img5.png) no-repeat center center;
         background-size: 100% 100%; 
+        margin-bottom: -.5px;
         img{
             padding-top: 15px;
         }
@@ -58,6 +62,7 @@
         height: 166px;
         background: url(../img/img11.png) no-repeat center center;
         background-size: 100% 100%; 
+        margin-bottom: -.5px;
         img{
             padding-top: 81px;
         }
@@ -107,7 +112,7 @@
             }
             .btn-rule{
                 width: 110px;
-                height: 15px;
+                // height: 15px;
                 font-size:15px;
                 color:rgba(255,255,255,1);
                 line-height:15px;
@@ -124,7 +129,7 @@
         }
     }
     .fix-btn{
-        width: 375px;
+        width: 100%;
         height: 50px;
         position: fixed;
         left: 0;

components/h5header/index.less

 header{
-	width: 375px;
+	width: 100%;
 	position: fixed;
 	left: 0;
 	top: 0;
 	z-index: 100;
 	.status{
-		width: 375px;
+		width: 100%;
 	}
 	.head-wrap{
-		width: 375px;
+		width: 100%;
 		box-sizing: border-box;
 		padding: 0 20px 0 16px;
 		display: flex;

nuxt.config.js

@@ -39,6 +39,7 @@ module.exports = {
   ** Global CSS
   */
   css: [
+    '~/assets/style/common.less',
     'vant/lib/index.css'
   ],
   /*

pages/prehot.vue

@@ -125,7 +125,7 @@ export default {
     }
     this.shareObj = {
       shareUrl: window.location.href,
-      title1: '年底辛苦了，送您一份奖励',
+      title1: '年底辛苦了，送您一份奖品',
       title2: '小小心意，20万奖品等瓜分',
       shareImageUrl: 'https://file.yunqueyi.com/h5/nzhd19/share.png'
     }