网格员积分签到界面完成

2022-09-02 17:18:01 +08:00
parent da9f2ec274
commit bb4e57c189
9 changed files with 224 additions and 1 deletions
--- a/src/apps/AppMyGrid/signResult.vue
+++ b/src/apps/AppMyGrid/signResult.vue
@@ -0,0 +1,57 @@
+<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>