This commit is contained in:
parent
fc3679a5eb
commit
1fb1f109c8
|
@ -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({
|
||||
|
|
|
@ -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: {
|
||||
|
|
|
@ -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 [{
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue