58 lines
1.1 KiB
Vue
58 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<section class="signResult">
|
||
|
|
<div class="successImg"/>
|
||
|
|
<b class="mar-t32">今日已完成签到</b>
|
||
|
|
<div class="mar-t32 score">积分+5</div>
|
||
|
|
<AiItem label="时间" :border="false">2022-9-2 16:59:23</AiItem>
|
||
|
|
<AiItem label="位置" :border="false">张家湾小区</AiItem>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "signResult",
|
||
|
|
appName: "签到结果",
|
||
|
|
data() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
methods: {},
|
||
|
|
created() {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.signResult {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
padding: 160px 70px;
|
||
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
||
|
|
font-size: 32px;
|
||
|
|
|
||
|
|
.successImg {
|
||
|
|
background-image: url("./assets/qiandaochenggong.png");
|
||
|
|
width: 192px;
|
||
|
|
height: 192px;
|
||
|
|
}
|
||
|
|
|
||
|
|
& > b {
|
||
|
|
font-size: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.score {
|
||
|
|
color: #3975C6;
|
||
|
|
height: 32px;
|
||
|
|
margin-bottom: 112px;
|
||
|
|
padding-left: 48px;
|
||
|
|
background-image: url("./assets/score.png");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: left center;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep.normal {
|
||
|
|
height: 56px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|