'更新按钮'

components/mobile/share/store/CommodityList.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="share-store-commodity">
     <div class="title" v-if="commodities.content && commodities.content.length">
-      <img src="/images/mobile/@2x/shareStore/commodity-title@2x.png" alt="">
+      <!-- <img src="/images/mobile/@2x/shareStore/commodity-title@2x.png" alt=""> -->
+      <div class="share_title"><span></span><div>今日现货</div></div>
       <div class="date">
         <span>{{date.month}}</span>月<span>{{date.day}}</span>日
       </div>
@@ -53,14 +54,44 @@
 </script>
 <style lang="scss" scoped>
   .share-store-commodity {
+    .share_title {
+      font-weight: bold;
+      margin-top: 0.06rem;
+      span {
+        width: 0.08rem;
+        height: 0.3rem;
+        line-height: 0.3rem;
+        background-image: linear-gradient(90deg, 
+          #7188ff 0%, 
+          #6066fe 84%, 
+          #4f44fd 100%), 
+        linear-gradient(
+          #000000, 
+          #000000);
+        display: inline-block;
+        margin-top: 0.02rem;
+        margin-right: 0.09rem;
+        vertical-align: top;
+      }
+      div {
+        font-size: 0.28rem;
+        color: #09061e;
+        display: inline-block;
+        vertical-align: top;
+        margin-top: 0.02rem;
+      }
+    }
     padding: .24rem .3rem;
+    padding-bottom: 0rem;
     .title {
       margin-bottom: .2rem;
+      display: flex;
       img {
         width: 1.59rem;
         height: .45rem;
       }
       .date {
+        flex: 1;
         display: inline-block;
         font-size: .21rem;
         color: #fa3f46;
@@ -84,37 +115,45 @@
         font-size: .24rem;
         color: #666;
         position: relative;
-        top: .16rem;
+        top: .1rem;
       }
     }
     > ul {
       li {
-        height: .82rem;
+        &::after {
+          content: ' ';
+          clear: both;
+          display: block;
+          visibility: hidden;
+        }
+        // height: 1rem;
         border-bottom: .02rem solid rgba(217, 217, 217, .35);
         > div {
-          height: .82rem;
+          padding: 0.1rem 0;
+          // height: 1rem;
           &.fl {
             line-height: .4rem;
             p {
-              font-size: .24rem;
-              color: #f1a850;
+              font-size: .26rem;
+              color: #fb6f03;
             }
             span {
               font-size: .21rem;
-              color: #999;
+              color: #666;
             }
           }
           &.fr {
-            font-size: .24rem;
+            // float: none;
+            font-size: .26rem;
             color: #e21616;
             line-height: .82rem;
-            width: 1.2rem;
+            // width: 1.8rem;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             span {
               &:nth-child(2) {
-                font-size: .26rem;
+                font-size: .24rem;
               }
             }
           }

components/mobile/share/store/StoreFooter.vue

@@ -6,7 +6,8 @@
       <div class="hr"></div>
     </div>
     <div class="info">
-      <img src="/images/mobile/@2x/shareStore/store-info.png" alt="">
+      <!-- <img src="/images/mobile/@2x/shareStore/store-info.png" alt=""> -->
+      <div class="share_title"><span></span><a>店铺信息</a></div>
       <div class="info-line">
         <div class="fl">
           <img src="/images/mobile/@2x/shareStore/phone.png" alt="">
@@ -49,10 +50,36 @@
 </script>
 <style lang="scss" scoped>
     .share-store-footer {
+      .share_title {
+        font-weight: bold;
+        display: inline-block;
+        span {
+          width: 0.08rem;
+          height: 0.3rem;
+          line-height: 0.3rem;
+          background-image: linear-gradient(90deg, 
+            #7188ff 0%, 
+            #6066fe 84%, 
+            #4f44fd 100%), 
+          linear-gradient(
+            #000000, 
+            #000000);
+          display: inline-block;
+          margin-top: 0.02rem;
+          margin-right: 0.09rem;
+          vertical-align: top;
+        }
+        a {
+          font-size: 0.28rem;
+          color: #09061e;
+          display: inline-block;
+          vertical-align: top;
+        }
+      }
       .more {
-        height: .62rem;
-        line-height: .62rem;
-        font-size: .24rem;
+        height: .82rem;
+        line-height: .82rem;
+        font-size: .28rem;
         background: #f4f4f4;
         text-align: center;
         position: relative;
@@ -67,10 +94,10 @@
           height: .02rem;
           background: #d9d9d9;
           position: absolute;
-          left: .77rem;
-          top: .3rem;
+          left: .47rem;
+          top: .4rem;
           &:last-child {
-            right: .77rem;
+            right: .47rem;
             left: auto;
           }
         }
@@ -93,15 +120,15 @@
               height: .28rem;
             }
             span {
-              font-size: .24rem;
+              font-size: .26rem;
               color: #3c3c3c;
               line-height: .28rem;
               margin-left: .18rem;
             }
           }
           .fr {
-            font-size: .21rem;
-            color: #ef873a;
+            font-size: .26rem;
+            color: #fb6f03;
             line-height: .28rem;
             max-width: 4.2rem;
             overflow: hidden;

components/mobile/share/store/StoreHeader.vue

@@ -77,15 +77,15 @@
           width: 5rem;
           h1 {
             font-size: .36rem;
-            color: #662d00;
+            color: #fff;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             width: 4.5rem;
           }
           p {
-            font-size: .21rem;
-            color: #9c4500;
+            font-size: .24rem;
+            color: #fff;
             margin-top: .2rem;
             line-height: .32rem;
             overflow: hidden;

nuxt.config.js

@@ -1,6 +1,6 @@
 const path = require('path')
 const isProdMode = Object.is(process.env.NODE_ENV, 'production')
-const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://192.168.253.60:9090/platform-b2c/' : 'http://192.168.253.121:9090/platform-b2c/')
+const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://192.168.253.60:9090/platform-b2c/' : 'http://10.1.51.125:8080/platform-b2c/')
 const commonUrl = process.env.COMMON_URL || (isProdMode ? 'https://api-inquiry.usoftmall.com/' : 'http://218.17.158.219:24000/')
 
 module.exports = {