Quellcode durchsuchen

ldm线上样式修改

喻文俊 vor 3 Jahren
Ursprung
Commit
2520571d04

+ 0 - 2
components/LdmLogin/index.vue

@@ -198,7 +198,6 @@ export default {
         }
         }
       }
       }
       .submit {
       .submit {
-        width: 200px;
         height: 58px;
         height: 58px;
         margin: 0 auto;
         margin: 0 auto;
         background: #000;
         background: #000;
@@ -271,7 +270,6 @@ export default {
         }
         }
       }
       }
       .submit {
       .submit {
-        width: 28.4vw;
         height: 8.2vw;
         height: 8.2vw;
         margin: 0 auto;
         margin: 0 auto;
         background: #000;
         background: #000;

+ 1 - 1
pages/_template/app/approve/club/index.vue

@@ -329,7 +329,7 @@ export default {
           position: relative;
           position: relative;
           margin-left: 12px;
           margin-left: 12px;
           .name {
           .name {
-            width: 228px;
+            width: 200px;
             font-size: 16px;
             font-size: 16px;
             color: #101010;
             color: #101010;
             font-weight: bold;
             font-weight: bold;

+ 19 - 17
pages/_template/ldm/approve/club/detail.vue

@@ -18,23 +18,25 @@
         <div class="mobile">{{ clubInfo.mobile | formatEmpty }}</div>
         <div class="mobile">{{ clubInfo.mobile | formatEmpty }}</div>
         <div class="navigation" @click="onMapNav">导航过去</div>
         <div class="navigation" @click="onMapNav">导航过去</div>
       </div>
       </div>
-      <!-- 列表标题 -->
-      <div class="title">明星操作师</div>
-      <!-- 列表 -->
-      <div class="list">
-        <div
-          class="section flex items-center"
-          v-for="(item, index) in clubInfo.doctorList"
-          :key="index"
-        >
-          <img :src="item.doctorImage" class="cover" />
-          <div class="info">
-            <div class="name" v-text="item.doctorName"></div>
-            <div class="tag" v-text="item.tagList.join(' | ')"></div>
-            <div class="more" @click="toDetail(item)">点击查看</div>
+      <template v-if="clubInfo.doctorList && clubInfo.doctorList.length > 0">
+        <!-- 列表标题 -->
+        <div class="title">明星操作师</div>
+        <!-- 列表 -->
+        <div class="list">
+          <div
+            class="section flex items-center"
+            v-for="(item, index) in clubInfo.doctorList"
+            :key="index"
+          >
+            <img :src="item.doctorImage" class="cover" />
+            <div class="info">
+              <div class="name" v-text="item.doctorName"></div>
+              <div class="tag" v-text="item.tagList.join(' | ')"></div>
+              <div class="more" @click="toDetail(item)">点击查看</div>
+            </div>
           </div>
           </div>
         </div>
         </div>
-      </div>
+      </template>
     </div>
     </div>
     <SimpleMapNav ref="mapNav" color="black" @click="navigation"></SimpleMapNav>
     <SimpleMapNav ref="mapNav" color="black" @click="navigation"></SimpleMapNav>
   </div>
   </div>
@@ -202,7 +204,7 @@ export default {
           height: 20px;
           height: 20px;
           position: absolute;
           position: absolute;
           left: 0;
           left: 0;
-          top: 0;
+          top: 4px;
           background-size: auto 20px;
           background-size: auto 20px;
           background-repeat: no-repeat;
           background-repeat: no-repeat;
         }
         }
@@ -374,7 +376,7 @@ export default {
           position: absolute;
           position: absolute;
           left: 4.3vw;
           left: 4.3vw;
           top: 4vw;
           top: 4vw;
-          background-size: auto 3.6vw;
+          background-size: 4vw;
           background-repeat: no-repeat;
           background-repeat: no-repeat;
         }
         }
       }
       }

+ 6 - 6
pages/_template/ldm/approve/club/index.vue

@@ -327,7 +327,7 @@ export default {
               left: 0;
               left: 0;
               top: 50%;
               top: 50%;
               transform: translateY(-50%);
               transform: translateY(-50%);
-              background-size: 14px 14px;
+              background-size: 20px 20px;
               background-repeat: no-repeat;
               background-repeat: no-repeat;
               background-position: left center;
               background-position: left center;
             }
             }
