折叠面板公共样式调整
Showing
2 changed files
with
36 additions
and
3 deletions
src/styles/collapse.scss
0 → 100644
1 | |||
2 | /deep/.modifycollapse{ | ||
3 | |||
4 | .el-collapse-item__header{ | ||
5 | margin-bottom: 10px; | ||
6 | background: #F3F4F7; | ||
7 | border: 1px solid #D9D9D9; | ||
8 | border-radius: 4px; | ||
9 | font-size: 16px; | ||
10 | font-family: PingFangSC-Medium, PingFang SC; | ||
11 | font-weight: 500; | ||
12 | color: #333333; | ||
13 | line-height: 18px; | ||
14 | |||
15 | } | ||
16 | .el-collapse-item__header::before{ | ||
17 | content: ""; | ||
18 | margin-left: 10px; | ||
19 | margin-right: 10px; | ||
20 | width: 4px; | ||
21 | height: 18px; | ||
22 | background: #2B7FF1; | ||
23 | } | ||
24 | .el-collapse-item__arrow{ | ||
25 | color: #979797 ; | ||
26 | margin-left: 10px; | ||
27 | } | ||
28 | |||
29 | |||
30 | } | ||
31 |
... | @@ -136,7 +136,7 @@ | ... | @@ -136,7 +136,7 @@ |
136 | </el-row> | 136 | </el-row> |
137 | </el-form> | 137 | </el-form> |
138 | <el-collapse accordion> | 138 | <el-collapse accordion> |
139 | <el-collapse-item title="登记情形设置" name="1"> | 139 | <el-collapse-item class="modifycollapse" title="登记情形设置" name="1"> |
140 | <lb-table | 140 | <lb-table |
141 | :column="djqxCol" | 141 | :column="djqxCol" |
142 | border | 142 | border |
... | @@ -146,7 +146,7 @@ | ... | @@ -146,7 +146,7 @@ |
146 | > | 146 | > |
147 | </lb-table> | 147 | </lb-table> |
148 | </el-collapse-item> | 148 | </el-collapse-item> |
149 | <el-collapse-item title="材料信息设置" name="2"> | 149 | <el-collapse-item class="modifycollapse" title="材料信息设置" name="2"> |
150 | <lb-table | 150 | <lb-table |
151 | :column="clxxCol" | 151 | :column="clxxCol" |
152 | border | 152 | border |
... | @@ -157,6 +157,7 @@ | ... | @@ -157,6 +157,7 @@ |
157 | </lb-table> | 157 | </lb-table> |
158 | </el-collapse-item> | 158 | </el-collapse-item> |
159 | <el-collapse-item | 159 | <el-collapse-item |
160 | class="modifycollapse" | ||
160 | title="刷选权利设置" | 161 | title="刷选权利设置" |
161 | name="3" | 162 | name="3" |
162 | v-if="form.ywDetail.sfsxql == '1'" | 163 | v-if="form.ywDetail.sfsxql == '1'" |
... | @@ -179,7 +180,7 @@ | ... | @@ -179,7 +180,7 @@ |
179 | </li> | 180 | </li> |
180 | </ul> | 181 | </ul> |
181 | </el-collapse-item> | 182 | </el-collapse-item> |
182 | <el-collapse-item title="办理状态设置" name="4"> | 183 | <el-collapse-item class="modifycollapse" title="办理状态设置" name="4"> |
183 | <ul class="screen-list"> | 184 | <ul class="screen-list"> |
184 | <li v-for="(item, index) in form.sxzt" :key="index"> | 185 | <li v-for="(item, index) in form.sxzt" :key="index"> |
185 | <div class="screen-list-left"> | 186 | <div class="screen-list-left"> |
... | @@ -332,6 +333,7 @@ export default { | ... | @@ -332,6 +333,7 @@ export default { |
332 | <style lang='scss' scoped> | 333 | <style lang='scss' scoped> |
333 | @import "~@/styles/mixin.scss"; | 334 | @import "~@/styles/mixin.scss"; |
334 | @import "~@/styles/dialogBox.scss"; | 335 | @import "~@/styles/dialogBox.scss"; |
336 | @import "~@/styles/collapse.scss"; | ||
335 | 337 | ||
336 | .contentBox { | 338 | .contentBox { |
337 | height: 75vh; | 339 | height: 75vh; | ... | ... |
-
Please register or sign in to post a comment