考勤打卡样式调整

Administrator

2021-07-03 efb4cd6d80bccd0f94b7fa9b93d1df3920eedbc9

 pages/clockSignIn/clockSignIn.vue

@@ -1,7 +1,7 @@
<template>
   <view class="content">
      <!-- 自定义顶部导航栏 -->
      <view class="uni-nav-bar-info" :fixed="true" :status-bar="true">
      <!-- <view class="uni-nav-bar-info" :fixed="true" :status-bar="true">
         <view class="uni-nav-bar-left" @click="goBack()">
            <image src="../../static/images/nav/back02.png" />
         </view>
@@ -9,7 +9,16 @@
         <view class="right">
            <view class="title-right">打卡记录</view>
         </view>
      </view>
      </view> -->
      <u-navbar 
         :is-back="true" 
         title="考勤打卡" 
         :background="background"
         back-icon-color="#FFF"
         title-color="#FFF"
         >
         <view class="navbar-right" slot="right">考勤记录</view>	
      </u-navbar>
      <view class="clock-time-background"></view>
      <view class="clock-time">
         <view class="clock-info">
@@ -51,7 +60,10 @@
            name:'',
            jd:'',
            wd:'',
            address:''
            address:'',
            background:{
               backgroundColor:"#0BB9C8"
            }
         }
      },
      mounted() {
@@ -185,7 +197,8 @@
   page{
      width: 100%;
      height: 100%;
      background-color: #FCFBFC;
      /* background-color: #FCFBFC; */
      background-color: #F7f7f7;
   }
</style>

@@ -211,6 +224,14 @@
      display: flex;
      align-items: center;
      justify-content: center;
   }
	
	
   .navbar-right{
      color: #fff;
      font-size: 0.7rem;
      margin-right: 1.5rem;
      margin-top: 0.2rem;
   }
   
   .content{
@@ -266,7 +287,8 @@
      .clock-time-background{
         width: 100%;
         height: 15rem;
         background-color: #F5F5F5;
         // background-color: #F5F5F5;
         background-color: #F3F3F3;
      }