<template>
  <section class="integralRules">
    <div v-for="(e,i) in list" :key="i" class="item">
      <span>{{e.remark}}</span>:
      <span>{{e.score}}</span>
    </div>
    <AiEmpty v-if="!list.length"/>
  </section>
</template>

<script>
export default {
  name: "integralRules",
  appName: "积分规则",
  data() {
    return {
      list: [],
    }
  },
  methods: {
    getList() {
      this.$http.post("/app/appscorerule/list?size=20").then(res => {
        if (res?.data) {
          this.list = res.data.records
        }
      })
    }
  },
  created() {
    this.getList()
  }
}
</script>

<style lang="scss" scoped>
.integralRules {
  padding-top: 32px;
  .item{
    width: 688px;
    word-break: break-all;
    margin: 0 0 8px 32px;
    font-size: 30px;
    line-height: 44px;
  }
}
</style>
