add coin

src/pages/mine/index.vue

@@ -8,6 +8,9 @@
           :value="selectedKeys"
           @update:value="handleUpdateExpandedKeys"
         />
+        <div class="coin-box">
+          剩余积分<span>{{ coin }}</span>
+        </div>
       </div>
     </div>
     <div style="display: flex; width: 89%">
@@ -30,6 +33,7 @@
 <script setup>
 import { ref, defineProps, computed, onBeforeMount, watch, h } from "vue";
 import { useRoute, useRouter } from "vue-router";
+import { LocalStorage, SessionStorage } from "quasar";
 import mineInfo from "./components/mineInfo.vue";
 import cost from "./components/cost.vue";
 import reward from "./components/reward.vue";
@@ -55,6 +59,7 @@ const pointIcon = () => {
     },
   });
 };
+const coin = LocalStorage.getItem("sd-accountInfo")?.coin || 0;
 const router = useRouter();
 const selectedKeys = ref("");
 const menuInstRef = ref("");
@@ -126,6 +131,24 @@ onBeforeMount(() => {
     width: 100%;
     height: 100%;
   }
+  .coin-box {
+    position: absolute;
+    width: 190px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10px;
+    height: 68px;
+    bottom: 60px;
+    background: linear-gradient(to left, #be45ba, #5d1ef1);
+    color: #fff;
+    font-size: 16px;
+    font-weight: bolder;
+    span {
+      margin-left: 30px;
+      color: #ffff;
+    }
+  }
 }
 :deep(.n-menu) {
   width: 100%;