@@ -357,13 +357,13 @@ export default {
             &::after {
             &::after {
               content: '';
               content: '';
               display: block;
               display: block;
-              width: 20px;
-              height: 20px;
+              width: 24px;
+              height: 24px;
               position: absolute;
               position: absolute;
               left: 0;
               left: 0;
               top: 50%;
               top: 50%;
               transform: translateY(-50%);
               transform: translateY(-50%);
-              background-size: 14px 14px;
+              background-size: 24px 24px;
               background-repeat: no-repeat;
               background-repeat: no-repeat;
               background-position: left center;
               background-position: left center;
             }
             }
@@ -476,7 +476,7 @@ export default {
               left: 0;
               left: 0;
               top: 50%;
               top: 50%;
               transform: translateY(-50%);
               transform: translateY(-50%);
-              background-size: 3.6vw 3.6vw;
+              background-size: 4vw;
               background-repeat: no-repeat;
               background-repeat: no-repeat;
             }
             }
           }
           }
@@ -511,7 +511,7 @@ export default {
               left: 0;
               left: 0;
               top: 50%;
               top: 50%;
               transform: translateY(-50%);
               transform: translateY(-50%);
-              background-size: 3.6vw 3.6vw;
+              background-size: 4vw 4vw;
               background-repeat: no-repeat;
               background-repeat: no-repeat;
             }
             }
           }
           }

+ 1 - 1
pages/_template/ldm/approve/index.vue

@@ -12,7 +12,7 @@
     <div class="page-content">
     <div class="page-content">
       <div class="info">
       <div class="info">
         <div class="title">
         <div class="title">
-          德国LDM<sup>®</sup>带您开启非侵式护肤美容新时代
+          德国LDM<sup>®</sup>带您开启非侵式护肤美容新时代
         </div>
         </div>
         <div class="subtitle">
         <div class="subtitle">
           Bring you into a new era <br />
           Bring you into a new era <br />

+ 25 - 4
pages/_template/ldm/index.vue

@@ -1,6 +1,8 @@
 <template>
 <template>
   <div class="page">
   <div class="page">
-    <div class="page-top"></div>
+    <div class="page-top">
+      <img class="logo" :src="logoImage" alt="" />
+    </div>
     <div class="page-content">
     <div class="page-content">
       <keep-alive>
       <keep-alive>
         <div class="list">
         <div class="list">
@@ -34,11 +36,14 @@ export default {
   layout: 'app-ldm',
   layout: 'app-ldm',
   data() {
   data() {
     return {
     return {
+      logoImage: '',
       list: [],
       list: [],
     }
     }
   },
   },
-  asyncData() {
+  asyncData({ store }) {
+    const logoImage = store.getters.static + '/ldm-logo-rect-white.png'
     return {
     return {
+      logoImage,
       list: [
       list: [
         {
         {
           id: 0,
           id: 0,
@@ -76,7 +81,10 @@ export default {
       if (item.id > 0 && !hasLogin) {
       if (item.id > 0 && !hasLogin) {
         // 在微信浏览器中使用微信授权登录
         // 在微信浏览器中使用微信授权登录
         if (isWeChat() && this.appId && this.accountType === 2) {
         if (isWeChat() && this.appId && this.accountType === 2) {
-          const payload = { authUserId: this.authUserId, routePrefix: this.routePrefix }
+          const payload = {
+            authUserId: this.authUserId,
+            routePrefix: this.routePrefix,
+          }
           return toAuthorization(this.appId, payload)
           return toAuthorization(this.appId, payload)
         }
         }
         this.$toast({ message: '请先登录', duration: 1000 })
         this.$toast({ message: '请先登录', duration: 1000 })
@@ -98,6 +106,10 @@ export default {
     background: url(https://static.caimei365.com/www/authentic/pc/ldm-bg-home.png)
     background: url(https://static.caimei365.com/www/authentic/pc/ldm-bg-home.png)
       no-repeat center;
       no-repeat center;
     background-size: auto 596px;
     background-size: auto 596px;
+
+    .logo {
+      display: none;
+    }
   }
   }
 
 
   .page-content {
   .page-content {
@@ -162,9 +174,18 @@ export default {
 
 
 @media screen and (max-width: 768px) {
 @media screen and (max-width: 768px) {
   .page-top {
   .page-top {
+    position: relative;
     height: 59.6vw;
     height: 59.6vw;
-    background: url(https://static.caimei365.com/www/authentic/h5/ldm-bg-home.png);
+    background: url(https://static.caimei365.com/www/authentic/h5/ldm-bg-home.gif);
     background-size: auto 59.6vw;
     background-size: auto 59.6vw;
+
+    .logo {
+      position: absolute;
+      left: 50%;
+      top: 13.7vw;
+      width: 37.8vw;
+      transform: translateX(-50%);
+    }
   }
   }
 
 
   .page-content {
   .page-content {