<template>
  <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>

<script>
  export default {
    appName: '我的',
    name: 'AppMy'
  }
</script>

<style lang="scss" scoped>
  .my {

  }
</style>
