vh
This commit is contained in:
@@ -1,15 +1,82 @@
|
||||
<template>
|
||||
<div class="AppSignIn">
|
||||
<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%;">
|
||||
<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_right">
|
||||
<div class="time">{{ item.createDate }}</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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@@ -76,11 +143,11 @@ export default {
|
||||
setInterval(() => {
|
||||
this.time = dayjs(new Date()).format('HH:mm:ss')
|
||||
}, 1000)
|
||||
uni.getSystemInfo({
|
||||
success: (res)=>{
|
||||
this.screenHeight = res.screenHeight - 250;
|
||||
}
|
||||
})
|
||||
// uni.getSystemInfo({
|
||||
// success: (res)=>{
|
||||
// this.screenHeight = res.screenHeight - 280;
|
||||
// }
|
||||
// })
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -96,8 +163,8 @@ export default {
|
||||
font-size: 28px;
|
||||
color: #333333;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
height: 6vh;
|
||||
line-height: 6vh;
|
||||
padding-left: 32px;
|
||||
box-sizing: border-box;
|
||||
background: #F5F5F5;
|
||||
@@ -106,7 +173,7 @@ export default {
|
||||
|
||||
.sign_list {
|
||||
width: 100%;
|
||||
// height: calc(100% - 500px);
|
||||
height: 69vh;
|
||||
.sign_card {
|
||||
display: flex;
|
||||
background: #FFFFFF;
|
||||
@@ -140,7 +207,7 @@ export default {
|
||||
.sign_btn {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
height: 25vh;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
Reference in New Issue
Block a user