docs:注释增加
Showing
4 changed files
with
51 additions
and
31 deletions
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-20 10:22:20 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <label class="el-checkbox" :class="[ | 7 | <label class="el-checkbox" :class="[ |
3 | border && checkboxSize ? 'el-checkbox--' + checkboxSize : '', | 8 | border && checkboxSize ? 'el-checkbox--' + checkboxSize : '', |
... | @@ -26,9 +31,9 @@ | ... | @@ -26,9 +31,9 @@ |
26 | </label> | 31 | </label> |
27 | </template> | 32 | </template> |
28 | <script> | 33 | <script> |
29 | import Emitter from 'element-ui/src/mixins/emitter'; | 34 | import Emitter from 'element-ui/src/mixins/emitter'; |
30 | 35 | ||
31 | export default { | 36 | export default { |
32 | name: 'ElCheckbox', | 37 | name: 'ElCheckbox', |
33 | 38 | ||
34 | mixins: [Emitter], | 39 | mixins: [Emitter], |
... | @@ -238,5 +243,5 @@ export default { | ... | @@ -238,5 +243,5 @@ export default { |
238 | this.dispatch('ElFormItem', 'el.form.change', value); | 243 | this.dispatch('ElFormItem', 'el.form.change', value); |
239 | } | 244 | } |
240 | } | 245 | } |
241 | }; | 246 | }; |
242 | </script> | 247 | </script> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-20 13:33:07 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" | 7 | <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" |
3 | :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" | 8 | :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key" |
... | @@ -23,7 +28,7 @@ | ... | @@ -23,7 +28,7 @@ |
23 | </el-dialog> | 28 | </el-dialog> |
24 | </template> | 29 | </template> |
25 | <script> | 30 | <script> |
26 | export default { | 31 | export default { |
27 | props: { | 32 | props: { |
28 | value: { type: Boolean, default: false }, | 33 | value: { type: Boolean, default: false }, |
29 | isMain: { | 34 | isMain: { |
... | @@ -123,17 +128,17 @@ export default { | ... | @@ -123,17 +128,17 @@ export default { |
123 | this.$emit('closeDialog') | 128 | this.$emit('closeDialog') |
124 | } | 129 | } |
125 | }, | 130 | }, |
126 | } | 131 | } |
127 | </script> | 132 | </script> |
128 | <style rel="stylesheet/scss" lang="scss" > | 133 | <style rel="stylesheet/scss" lang="scss" > |
129 | @import "~@/styles/mixin.scss"; | 134 | @import "~@/styles/mixin.scss"; |
130 | @import "~@/styles/dialogBox.scss"; | 135 | @import "~@/styles/dialogBox.scss"; |
131 | </style> | 136 | </style> |
132 | <style rel="stylesheet/scss" scoped lang="scss" > | 137 | <style rel="stylesheet/scss" scoped lang="scss" > |
133 | /deep/.is-fullscreen { | 138 | /deep/.is-fullscreen { |
134 | position: absolute; | 139 | position: absolute; |
135 | top: 50% !important; | 140 | top: 50% !important; |
136 | left: 50% !important; | 141 | left: 50% !important; |
137 | transform: translate(-50%, -50%) !important; | 142 | transform: translate(-50%, -50%) !important; |
138 | } | 143 | } |
139 | </style> | 144 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-20 13:40:27 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <dialogBox title="配置常办项目" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" | 7 | <dialogBox title="配置常办项目" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" |
3 | @closeDialog="closeDialog" v-model="myValue"> | 8 | @closeDialog="closeDialog" v-model="myValue"> |
... | @@ -6,10 +11,10 @@ | ... | @@ -6,10 +11,10 @@ |
6 | </dialogBox> | 11 | </dialogBox> |
7 | </template> | 12 | </template> |
8 | <script> | 13 | <script> |
9 | import { getMenuInfo } from "@/api/user.js"; | 14 | import { getMenuInfo } from "@/api/user.js"; |
10 | import Tree from "@/components/Tree/src/tree.vue" | 15 | import Tree from "@/components/Tree/src/tree.vue" |
11 | import { saveFrequentProjectsList, getHomeFrequentProjects } from "@/api/home.js"; | 16 | import { saveFrequentProjectsList, getHomeFrequentProjects } from "@/api/home.js"; |
12 | export default { | 17 | export default { |
13 | components: { | 18 | components: { |
14 | Tree | 19 | Tree |
15 | }, | 20 | }, |
... | @@ -98,11 +103,11 @@ export default { | ... | @@ -98,11 +103,11 @@ export default { |
98 | } | 103 | } |
99 | } | 104 | } |
100 | } | 105 | } |
101 | } | 106 | } |
102 | </script> | 107 | </script> |
103 | <style scoped lang='scss'> | 108 | <style scoped lang='scss'> |
104 | /deep/.el-tree-node.is-expanded>.el-tree-node__children { | 109 | /deep/.el-tree-node.is-expanded > .el-tree-node__children { |
105 | display: flex; | 110 | display: flex; |
106 | flex-wrap: wrap; | 111 | flex-wrap: wrap; |
107 | } | 112 | } |
108 | </style> | 113 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-20 13:40:32 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="model"> | 7 | <div class="model"> |
3 | <div class="mask">123</div> | 8 | <div class="mask">123</div> |
... | @@ -18,8 +23,8 @@ | ... | @@ -18,8 +23,8 @@ |
18 | 23 | ||
19 | 24 | ||
20 | <style scoped lang='scss'> | 25 | <style scoped lang='scss'> |
21 | //css部分 | 26 | //css部分 |
22 | .mask { | 27 | .mask { |
23 | position: fixed; //这里用固定定位,后面设置动画时才不受影响 | 28 | position: fixed; //这里用固定定位,后面设置动画时才不受影响 |
24 | top: 0; | 29 | top: 0; |
25 | height: 100%; | 30 | height: 100%; |
... | @@ -27,8 +32,8 @@ | ... | @@ -27,8 +32,8 @@ |
27 | background-color: rgba(167, 165, 165, 0.486); | 32 | background-color: rgba(167, 165, 165, 0.486); |
28 | opacity: 0.5; | 33 | opacity: 0.5; |
29 | z-index: 9; | 34 | z-index: 9; |
30 | } | 35 | } |
31 | .model-dialog { | 36 | .model-dialog { |
32 | position: absolute; | 37 | position: absolute; |
33 | //让弹框居中显示 | 38 | //让弹框居中显示 |
34 | top: 50%; | 39 | top: 50%; |
... | @@ -41,8 +46,8 @@ | ... | @@ -41,8 +46,8 @@ |
41 | border: 1px solid #f5f5f5; | 46 | border: 1px solid #f5f5f5; |
42 | overflow: hidden; | 47 | overflow: hidden; |
43 | z-index: 10; //这里注意层级要比mask大,覆盖它 | 48 | z-index: 10; //这里注意层级要比mask大,覆盖它 |
44 | } | 49 | } |
45 | .model-header { | 50 | .model-header { |
46 | position: relative; | 51 | position: relative; |
47 | height: 50px; | 52 | height: 50px; |
48 | padding-left: 10px; | 53 | padding-left: 10px; |
... | @@ -51,21 +56,21 @@ | ... | @@ -51,21 +56,21 @@ |
51 | line-height: 50px; | 56 | line-height: 50px; |
52 | background-color: #f5f5f5; | 57 | background-color: #f5f5f5; |
53 | border-bottom: 1px solid rgb(177, 176, 176); | 58 | border-bottom: 1px solid rgb(177, 176, 176); |
54 | } | 59 | } |
55 | .model-body { | 60 | .model-body { |
56 | height: 150px; | 61 | height: 150px; |
57 | line-height: 150px; | 62 | line-height: 150px; |
58 | font-size: 28px; | 63 | font-size: 28px; |
59 | text-align: center; | 64 | text-align: center; |
60 | background-color: #fff; | 65 | background-color: #fff; |
61 | } | 66 | } |
62 | .model-footer { | 67 | .model-footer { |
63 | background-color: #f5f5f5; | 68 | background-color: #f5f5f5; |
64 | height: 100px; | 69 | height: 100px; |
65 | text-align: center; | 70 | text-align: center; |
66 | line-height: 100px; | 71 | line-height: 100px; |
67 | } | 72 | } |
68 | .btn { | 73 | .btn { |
69 | width: 180px; | 74 | width: 180px; |
70 | height: 40px; | 75 | height: 40px; |
71 | border-radius: 8px; | 76 | border-radius: 8px; |
... | @@ -73,8 +78,8 @@ | ... | @@ -73,8 +78,8 @@ |
73 | color: #fff; | 78 | color: #fff; |
74 | font-size: 18px; | 79 | font-size: 18px; |
75 | border: none; | 80 | border: none; |
76 | } | 81 | } |
77 | .icon-close { | 82 | .icon-close { |
78 | position: absolute; //如果不加绝对布局,图表显示不出来 | 83 | position: absolute; //如果不加绝对布局,图表显示不出来 |
79 | background-color: pink; | 84 | background-color: pink; |
80 | right: 15px; | 85 | right: 15px; |
... | @@ -84,5 +89,5 @@ | ... | @@ -84,5 +89,5 @@ |
84 | z-index: 10; | 89 | z-index: 10; |
85 | //background: url("../assets/icon-close.png") no-repeat; | 90 | //background: url("../assets/icon-close.png") no-repeat; |
86 | background-size: contain; | 91 | background-size: contain; |
87 | } | 92 | } |
88 | </style> | 93 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment