<template>
  <div class="lists">
    <div class="conts" @click="goDetail(0)">城乡居民最低生活保障待遇</div>

    <div class="conts">城乡居民医疗救助</div>

    <div class="conts">城市居民大病救助</div>

    <div class="conts">临时救助</div>

    <div class="conts">困境儿童申报</div>

    <div class="conts">孤儿申报</div>
  </div>
</template>

<script>
export default {
  name: 'list',
  components: {},
  props: {},
  data() {
    return {
      id: '',
      detail: [],
    }
  },
  computed: {},
  watch: {},
  onLoad() {},
  onShow() {},
  methods: {
    goDetail(indexs) {
      this.$linkTo(`./detail?index=${indexs}`)
    },
  },
}
</script>

<style scoped lang="scss">
.lists {
  height: 100%;
  padding: 0 32px;
  .conts {
    background: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    padding: 34px 32px;
    font-size: 32px;
    margin-top: 24px;
  }
}
</style>
