<template>
  <div>vant template</div>
  <template v-for="(item, key) in schoolList" :key="key">
    <right-side-list
      @on-click="onClick(item)"
     :avatar="item.avatar">
      {{ item.name }}
    </right-side-list>
  </template>
  
</template>

<script setup>
import RightSideList from '@/components/RightSideList/index.vue'
import { reactive } from 'vue';
const schoolList = reactive([{
  id: '1',
  avatar: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg',
  name: '中国福利会托儿所'
}, {
  id: '2',
  avatar: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg',
  name: '徐汇区胡姬港湾幼儿园'
}])

const onClick = (item) => {
  console.warn(item.id);
}
</script>

<script>
import mixin from 'common/mixin'
import { mainStore } from '@/store'
import { storeToRefs } from 'pinia'
export default {
  mixins: [mixin.init],
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
    
  }
}
</script>

<style lang="less" scoped>

</style>