From efb4cd6d80bccd0f94b7fa9b93d1df3920eedbc9 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Sat, 03 Jul 2021 11:35:06 +0800
Subject: [PATCH] 考勤打卡样式调整
---
pages/clockSignIn/clockSignIn.vue | 32 +++++++++++++++++++++++++++-----
1 files changed, 27 insertions(+), 5 deletions(-)
diff --git a/pages/clockSignIn/clockSignIn.vue b/pages/clockSignIn/clockSignIn.vue
index 62975b8..ca0d5e4 100644
--- a/pages/clockSignIn/clockSignIn.vue
+++ b/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;
}
--
Gitblit v1.9.3