调整签到成功后的样式和文字展示
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
<section class="signResult">
|
<section class="signResult">
|
||||||
<div class="successImg"/>
|
<div class="successImg"/>
|
||||||
<b class="mar-t32">今日已完成签到</b>
|
<b class="mar-t32">今日已完成签到</b>
|
||||||
<div v-if="result.changeIntegral>0" class="mar-t32 score mar-b112">积分{{ result.changeIntegral }}</div>
|
<div v-if="result.changeIntegral>0" class="mar-t32 score mar-b112">积分{{ formatIntegral(result.changeIntegral || 0) }}</div>
|
||||||
<div v-else class="score gap mar-t32 mar-b112"/>
|
<div v-else class="score gap mar-t32 mar-b112"/>
|
||||||
<AiItem label="时间" :border="false">{{ result.createTime }}</AiItem>
|
<AiItem label="时间" :border="false">{{ result.createTime }}</AiItem>
|
||||||
<AiItem label="位置" :border="false">{{ result.address }}</AiItem>
|
<AiItem label="位置" :border="false">{{ result.address }}</AiItem>
|
||||||
@@ -19,6 +19,9 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
formatIntegral(v) {
|
||||||
|
return v > 0 ? "+" + v : v
|
||||||
|
},
|
||||||
getResult() {
|
getResult() {
|
||||||
const {id} = this.$route.query
|
const {id} = this.$route.query
|
||||||
id && this.$http.post("/app/appwxsigninfo/queryDetailById", null, {
|
id && this.$http.post("/app/appwxsigninfo/queryDetailById", null, {
|
||||||
@@ -65,6 +68,8 @@ export default {
|
|||||||
background-image: url("./assets/score.png");
|
background-image: url("./assets/score.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: left center;
|
background-position: left center;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
&.gap {
|
&.gap {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|||||||
Reference in New Issue
Block a user