22

src/project/tianfuxing/AppMy/AppMy.vue

@@ -1,6 +1,38 @@
 <template>
-  <div class="Activity">
+  <div class="my">
-
+    <div class="user">
+      <image src="https://jisheng-xiaochengxu.oss-cn-hangzhou.aliyuncs.com/admin/5bad9165-fa6e-4c81-894d-2beae426260b.png" />
+      <div class="right">
+        <h2>张三</h2>
+        <p>文明天府星市民 Lv.1</p>
+      </div>
+    </div>
+    <div class="info">
+      <div class="info-item">
+        <h3>积分总额</h3>
+        <span>32</span>
+      </div>
+      <div class="info-item">
+        <h3>积分排名</h3>
+        <span>32</span>
+      </div>
+    </div>
+    <div class="my-list">
+      <h2>积分明细</h2>
+      <div class="list">
+        <div class="item" v-for="(item, index) in 10" :key="index">
+          <div class="left">
+            <h2>随手拍</h2>
+            <p>2022-07-21  10:10:13</p>
+          </div>
+          <div class="right">
+            <i>+</i>
+            <span>5</span>
+            <em>积分</em>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -12,5 +44,7 @@
 </script>
 
 <style lang="scss" scoped>
+  .my {
 
+  }
 </style>