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

View File

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

View File

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

View File

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