hookehuyr

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

1 import { createApp } from 'vue'; 1 import { createApp } from 'vue';
2 -import { Button, Image as VanImage, Col, Row, Icon, Form, Field, CellGroup, ConfigProvider, Toast, Uploader, Empty, Tab, Tabs, Overlay, NumberKeyboard } from 'vant'; 2 +import { Button, Image as VanImage, Col, Row, Icon, Form, Field, CellGroup, ConfigProvider, Toast, Uploader, Empty, Tab, Tabs, Overlay, NumberKeyboard, Lazyload } from 'vant';
3 import router from './router'; 3 import router from './router';
4 import App from './App.vue'; 4 import App from './App.vue';
5 import axios from './utils/axios'; 5 import axios from './utils/axios';
...@@ -25,6 +25,7 @@ app.use(Tab); ...@@ -25,6 +25,7 @@ app.use(Tab);
25 app.use(Tabs); 25 app.use(Tabs);
26 app.use(Overlay); 26 app.use(Overlay);
27 app.use(NumberKeyboard); 27 app.use(NumberKeyboard);
28 +app.use(Lazyload);
28 29
29 app.use(ConfigProvider); 30 app.use(ConfigProvider);
30 31
......
...@@ -15,6 +15,14 @@ export default [{ ...@@ -15,6 +15,14 @@ export default [{
15 }, 15 },
16 children: [] 16 children: []
17 }, { 17 }, {
18 + path: '/client/chooseSchool',
19 + name: '客户端选择幼儿园页',
20 + component: () => import('./views/client/chooseSchool.vue'),
21 + meta: {
22 + title: '选择幼儿园'
23 + },
24 + children: []
25 +}, {
18 path: '/image', 26 path: '/image',
19 name: 'html转图片', 27 name: 'html转图片',
20 component: () => import('./views/html2canvas.vue'), 28 component: () => import('./views/html2canvas.vue'),
......
1 +<template>
2 + <div>vant template</div>
3 + <template v-for="(item, key) in schoolList" :key="key">
4 + <right-side-list
5 + @on-click="onClick(item)"
6 + :avatar="item.avatar">
7 + {{ item.name }}
8 + </right-side-list>
9 + </template>
10 +
11 +</template>
12 +
13 +<script setup>
14 +import RightSideList from '@/components/RightSideList/index.vue'
15 +import { reactive } from 'vue';
16 +const schoolList = reactive([{
17 + id: '1',
18 + avatar: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg',
19 + name: '中国福利会托儿所'
20 +}, {
21 + id: '2',
22 + avatar: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg',
23 + name: '徐汇区胡姬港湾幼儿园'
24 +}])
25 +
26 +const onClick = (item) => {
27 + console.warn(item.id);
28 +}
29 +</script>
30 +
31 +<script>
32 +import mixin from 'common/mixin'
33 +import { mainStore } from '@/store'
34 +import { storeToRefs } from 'pinia'
35 +export default {
36 + mixins: [mixin.init],
37 + data () {
38 + return {
39 + }
40 + },
41 + mounted () {
42 + },
43 + methods: {
44 +
45 + }
46 +}
47 +</script>
48 +
49 +<style lang="less" scoped>
50 +
51 +</style>
...\ No newline at end of file ...\ No newline at end of file