This commit is contained in:
Billy 2022-03-07 15:31:17 +08:00
parent fc3679a5eb
commit 1fb1f109c8
4 changed files with 19 additions and 59 deletions

View File

@ -2,7 +2,7 @@
* @Author: Billy * @Author: Billy
* @Date: 2021-12-18 02:20:09 * @Date: 2021-12-18 02:20:09
* @LastEditors: Billy * @LastEditors: Billy
* @LastEditTime: 2022-03-07 14:36:12 * @LastEditTime: 2022-03-07 15:26:48
* @Description: 请输入 * @Description: 请输入
*/ */
@ -10,12 +10,15 @@ import MenuItem from "../entity/Ui/Menu/MenuItem.js";
async function getMainMenuItems() { async function getMainMenuItems() {
return [ return [
new MenuItem({ new MenuItem({
id: 'ProductAndCases', id: 'Test',
title: '产品案例', title: '测试',
routerName: 'Test',
routerName: 'ProductAndCases', }),
new MenuItem({
id: 'Test2',
title: '测试2',
routerName: 'Test2',
}), }),
// 内部标签 // 内部标签
new MenuItem({ new MenuItem({

View File

@ -2,7 +2,7 @@
* @Author: Billy * @Author: Billy
* @Date: 2020-09-10 09:12:00 * @Date: 2020-09-10 09:12:00
* @LastEditors: Billy * @LastEditors: Billy
* @LastEditTime: 2022-03-07 13:35:34 * @LastEditTime: 2022-03-07 15:30:56
* @Description: 静态路由 * @Description: 静态路由
*/ */
import Vue from 'vue' import Vue from 'vue'
@ -30,7 +30,7 @@ const routes = [{
// alias: '/home', // alias: '/home',
name: 'Home', name: 'Home',
redirect: { redirect: {
name: 'ProductAndCases' name: 'Test'
}, },
component: Home, component: Home,
meta: { meta: {

View File

@ -2,8 +2,8 @@
* @Author: Billy * @Author: Billy
* @Date: 2021-07-15 14:34:11 * @Date: 2021-07-15 14:34:11
* @LastEditors: Billy * @LastEditors: Billy
* @LastEditTime: 2021-12-20 11:16:48 * @LastEditTime: 2022-03-07 15:28:07
* @Description: 用户角色权限相关路由 * @Description: 测试
*/ */
export default [{ export default [{

View File

@ -2,60 +2,22 @@
* @Author: Billy * @Author: Billy
* @Date: 2020-09-10 18:42:33 * @Date: 2020-09-10 18:42:33
* @LastEditors: Billy * @LastEditors: Billy
* @LastEditTime: 2021-12-19 03:26:04 * @LastEditTime: 2022-03-07 15:28:39
* @Description: 请输入 * @Description: 请输入
--> -->
<template> <template>
<div class="container"> <div class="container">
<div class="row"> <div class="row">测试</div>
<el-button type="primary" @click="onBtnDialClick">弹窗</el-button> <div class="row"></div>
</div> <div class="row"></div>
<div class="row">
<Ckeditor4 :editorData.sync="form.editor" />
</div>
<DraggableDialog
class="draggable-dial"
width="30vw"
marginTop="0"
:visible.sync="dial.visible"
:minimized.sync="dial.minimized"
:moveDirection="dial.moveDirection"
:title="dial.title"
:allowGoToOutside="false"
:isCentered="true"
>
<div class="dial-content">
<span>测试</span>
<el-button type="primary" @click="dial.visible = false">关闭</el-button>
</div>
</DraggableDialog>
<div class="row">
<svg-icon
icon-class="add"
:icon-style="{ width: '30px', height: '30px' }"
class-name="my-add-svg"
></svg-icon>
</div>
</div> </div>
</template> </template>
<script> <script>
import Ckeditor4 from "../../../components/_Common/Ckeditor4.vue";
import DraggableDialog from "../../../components/_Common/Drag/DraggableDialog.vue";
export default { export default {
components: { Ckeditor4, DraggableDialog }, components: {},
data() { data() {
return { return {};
form: {
editor: "",
},
dial: {
visible: false,
minimized: false,
title: "弹窗",
moveDirection: "both", // both/horizontal/vertical
},
};
}, },
methods: { methods: {
onBtnDialClick() { onBtnDialClick() {
@ -71,10 +33,5 @@ export default {
.row { .row {
padding: 16px; padding: 16px;
} }
.draggable-dial {
.dial-content {
height: 200px;
}
}
} }
</style> </style>