1

src/assets/scss/module/_subscride.scss

@@ -23,6 +23,9 @@ table, thead th{
     background-color: #F7D558;
     border-color: #F7D558;
 }
+.form-control{
+    border: 1px solid #e5e5e5;
+}
 .form-control:focus, .btn:focus{
     border-color: #F7D558;
     box-shadow: 0px 0px 0px 0.2rem rgba(247, 213, 88, .25);

src/views/home/index.vue

@@ -469,7 +469,9 @@
           <div class="cell" v-for="(item, index) in parentItem.marketInfoList.slice(0,8)" :key="index">
             <div>￥{{ omitTo(item.close*price_cny,2) }}</div><div :class="item.increase * 1 < 0 ? 'green-f color-sell' : 'green-f color-buy'">{{item.increaseStr}}</div>
             <div class="cell-b"><img alt="" :src="item.coin_icon" width="36" height="36" /><span>{{item.coin_name}}</span>
-              <i><router-link to="/sign-in"><img src="../../../static/images/icon/right.png" alt="" style="background: #ffffff"></router-link></i>
+              <i><router-link to="/sign-in" style="background: #ffffff;border-radius: 50%;overflow: hidden;padding: 4px;">
+                <img src="../../../static/images/icon/right.png" alt="" width="30" height="30" />
+              </router-link></i>
             </div>
           </div>
         </template>
@@ -2596,17 +2598,14 @@ path {
 
     img{
       margin-right: 10px;
-      background: #000;
+      border-radius: 50%;overflow: hidden;
-      border-radius: 50%;
-      overflow: hidden;
     }
     span{
       flex: 1;
     }
     i{
-      width: 36px;
+      width: 30px;
-      height: 36px;
+      height: 30px;
-      background-color: #EAECEF;
       border-radius: 50%;
       overflow: hidden;
     }