lishan

src/views/file.vue

@@ -26,10 +26,9 @@
           :limit="10"
           label="职位"
           placeholder="请输入职位"
-          class="mt-4"
         />                    
-        <!-- 手机号/员工编号/入职时间  -->    
-        <c-cell
+        <!-- 手机号/员工编号/入职时间  -->  
+        <c-cell 
           title="手机号"
           v-model="tel"
           :content="tel"

src/views/two-code.vue

@@ -5,38 +5,40 @@
       @click-left="handleClickLeft"
     >  
     <div class="mx-4 pt-14">
-      <div class="bg-blue-300 text-center h-24 rounded-t-lg pt-6">
-        <div class="text-white flex-initial">{{msg1}}</div>
-        <div class="text-gray-300 flex-initial">团队号：{{msg2}}</div>       
-      </div>
-      <div class="bg-white rounded-b-lg">
-        <div class="flex flex-row justify-around">
-          <div class="pt-10 w-1/2 pl-6">
-            <van-image class="w-32 h-32"        
-              :src="require('@/assets/icons/y-code.png')"
-            />
-          </div>
-          <div class="w-1/2 space-y-2 flex-col text-base text-left py-8 pl-6">
-            <div class="text-lg py-2 ">张三</div>
-            <div>部门：</div>
-            <div>职位：</div>
-            <div>2019-12-1</div>
+      <div class="shadow-lg">
+        <div class="bg-color-primary-lighter text-center h-24 rounded-t-lg pt-6">
+          <div class="text-white flex-initial">{{msg1}}</div>
+          <div class="text-gray-300 flex-initial">团队号：{{msg2}}</div>       
+        </div>
+        <div class="bg-white rounded-b-lg">
+          <div class="flex flex-row justify-around">
+            <div class="pt-7 w-1/2 px-5">
+              <van-image class="w-32 h-32"        
+                :src="require('@/assets/icons/y-code.png')"
+              />
+            </div>
+            <div class="w-1/2 space-y-2 flex-col text-base text-left pt-7 px-4">
+              <div class="text-lg font-bold pb-1">张三</div>
+              <div >职位：产品经理</div>
+              <div >部门：产品设计部</div>              
+              <div >2019-12-1</div>
+            </div>
           </div>
+          <div class=" text-center text-gray-400 pb-8 pt-4">{{msg3}}</div>
         </div>
-        <span class="block text-center text-gray-400 pb-8 pt-2">{{msg3}}</span>
       </div>
-      <div class="flex flex-row justify-around pt-8">
-        <div >
-          <code-icon type="png" :path="require('@/assets/icons/y-chat33.png')" class-name="h-11 w-11" />         
+      <div class="flex justify-center  pt-8 text-color-primary-lighter font-medium text-sm text-center px-7">
+        <div class=" flex-initial mx-3">
+          <code-icon type="png" :path="require('@/assets/icons/y-chat33.png')" class-name="h-9 w-9"/> Chat33     
         </div>
-        <div class="flex-initial">
-          <code-icon type="png" :path="require('@/assets/icons/y-pengyouquan.png')" class-name="h-11 w-11" />
+        <div class="flex-initial mx-3">
+          <code-icon type="png" :path="require('@/assets/icons/y-pengyouquan.png')" class-name="h-9 w-9"/>朋友圈
         </div>
-        <div class="flex-initial">
-          <code-icon type="png" :path="require('@/assets/icons/y-weixin.png')" class-name="h-11 w-11" />
+        <div class="flex-initial mx-3">
+          <code-icon type="png" :path="require('@/assets/icons/y-weixin.png')" class-name="h-9 w-9"/>微信
         </div>
-        <div class="flex-initial">
-          <code-icon type="png" :path="require('@/assets/icons/y-downlode.png')" class-name="h-11 w-11" />
+        <div class="flex-initial mx-3">
+          <code-icon type="png" :path="require('@/assets/icons/y-downlode.png')" class-name="h-9 w-9"/>保存
         </div>
         <!--<div class="flex-initial"><van-icon :name="require('@/assets/icons/y-downlode.png')"/></div>-->       
       </div>