3 |
35 |
36 |
37 |
48 |
59 |
--------------------------------------------------------------------------------
/src/components/LottieWebCimo/LottieWebCimo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
67 |
--------------------------------------------------------------------------------
/.devTools/shell-electron/src/backend.js:
--------------------------------------------------------------------------------
1 | import io from 'socket.io-client'
2 | import { initBackend } from '@back'
3 | import Bridge from '@utils/bridge'
4 | import { installToast } from '@back/toast'
5 | import { target } from '@utils/env'
6 |
7 | const host = target.__VUE_DEVTOOLS_HOST__ || 'http://localhost'
8 | const port = target.__VUE_DEVTOOLS_PORT__ !== undefined ? target.__VUE_DEVTOOLS_PORT__ : 8098
9 | const fullHost = port ? host + ':' + port : host
10 | const createSocket = target.__VUE_DEVTOOLS_SOCKET__ || io
11 | const socket = createSocket(fullHost)
12 |
13 | const connectedMessage = () => {
14 | if (target.__VUE_DEVTOOLS_TOAST__) {
15 | target.__VUE_DEVTOOLS_TOAST__('Remote Devtools Connected', 'normal')
16 | }
17 | }
18 |
19 | const disconnectedMessage = () => {
20 | if (target.__VUE_DEVTOOLS_TOAST__) {
21 | target.__VUE_DEVTOOLS_TOAST__('Remote Devtools Disconnected', 'error')
22 | }
23 | }
24 |
25 | socket.on('connect', () => {
26 | connectedMessage()
27 | initBackend(bridge)
28 | socket.emit('vue-devtools-init')
29 | })
30 |
31 | // Global disconnect handler. Fires in two cases:
32 | // - after calling above socket.disconnect()
33 | // - once devtools is closed (that's why we need socket.disconnect() here too, to prevent further polling)
34 | socket.on('disconnect', (reason) => {
35 | socket.disconnect()
36 | disconnectedMessage()
37 | })
38 |
39 | // Disconnect socket once other client is connected
40 | socket.on('vue-devtools-disconnect-backend', () => {
41 | socket.disconnect()
42 | })
43 |
44 | const bridge = new Bridge({
45 | listen (fn) {
46 | socket.on('vue-message', data => fn(data))
47 | },
48 | send (data) {
49 | socket.emit('vue-message', data)
50 | }
51 | })
52 |
53 | bridge.on('shutdown', () => {
54 | socket.disconnect()
55 | disconnectedMessage()
56 | })
57 |
58 | installToast(target)
59 |
--------------------------------------------------------------------------------
/src/pages/components/json.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
11 | {{ button.text }}
12 |
13 |
19 | {{ button.text }}
20 |
21 |
22 |
23 |
29 | {{ button.text }}
30 |
31 |
32 |
33 |
34 | Markdown Editor built on Vue
2 | 3 |
4 | 
5 | 
6 | 
7 |
- ```标签包裹，这样会对css样式产生一定的影响。
58 |
59 |
60 | 关于```
3 |
9 |
11 |
12 |
13 |
14 |
95 |
--------------------------------------------------------------------------------
/src/pages/lottie/lottie.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
38 |
13 |
14 | Speed: {{ defaultOptions.animationSpeed }}
15 |
16 |
25 |
26 | 播放
27 |
28 |
29 | 暂停
30 |
31 |
32 | 停止
33 |
34 |
35 |
36 |
74 | 
75 |
90 |
75 | 76 | Waiting for connection... 77 |
78 |
79 |
89 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 | to the top of the page you want to debug.
88 |
91 |
92 |
111 |
112 |
113 |
114 |
--------------------------------------------------------------------------------
/public/data/scrollData.md:
--------------------------------------------------------------------------------
1 | ## 滚动区域 BaseContent
2 | ```sh
3 | components
4 | |-BaseContent
5 | |-BaseContent.vue # BaseContent 源文件
6 | ```
7 | ```BaseContent```也是自己封装一个用于内容展示的组件，所有的组件都建议用```BaseContent```作为根节点，主要是为了实现：
8 | - 特点区域的滚动
9 | - 组件缓存
10 | - 界面缩放/滚动自适应
11 | - 直接点击滚动栏对应位置即可快速定位
12 | - 页面刷新或切换时记录滚动位置（如果页面不被```
18 |
24 |
26 |
27 |
28 |
29 |
105 |
111 | ```
112 |
113 | :::tip
114 | 如果你对滚动位置记录没有要求，或是需求不同，可以把相关代码注释掉，甚至是根据它来自己做一个 ```BaseContent```组件
115 | 因为我感觉这个组件太过的针对性，反而对于新手来说不好改
116 | :::
117 |
--------------------------------------------------------------------------------
/public/data/iconData.md:
--------------------------------------------------------------------------------
1 | Quasar支持：Material Icons、Font Awesome、Ionicons、MDI、Eva Icons和Themify Icons。
2 | 这个项目的图标集使用的是quasar自带的material design和fontawesome-v5图标集
3 |
4 | [[toc]]
5 |
6 | ### 使用方式
7 | ```html
8 |
9 |
4 |
12 |
13 |
17 |
18 |
20 |
70 | 1
5 |2020 恍如隔世，或许这是给 22 岁的自己一个交代吧。ambitions 架构师，冲！
6 |如果您觉得这个项目对您有帮助，可以请作者吃一碗螺蛳粉表示鼓励
7 |
8 |
10 | 972784674@qq.com
11 |CIMO
19 |2
21 |作者的其他项目
22 |2.1 cimo 音乐播放器 （Android）Github地址
23 |Service + BroadcastReceiver 实现
24 |
25 |
33 |
34 | 2.2 CimoGallery （Android Material Design 组件集合Demo) Github地址
35 |longway777 这位大佬用 kotlin 写了一个简易版的画廊Demo，我就想能不能用 Java 也实现一个 Demo ，顺便加上自己喜欢的元素
36 |于是就对着 Kotlin 把 Java 代码敲出来了，还加了很多额外的功能。
37 |
38 |
46 |
47 |
48 | 3
49 |小技巧：
50 |- 当你在网络上找不到答案时，不妨去试试 Vue API ，自己探寻原理，找到解决方法。
51 |- 搞 IT，想要得到更及时的信息，或者不同的体验，科学上网尤为重要。
52 |- 感觉没有美感？不妨去看一看某个开源 ui 框架的设计规范
53 |- 请善用开发工具，比如 idea 用 ctrl + shift + f，全局搜索 tagView 就能找到相关代码。
54 |- icon 图标也是 svg 生成的文字，因此可以通过设置文字颜色来设置图标的颜色。
55 |- css投影应该是比较虚的，切勿太实，最好投影中融入一些背景色，比如这样：
56 |-
57 |
58 | 注意投影变化
66 |
67 |
68 |
69 |
2 |
4 | Quasar-Manage
3 |
5 | 
6 | 
8 | 
34 | 
35 |
38 | 
39 |
3 |
4 |
5 |
9 |
12 | 全屏
13 | 退出全屏
14 |
15 |
16 | 创建
17 |
18 |
19 | 应用
20 |
21 |
22 | 消息
23 |
24 |
25 |
26 | 2
27 |
28 | 通知
29 |
30 |
31 |
32 |
51 |
52 | ![]()
53 |
54 | 账号
55 |
56 |
62 |
63 |
64 |
138 |
--------------------------------------------------------------------------------
/src/boot/permission.js:
--------------------------------------------------------------------------------
1 | import { setBreadcrumbs } from 'components/Breadcrumbs/BreadcrumbsUtils'
2 | import LoadingBar from '../components/LoadingBar/LoadingBar'
3 | import constantRoutes from '../router/constantRoutes'
4 | import { addTagView, setTagView } from 'components/TagView/TagViewUtils'
5 |
6 | /**
7 | * Navigation guard and permission verification
8 | * @param app
9 | * @param router
10 | * @param Vue
11 | * @param store
12 | * @returns {Promise
33 |
34 |
50 |
35 |
36 | ![]()
37 |
38 |
39 |
49 | Hi！ CIMO
40 |
41 |
57 |
61 |
10 |
11 |
12 |
13 |
17 | {{item.meta.itemLabel}}
18 |
19 |
20 |
21 |
33 |
34 |
36 |
37 | {{item.meta.title}}
38 |
39 |
40 |
41 |
42 |
52 |
53 |
54 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
133 |
164 |
--------------------------------------------------------------------------------
/src/components/TagView/TagView.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
16 |
23 |
24 |
28 |
29 |
30 |
31 |
39 |
40 |
48 |
49 |
50 |
51 | 关闭其他
52 |
53 |
54 |
55 |
56 | 关闭右侧
57 |
58 |
59 |
60 |
61 | 关闭左侧
62 |
63 |
64 |
65 |
66 | 关闭所有
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
139 |
146 |
181 |
--------------------------------------------------------------------------------
/src/boot/permissionWithDynamicRouter.js:
--------------------------------------------------------------------------------
1 | import { setBreadcrumbs } from 'components/Breadcrumbs/BreadcrumbsUtils'
2 | import LoadingBar from '../components/LoadingBar/LoadingBar'
3 | import constantRoutes from '../router/constantRoutes'
4 | import { addTagView, setTagView } from 'components/TagView/TagViewUtils'
5 | import { getUserRouter } from 'src/api/UserApi'
6 | import { handleJsonRouterToAsyncRouter } from 'src/router/permissionUtils'
7 | import asyncRoutes from 'src/router/asyncRoutes'
8 | const view404 = {
9 | path: '*',
10 | redirect: '/NoFound404',
11 | meta: {
12 | isHidden: true
13 | }
14 | }
15 |
16 | /**
17 | * Navigation guard and permission verification
18 | * @param app
19 | * @param router
20 | * @param Vue
21 | * @param store
22 | * @returns {Promise主页
26 |
27 | {{ v.title }}
42 |