UI修改

src/common/variables.scss

@@ -5,7 +5,8 @@ $whiteColor: #FFFFFF;
 
 $fontColorBlue:  #3F79FE;
 $fontColorBlack: #353535;
-$fontColorGray: #737582;
+$fontColorGray: #8E8C92;
+$placeholderColor: #C2C2C2;
 
 $borderColorGray: #E4E4E4;
 

src/components/TemplateDetail.vue

@@ -58,8 +58,11 @@ export default class TemplateDetail extends Vue {
   .title-text{
     text-align: left;
     font-size: 18px;
+    height: 60px;
     line-height: 60px;
-    border-bottom: 1px solid #F0F0F0;;
+    box-sizing: border-box;
+    border-bottom: 1px solid #F0F0F0;
+    font-weight: bold;
   }
 }
 </style>

src/components/form/CodeInput.vue

@@ -81,8 +81,12 @@ export default class CodeInput extends Vue {
       padding-left: 11px;
       color: $fontColorBlue;
       &.disabled {
-        color: $fontColorGray;
+        color: #8E8C92;
       }
     }
   }
+  ::v-deep .van-field__control::placeholder {
+  font-weight: 500;
+  color: #C2C2C2 !important;
+}
 </style>
\ No newline at end of file

src/components/form/PhoneInput.vue

@@ -20,9 +20,9 @@ import { isPhone } from '@/const/pattern';
   name: 'PhoneInput',
 })
 export default class PhoneInput extends Vue {
-  @Model ('input', { type: String, required: true })
+  @Model('input', { type: String, required: true })
   private readonly phone!: string;
-  @Prop({ type: Boolean, default: true})
+  @Prop({ type: Boolean, default: true })
   private readonly canEditPhone!: boolean;
 
   @Emit('input')
@@ -32,10 +32,10 @@ export default class PhoneInput extends Vue {
 }
 </script>
 <style scoped lang="scss">
-.phone-input{
+.phone-input {
   font-size: 14px;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
-  color: #1F292D;
+  color: #1f292d;
 }
 </style>

src/layout/LoginLayout.vue

@@ -75,10 +75,12 @@ export default class LoginLayout extends Vue {}
     ::v-deep {
       .van-field {
         &__control{
-          color: $fontColorBlack;
+          font-size: 14px;
+          font-family: PingFangSC-Medium, PingFang SC;
           font-weight: 500;
+          color: #1f292d;
           &::-webkit-input-placeholder{
-            color: $fontColorGray;
+            color: $placeholderColor;
           }
         }
       }

src/views/template/components/WordItem.vue

@@ -2,7 +2,7 @@
   <div>
     <div v-if="word.type === 3" class="word-item">
         <div style="display:flex;flex-direction:row;justify-content:space-between;" class="data-item van-hairline--bottom">
-          <div style="color:#353535;font-size:18px;font-weight:500;">{{word.label}}</div>
+          <div style="color:#353535;font-size:18px;" class="title-text">{{word.label}}</div>
           <div style="width: 30px;text-align:center;">
               <common-svg name="cunzhengliebiao-gengduo"  width="20px" height="20px" @click.native="showActionHandler(wordIndex)"></common-svg>
           </div>
@@ -89,5 +89,8 @@ export default class WordItem extends Vue {
       grid-row:  span 2;
       place-self: center;
     }
+    .title-text{
+      font-weight: bold;
+    }
   }
 </style>
\ No newline at end of file

src/views/template/components/WordsManager.vue

@@ -453,7 +453,7 @@ export default class Add extends Vue {
 .template{
   display: flow-root;
   min-height: 100vh;
-  background-color:#F0F1F5;
+  background-color:#F9F9FB;
 }
 .template-item {
   text-align: left;