调整签到成功后的样式和文字展示

src/apps/AppMyGrid/signResult.vue

@@ -2,7 +2,7 @@
   <section class="signResult">
     <div class="successImg"/>
     <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"/>
     <AiItem label="时间" :border="false">{{ result.createTime }}</AiItem>
     <AiItem label="位置" :border="false">{{ result.address }}</AiItem>
@@ -19,6 +19,9 @@ export default {
     }
   },
   methods: {
+    formatIntegral(v) {
+      return v > 0 ? "+" + v : v
+    },
     getResult() {
       const {id} = this.$route.query
       id && this.$http.post("/app/appwxsigninfo/queryDetailById", null, {
@@ -65,6 +68,8 @@ export default {
     background-image: url("./assets/score.png");
     background-repeat: no-repeat;
     background-position: left center;
+    display: flex;
+    align-items: center;
 
     &.gap {
       background: transparent;