hookehuyr

✨ feat(客户端): 新增客户端入口页面

...@@ -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'),
......
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