feat: 表单设计器单独页面,新增vue-router

BoBoooooo · Feb 22, 2021 · 421e35b · 421e35b
1 parent 1a72c7f
commit 421e35b
Show file tree

Hide file tree

Showing 10 changed files with 691 additions and 603 deletions.
diff --git a/package.json b/package.json
@@ -84,6 +84,7 @@
     "vue-cli-plugin-axios": "0.0.4",
     "vue-cli-plugin-commitlint": "^1.0.12",
     "vue-property-decorator": "^8.5.0",
+    "vue-router": "3.4.3",
     "vue-template-compiler": "2.6.11",
     "vuedraggable": "^2.23.2",
     "webpack": "^4.35.3",

diff --git a/src/component/form-designer/src/components/Tinymce/components/editorImage.vue b/src/component/form-designer/src/components/Tinymce/components/editorImage.vue
@@ -108,7 +108,7 @@ export default {
 <style rel="stylesheet/scss" lang="scss" scoped>
 .editor-slide-upload {
   margin-bottom: 20px;
-  /deep/ .el-upload--picture-card {
+  ::v-deep .el-upload--picture-card {
     width: 100%;
   }
 }

diff --git a/src/component/form-designer/src/styles/index.scss b/src/component/form-designer/src/styles/index.scss
@@ -658,7 +658,7 @@ $primary-background-color: #ecf5ff;
   text-align: center;
   width: 300px;
   font-size: 20px;
-  top: 200px;
+  top: 40%;
   left: 50%;
   margin-left: -150px;
   color: #aaa;
@@ -699,7 +699,7 @@ $primary-background-color: #ecf5ff;
     // flex-direction: column;
     align-items: center;
     justify-content: center;
-    /deep/.el-button{
+    ::v-deep.el-button{
       margin:0;
       background: none!important;
       border: none!important;

diff --git a/src/component/form-designer/src/styles/table-form.scss b/src/component/form-designer/src/styles/table-form.scss
@@ -12,7 +12,7 @@
       border-#{$position}: $style;
     }
   }
-  /deep/.table-form {
+  ::v-deep.table-form {
     .el-row {
       @include border-style('left');
       margin: 0 !important;

diff --git a/src/component/pro-table/src/SearchForm.vue b/src/component/pro-table/src/SearchForm.vue
@@ -228,7 +228,7 @@ export default class SearchForm extends Vue {
     height: 29px;
     border-radius: 0;
   }
-  /deep/.el-input__suffix {
+  ::v-deep.el-input__suffix {
     top: -5px;
   }
   .input {