style:样式修改
Showing
6 changed files
with
4 additions
and
91 deletions
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | </script> | 109 | </script> |
110 | <style rel="stylesheet/scss" lang="scss" > | 110 | <style rel="stylesheet/scss" lang="scss" > |
111 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
112 | @import "./dialogBox.scss"; | 112 | @import "~@/styles/dialogBox.scss"; |
113 | </style> | 113 | </style> |
114 | <style rel="stylesheet/scss" scoped lang="scss" > | 114 | <style rel="stylesheet/scss" scoped lang="scss" > |
115 | /deep/.is-fullscreen { | 115 | /deep/.is-fullscreen { | ... | ... |
1 | .dialogBox { | ||
2 | border-radius: 8px; | ||
3 | overflow: hidden; | ||
4 | background: #FFFFFF; | ||
5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); | ||
6 | |||
7 | .dialog_title { | ||
8 | display: flex; | ||
9 | position: relative; | ||
10 | top: -2px; | ||
11 | |||
12 | b { | ||
13 | @include flex-center; | ||
14 | flex: 1; | ||
15 | width: 100%; | ||
16 | } | ||
17 | } | ||
18 | |||
19 | .dialog_full { | ||
20 | position: absolute; | ||
21 | top: 0; | ||
22 | right: 30px; | ||
23 | } | ||
24 | |||
25 | .el-dialog__body { | ||
26 | max-height: 88vh; | ||
27 | overflow-x: hidden; | ||
28 | overflow-y: hidden; | ||
29 | } | ||
30 | |||
31 | .dialog_footer { | ||
32 | margin-top: 8px; | ||
33 | @include flex-center; | ||
34 | } | ||
35 | |||
36 | |||
37 | } | ||
38 | |||
39 | .dialog_title { | ||
40 | @include flex; | ||
41 | justify-content: space-between; | ||
42 | width: 100%; | ||
43 | } | ||
44 | |||
45 | .el-dialog__header { | ||
46 | margin-bottom: 10px; | ||
47 | color: #4A4A4A; | ||
48 | background-color: #FCFDFD; | ||
49 | border-bottom: 1px solid #E4EBF4; | ||
50 | } | ||
51 | |||
52 | .el-dialog__body { | ||
53 | padding-top: 10px; | ||
54 | padding-bottom: 0; | ||
55 | } | ||
56 | |||
57 | .el-dialog__headerbtn .el-dialog__close { | ||
58 | color: #6B7A99 !important; | ||
59 | position: relative; | ||
60 | top: -2px; | ||
61 | } | ||
62 | |||
63 | |||
64 | .el-form-item { | ||
65 | @include flex; | ||
66 | width: 100%; | ||
67 | } | ||
68 | |||
69 | .el-dialog__wrapper { | ||
70 | width: 100%; | ||
71 | height: 100%; | ||
72 | overflow: hidden; | ||
73 | } | ||
74 | |||
75 | .contentCenter { | ||
76 | position: absolute; | ||
77 | top: 50%; | ||
78 | left: 50%; | ||
79 | transform: translate(calc(-50% + 85px), -50%); | ||
80 | } | ||
81 | |||
82 | .mainCenter { | ||
83 | position: absolute; | ||
84 | top: 50%; | ||
85 | left: 50%; | ||
86 | transform: translate(-50%, -50%); | ||
87 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | </script> | 109 | </script> |
110 | <style rel="stylesheet/scss" lang="scss" > | 110 | <style rel="stylesheet/scss" lang="scss" > |
111 | @import "~@/styles/mixin.scss"; | 111 | @import "~@/styles/mixin.scss"; |
112 | @import "./dialogBox.scss"; | 112 | @import "~@/styles/dialogBox.scss"; |
113 | </style> | 113 | </style> |
114 | <style rel="stylesheet/scss" scoped lang="scss" > | 114 | <style rel="stylesheet/scss" scoped lang="scss" > |
115 | /deep/.is-fullscreen { | 115 | /deep/.is-fullscreen { | ... | ... |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <i class="el-icon-s-unfold pointer"></i> | 93 | <i class="el-icon-s-unfold pointer"></i> |
94 | </div> | 94 | </div> |
95 | <ul> | 95 | <ul> |
96 | <li v-for="(item, index) in doneList" :key="index" class="flexst dynamicInfo"> | 96 | <li v-for="(item, index) in doneList.slice(0, 10)" :key="index" class="flexst dynamicInfo"> |
97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> | 97 | <p class="right15">{{ item.dealTime.substring(0, 10) }}</p> |
98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> | 98 | <p class="list-title">{{ item.dealBusiness }} ({{ item.dealStep + '环节' }})</p> |
99 | </li> | 99 | </li> | ... | ... |
-
Please register or sign in to post a comment