优化代码

src/components/mineSubComponent/PointsList.vue

@@ -2,7 +2,17 @@
     <!-- 积分列表 -->
   <div class="points-list-container">
     <div class="points-list-title">
-      我的积分:9999999999999999999999999999999
+    <img
+      class="points-icon"
+      src="@/assets/Points.png"
+      mode="scaleToFill"
+    />
+    <div class="points-text">
+      我的积分:
+      <div class="points-alwaysnum">
+        9999999999999999999999999999999
+      </div>
+    </div>
     </div>
     <div class="points-list" style="overflow: auto;">
     <div class="points-list-item" v-for="(item, index) in pointsList" :key="index">
@@ -59,10 +69,26 @@ onUnmounted(() => {
 .points-list-title{
   width: 100%;
   height: 70px;
-  color: @font-color;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.points-text{
+  margin-top: 10px;
+  color: #666666;
   font-size: 24px;
-  text-align: center;
-  line-height: 70px;
+  display: flex;
+  align-items: center;
+}
+.points-alwaysnum{
+  color: #333333;
+  font-size: 24px;
+  font-weight: bold;
+}
+.points-icon{
+  width: 52px;
+  height: 52px;
+  margin-right: 18px;
 }
 .points-list-item{
   width: 100%;
@@ -80,7 +106,7 @@ onUnmounted(() => {
   display: flex;
   justify-content: space-around;
   align-items: center;
-  background-color:@win-color;
+  background-color:#E0F4F1;
 }
 .Event{
   color: @Supplementary-text-color;