考勤打卡样式调整

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;
        }