lishan

src/views/file.vue

@@ -16,7 +16,7 @@
             <!-- 输入任意文本 -->
             
             <van-cell-group>              
-                <van-field label="真实姓名" maxlength="50" required disabled />
+                <van-field label="真实姓名" maxlength="50" :required="true" disabled />
                 <van-field v-model="name"   />
             </van-cell-group>
            <br>
@@ -25,15 +25,15 @@
                 <van-field v-model="job"   />
             </van-cell-group>
            <br>
-           <van-cell-group class="col">
+           <van-cell-group >
                 <!-- 输入手机号，调起手机号键盘 -->
-                <van-field label="手机号" v-model="tel" type="tel" input-align="right" />
+                <van-field  label="手机号" v-model="tel" type="tel" input-align="right" class="text-white"/>
                 <!-- 允许输入整数，调起数字键盘 -->
                 <van-field  label="员工编号" v-model="digit" type="digit" input-align="right"  />
 
                 <van-field label="入职时间" v-model="date" :value="date" input-align="right" @click="show = true" right-icon="ellipsis"/>   
-                <van-calendar v-model="show" @confirm="onConfirm" :show-confirm="false" right-icon="ellipsis" cancel-button-text="qux"/>    
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
+                <van-calendar v-model="show" :round="false" @confirm="onConfirm" :show-confirm="false" right-icon="ellipsis"  :style="{ height: '100% '}" />  
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
             </van-cell-group>
             <br>
             <van-cell-group>             
@@ -55,8 +55,14 @@
             </van-cell-group>
                 
             <br><br><br><br>
-            
-            <van-button round type="info" size="large">生成地址</van-button>
+            <c-button
+              round
+              buttonBg="bg-white"
+              class="text-text-primary mt-16"
+            >
+            生成地址
+          </c-button>
+           
            
             
         </div>
@@ -84,9 +90,11 @@ Vue.use(Button);
 Vue.use(Field);
 
 export default Vue.extend({
+  
   name: 'TeamFrame',
   components: {
-    'main-page': () => import('@/layout/main-page.vue')
+    'main-page': () => import('@/layout/main-page.vue'),
+    'c-button': () => import('./components/c-button.vue')
   },
   created() {
     // console.log(Mock, 'mock')
@@ -117,7 +125,7 @@ export default Vue.extend({
       this.showPicker = false;
     },
     formatDate(date:Date) {
-      return `${date.getMonth() + 1}/${date.getDate()}`;
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
     },
     onConfirm(date:Date) {
       this.show = false;
@@ -128,5 +136,7 @@ export default Vue.extend({
 </script>
 
 <style lang="less">
- 
+  .col{
+    color:rgb(78, 230, 111)
+  }
 </style>