Showing
2 changed files
with
62 additions
and
0 deletions
| ... | @@ -7,6 +7,14 @@ export default [{ | ... | @@ -7,6 +7,14 @@ export default [{ |
| 7 | }, | 7 | }, |
| 8 | children: [] | 8 | children: [] |
| 9 | }, { | 9 | }, { |
| 10 | + path: '/client/index', | ||
| 11 | + name: '客户端入口页', | ||
| 12 | + component: () => import('./views/client/index.vue'), | ||
| 13 | + meta: { | ||
| 14 | + title: '童声无界' | ||
| 15 | + }, | ||
| 16 | + children: [] | ||
| 17 | +}, { | ||
| 10 | path: '/image', | 18 | path: '/image', |
| 11 | name: 'html转图片', | 19 | name: 'html转图片', |
| 12 | component: () => import('./views/html2canvas.vue'), | 20 | component: () => import('./views/html2canvas.vue'), | ... | ... |
src/views/client/index.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div>客户端入口</div> | ||
| 3 | + <div class="entry-wrapper"> | ||
| 4 | + <p style="color: #B8B8B8; margin: 1rem;">请选择您的身份</p> | ||
| 5 | + <div class="control"> | ||
| 6 | + <div class="plain"> | ||
| 7 | + <my-button type="plain">访客</my-button> | ||
| 8 | + </div> | ||
| 9 | + <div class="primary"> | ||
| 10 | + <my-button type="primary">我有所属幼儿园</my-button> | ||
| 11 | + </div> | ||
| 12 | + </div> | ||
| 13 | + </div> | ||
| 14 | + | ||
| 15 | +</template> | ||
| 16 | + | ||
| 17 | +<script setup> | ||
| 18 | +import MyButton from '@/components/MyButton/index.vue' | ||
| 19 | +</script> | ||
| 20 | + | ||
| 21 | +<script> | ||
| 22 | +import mixin from 'common/mixin' | ||
| 23 | +import { mainStore } from '@/store' | ||
| 24 | +import { storeToRefs } from 'pinia' | ||
| 25 | +export default { | ||
| 26 | + mixins: [mixin.init], | ||
| 27 | + data () { | ||
| 28 | + return { | ||
| 29 | + } | ||
| 30 | + }, | ||
| 31 | + mounted () { | ||
| 32 | + }, | ||
| 33 | + methods: { | ||
| 34 | + | ||
| 35 | + } | ||
| 36 | +} | ||
| 37 | +</script> | ||
| 38 | + | ||
| 39 | +<style lang="less" scoped> | ||
| 40 | + .entry-wrapper { | ||
| 41 | + position: absolute; | ||
| 42 | + bottom: 2rem; | ||
| 43 | + width: 100%; | ||
| 44 | + .control { | ||
| 45 | + margin: 1rem; | ||
| 46 | + .plain { | ||
| 47 | + width: 30%; float: left; | ||
| 48 | + } | ||
| 49 | + .primary { | ||
| 50 | + width: 70%; float: left; | ||
| 51 | + } | ||
| 52 | + } | ||
| 53 | + } | ||
| 54 | +</style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment