vh
This commit is contained in:
@@ -1,15 +1,82 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="AppSignIn">
|
<div class="AppSignIn">
|
||||||
<div class="title">打卡记录</div>
|
<div class="title">打卡记录</div>
|
||||||
<div class="sign_list" :style="{height: screenHeight + 'px'}">
|
<!-- :style="{height: screenHeight + 'px'}" -->
|
||||||
|
<div class="sign_list">
|
||||||
<scroll-view scroll-y style="height: 100%;">
|
<scroll-view scroll-y style="height: 100%;">
|
||||||
<div class="sign_card" v-for="item in signlist" :key="item.id">
|
<!-- <div class="sign_card" v-for="item in signlist" :key="item.id">
|
||||||
<div class="sign_left">{{ item.createTime.substring(0,5) }}</div>
|
<div class="sign_left">{{ item.createTime.substring(0,5) }}</div>
|
||||||
<div class="sign_right">
|
<div class="sign_right">
|
||||||
<div class="time">{{ item.createDate }}</div>
|
<div class="time">{{ item.createDate }}</div>
|
||||||
<div class="tips">打卡成功</div>
|
<div class="tips">打卡成功</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sign_card">
|
||||||
|
<div class="sign_left">08:02</div>
|
||||||
|
<div class="sign_right">
|
||||||
|
<div class="time">2023-03-01</div>
|
||||||
|
<div class="tips">打卡成功</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -76,11 +143,11 @@ export default {
|
|||||||
setInterval(() => {
|
setInterval(() => {
|
||||||
this.time = dayjs(new Date()).format('HH:mm:ss')
|
this.time = dayjs(new Date()).format('HH:mm:ss')
|
||||||
}, 1000)
|
}, 1000)
|
||||||
uni.getSystemInfo({
|
// uni.getSystemInfo({
|
||||||
success: (res)=>{
|
// success: (res)=>{
|
||||||
this.screenHeight = res.screenHeight - 250;
|
// this.screenHeight = res.screenHeight - 280;
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -96,8 +163,8 @@ export default {
|
|||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100px;
|
height: 6vh;
|
||||||
line-height: 100px;
|
line-height: 6vh;
|
||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: #F5F5F5;
|
background: #F5F5F5;
|
||||||
@@ -106,7 +173,7 @@ export default {
|
|||||||
|
|
||||||
.sign_list {
|
.sign_list {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: calc(100% - 500px);
|
height: 69vh;
|
||||||
.sign_card {
|
.sign_card {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@@ -140,7 +207,7 @@ export default {
|
|||||||
.sign_btn {
|
.sign_btn {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
height: 25vh;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user