study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-06 21:14:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
fofolee 2022-03-29 22:34:21 +08:00
parent 30a9a73f30
commit 72d146ba3f
5 changed files with 136 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.eslintrc.js
View File

@ -59,7 +59,8 @@ module.exports = {
// add your custom rules here // add your custom rules here
rules: { rules: {
'prefer-promise-reject-errors': 'off', 'prefer-promise-reject-errors': 'off',
'eslint-disable-next-line': 'off',
// allow debugger during development only // allow debugger during development only
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'

31
.vscode/settings.json vendored
View File

@ -1,15 +1,18 @@
{ {
"editor.bracketPairColorization.enabled": true, "editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true, "editor.guides.bracketPairs": true,
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": [ "editor.codeActionsOnSave": [
"source.fixAll.eslint" "source.fixAll.eslint"
], ],
"eslint.validate": [ "eslint.validate": [
"javascript", "javascript",
"javascriptreact", "javascriptreact",
"typescript", "typescript",
"vue" "vue"
] ],
} "[vue]": {
"editor.defaultFormatter": "octref.vetur"
}
}

16
src/App.vue
View File

@ -3,9 +3,19 @@
</template> </template>
<script> <script>
import { defineComponent } from 'vue' import { defineComponent } from "vue";
export default defineComponent({ export default defineComponent({
name: 'App' name: "App",
}) data() {
return {
};
},
computed: {},
created: function () {
// this.$router.push("/configuration");
this.$router.push("/code");
},
methods: {},
});
</script> </script>

89
src/pages/ConfigurationPage.vue Normal file
View File

@ -0,0 +1,89 @@
<template>
<div>
<q-splitter v-model="splitterModel" style="height: 250px">
<template v-slot:before>
<q-tabs v-model="tab" vertical class="text-teal">
<q-tab name="mails" icon="mail" label="Mails" />
<q-tab name="alarms" icon="alarm" label="Alarms" />
<q-tab name="movies" icon="movie" label="Movies" />
</q-tabs>
</template>
<template v-slot:after>
<q-tab-panels
v-model="tab"
animated
swipeable
vertical
transition-prev="jump-up"
transition-next="jump-up"
>
<q-tab-panel name="mails">
<div class="text-h4 q-mb-md">Mails</div>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
</q-tab-panel>
<q-tab-panel name="alarms">
<div class="text-h4 q-mb-md">Alarms</div>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
</q-tab-panel>
<q-tab-panel name="movies">
<div class="text-h4 q-mb-md">Movies</div>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis
praesentium cumque magnam odio iure quidem, quod illum numquam
possimus obcaecati commodi minima assumenda consectetur culpa fuga
nulla ullam. In, libero.
</p>
</q-tab-panel>
</q-tab-panels>
</template>
</q-splitter>
</div>
</template>
<script>
export default {
data() {
return {
tab: "mails",
splitterModel: 20,
};
},
};
</script>

30
src/router/routes.js
View File

@ -1,19 +1,19 @@
const routes = [ const routes = [
{ {
path: '/', path: '/',
component: () => import('layouts/MainLayout.vue'), component: () => import('layouts/MainLayout.vue'),
children: [ children: [
{ path: '', component: () => import('pages/IndexPage.vue') } { path: '', component: () => import('pages/IndexPage.vue') }
] ]
}, },
{
// Always leave this as last one, path: '/configuration',
// but you can also remove it component: () => import('pages/ConfigurationPage.vue')
{ },
path: '/:catchAll(.*)*', {
component: () => import('pages/ErrorNotFound.vue') path: '/code',
} component: () => import('pages/CodeRunner.vue')
}
] ]
export default routes export default routes