'校区修改'

pages/campus/index.vue

@@ -68,11 +68,11 @@
                 <div class="area">{{ item.area }}</div>
                 <div class="name">{{ item.name }}</div>
                 <div class="address">
-                  <div class="icon"><img src="~/assets/images/campus/icon_address.png" alt=""></div>
+                  <div class="icon"><img :src="iconAddr" alt=""></div>
                   <p>{{ item.address }}</p>
                 </div>
                 <div class="phone">
-                  <div class="icon"><img src="~/assets/images/campus/icon_phone.png" alt=""></div>
+                  <div class="icon"><img :src="iconPhone" alt=""></div>
                   <p>{{ item.phone }}</p>
                 </div>
                 <div class="detail">
@@ -101,6 +101,8 @@ export default {
   data() {
     return {
       form: {},
+      iconAddr: require('~/assets/images/campus/icon_address.png'),
+      iconPhone: require('~/assets/images/campus/icon_phone.png'),
       campusList: [
         {
           id: 1,
@@ -441,6 +443,10 @@ export default {
           padding: 15px 20px 15px;
           .icon {
             margin-right: 8px;
+            img {
+              width: 10px;
+              height: 12px;
+            }
           }
         }
         .area {
@@ -461,12 +467,11 @@ export default {
         .address {
           display: flex;
           align-items: center;
+          margin-top: 9px;
           p {
             font-size: 12px;
             font-family: PingFangSC-Regular,PingFang SC;
             font-weight: 400;
-            line-height: 17px;
-            margin-top: 9px;
             color:#898A8C;
           }
         }
@@ -479,19 +484,21 @@ export default {
             font-size: 12px;
             font-family: PingFangSC-Regular,PingFang SC;
             font-weight: 400;
-            line-height: 17px;
           }
         }
         .detail {
           width: 85px;
-          // height: 26px;
           line-height: 26px;
           border-radius: 4px;
-          border: 1px solid #4B86FB;
           font-size: 10px;
           text-align: center;
-          color: #1B1616;
           margin: 17px auto 0;
+          background: linear-gradient(180deg, #5890FB 0%, #3375FC 100%);
+          box-shadow: 0px 7px 14px 0px rgba(136, 176, 254, 0.79);
+          border-radius: 4px;
+          a {
+            color: #ffffff;
+          }
         }
       }
     }