Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
tswj
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2022-04-21 13:47:26 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
85db7b558150b9a030aaf722f309ef40ca79351a
85db7b55
1 parent
3b44b591
✨ feat(客户端): 新增选择幼儿园列表页
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
61 additions
and
1 deletions
src/main.js
src/route.js
src/views/client/chooseSchool.vue
src/main.js
View file @
85db7b5
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
);
...
...
src/route.js
View file @
85db7b5
...
...
@@ -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'
),
...
...
src/views/client/chooseSchool.vue
0 → 100644
View file @
85db7b5
<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
Please
register
or
login
to post a comment