C端个人信息页UI优化

web/src/components/sTitle.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="name">
-    <img :src="require(`@/assets/images/xinjiang/xing_${theme}.png`)" alt="">
+    <img v-if="ifShowStar" :src="require(`@/assets/images/xinjiang/xing_${theme}.png`)" alt="">
     <p class="primaryColor">{{name}}</p>
   </div>
 </template>
@@ -8,7 +8,11 @@
 <script>
 export default {
   props:{
-    name:String
+    name: String,
+    ifShowStar: {
+      type: Boolean,
+      default: true,
+    }
   }
 }
 </script>

web/src/views/user/userinfo.vue

@@ -4,7 +4,7 @@
     <p class="title primaryColor">个人设置</p>
     <div class="form">
       <ul class="borderColor" v-for="(item,index) in registerInfo" :key="index">
-        <stitle :name="item.name" class="stitle"/>
+        <stitle :ifShowStar="false" :name="item.name" class="stitle"/>
         <br/>
         <li v-for="(sub,i) in item.arr" :key="i">
           <span :class="{'require':sub.required}">{{sub.label}}:</span>
@@ -181,12 +181,15 @@ export default {
   .form {
     margin-top: 30px;
     ul {
-      padding: 0 100px;
-      border-bottom: 1px solid #ebebeb;
+      margin: 0 100px;
       margin-bottom: 20px;
       text-align: left;
+      &:first-of-type {
+        border-bottom: 1px solid #ebebeb;
+        padding-bottom: 40px;
+        margin-bottom: 55px;
+      }
       &:last-of-type {
-        border-bottom: none;
       }
       .stitle{
         margin: 30px 0 40px;