hookehuyr

✨ feat(客户端): 新增选择幼儿园列表页

import { createApp } from 'vue';
import { Button, Image as VanImage, Col, Row, Icon, Form, Field, CellGroup, ConfigProvider, Toast, Uploader, Empty, Tab, Tabs, Overlay, NumberKeyboard } from 'vant';
import { Button, Image as VanImage, Col, Row, Icon, Form, Field, CellGroup, ConfigProvider, Toast, Uploader, Empty, Tab, Tabs, Overlay, NumberKeyboard, Lazyload } from 'vant';
import router from './router';
import App from './App.vue';
import axios from './utils/axios';
......@@ -25,6 +25,7 @@ app.use(Tab);
app.use(Tabs);
app.use(Overlay);
app.use(NumberKeyboard);
app.use(Lazyload);
app.use(ConfigProvider);
......
......@@ -15,6 +15,14 @@ export default [{
},
children: []
}, {
path: '/client/chooseSchool',
name: '客户端选择幼儿园页',
component: () => import('./views/client/chooseSchool.vue'),
meta: {
title: '选择幼儿园'
},
children: []
}, {
path: '/image',
name: 'html转图片',
component: () => import('./views/html2canvas.vue'),
......
<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>
\ No newline at end of file