Showing
3 changed files
with
61 additions
and
1 deletions
| 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'), | ... | ... |
src/views/client/chooseSchool.vue
0 → 100644
| 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 |
-
Please register or login to post a comment