客服页面

config/dev.env.js

@@ -3,13 +3,14 @@ var prodEnv = require('./prod.env')
 
 
 module.exports = merge(prodEnv, {//zjgyl
-  SHOP_MIXID:"'antgood'",
+  SHOP_MIXID:"'ad666666'",
   NODE_ENV: '"development"',
   // BASE_URL:"'https://shop.mayi888.com'", 
   // BASE_URL:"'http://192.168.1.146:3005'",
-  BASE_URL:"'https://test-m-shop.mayi888.cn'",
+  // BASE_URL:"'http://192.168.1.106:3000'",
+  BASE_URL:"'http://test-m-shop.mayi888.cn'",
 
-  OLSHOP_URL:'"https://test-m-shop.mayi888.cn/innerApi/shopApiService"',
+  OLSHOP_URL:'"http://test-m-shop.mayi888.cn/innerApi/shopApiService"',
   // OLSHOP_URL:'"https://shop.mayi888.com/innerApi/shopApiService"',
   IMG_DOMAIN: '"http://test-bucket-ant.oss-cn-shanghai.aliyuncs.com"'
   // IMG_DOMAIN: '"http://cdn.mayi888.com"'

src/pages/contact/index.vue

@@ -2,7 +2,17 @@
     <div class="contact">
         <div class="contact-img"></div>
         <div class="btn-wrap">
-            <button type="contact" session-from="">进入客服</button>
+            <button type="contact">
+                <div class="btn-main">
+                    <div class="main-img">
+
+                    </div>
+                    <div class="main-text">官方微信客服</div>
+                </div>
+                <div class="btn-next">
+                    next
+                </div>
+            </button>
         </div>
     </div>
 </template>
@@ -21,15 +31,40 @@ export default {
         width: 100%;
         height: 154px;
         margin-bottom: 24px;
+        background-color: #ccc;
+        border-radius: 8px;
     }
     .btn-wrap{
         width: 100%;
         height: 80px;
         box-sizing: border-box;
-        border: 1px solid #666;
     }
     button{
         width: 100%;
         height: 80px;
+        border: none;
+        padding: 20px 10px 20px 10px;
+        background-color: white;
+        box-shadow: #eee 0px 0px 5px 4px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .btn-main{
+        display: flex;
+        height: 40px;
+    }
+    .main-img{
+        width: 54px;
+        height: 40px;
+        border-right: 1px solid #D7D4D4;
+    }
+    .main-text{
+        color: #1C1B1B;
+        font-size:17px;
+        margin-left: 10px;
+    }
+    button::after{
+        border: none;
     }
 </style>
\ No newline at end of file