折叠面板公共样式优化
Showing
2 changed files
with
14 additions
and
11 deletions
1 | |||
2 | /deep/.modifycollapse{ | 1 | /deep/.modifycollapse{ |
2 | border: none; | ||
3 | |||
4 | .el-collapse-item { | ||
3 | 5 | ||
4 | .el-collapse-item__header{ | 6 | .el-collapse-item__header { |
5 | margin-bottom: 10px; | 7 | margin-bottom: 10px; |
6 | background: #F3F4F7; | 8 | background: #F3F4F7; |
7 | border: 1px solid #D9D9D9; | 9 | border: 1px solid #D9D9D9; |
... | @@ -13,7 +15,8 @@ | ... | @@ -13,7 +15,8 @@ |
13 | line-height: 18px; | 15 | line-height: 18px; |
14 | 16 | ||
15 | } | 17 | } |
16 | .el-collapse-item__header::before{ | 18 | |
19 | .el-collapse-item__header::before { | ||
17 | content: ""; | 20 | content: ""; |
18 | margin-left: 10px; | 21 | margin-left: 10px; |
19 | margin-right: 10px; | 22 | margin-right: 10px; |
... | @@ -21,11 +24,12 @@ | ... | @@ -21,11 +24,12 @@ |
21 | height: 18px; | 24 | height: 18px; |
22 | background: #2B7FF1; | 25 | background: #2B7FF1; |
23 | } | 26 | } |
24 | .el-collapse-item__arrow{ | 27 | |
25 | color: #979797 ; | 28 | .el-collapse-item__arrow { |
29 | color: #979797; | ||
26 | margin-left: 10px; | 30 | margin-left: 10px; |
27 | } | 31 | } |
28 | 32 | ||
29 | 33 | ||
34 | } | ||
30 | } | 35 | } |
31 | ... | ... |
... | @@ -135,8 +135,8 @@ | ... | @@ -135,8 +135,8 @@ |
135 | </el-col> | 135 | </el-col> |
136 | </el-row> | 136 | </el-row> |
137 | </el-form> | 137 | </el-form> |
138 | <el-collapse accordion> | 138 | <el-collapse class="modifycollapse" accordion> |
139 | <el-collapse-item class="modifycollapse" title="登记情形设置" name="1"> | 139 | <el-collapse-item 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 class="modifycollapse" title="材料信息设置" name="2"> | 149 | <el-collapse-item title="材料信息设置" name="2"> |
150 | <lb-table | 150 | <lb-table |
151 | :column="clxxCol" | 151 | :column="clxxCol" |
152 | border | 152 | border |
... | @@ -157,7 +157,6 @@ | ... | @@ -157,7 +157,6 @@ |
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" | ||
161 | title="刷选权利设置" | 160 | title="刷选权利设置" |
162 | name="3" | 161 | name="3" |
163 | v-if="form.ywDetail.sfsxql == '1'" | 162 | v-if="form.ywDetail.sfsxql == '1'" |
... | @@ -180,7 +179,7 @@ | ... | @@ -180,7 +179,7 @@ |
180 | </li> | 179 | </li> |
181 | </ul> | 180 | </ul> |
182 | </el-collapse-item> | 181 | </el-collapse-item> |
183 | <el-collapse-item class="modifycollapse" title="办理状态设置" name="4"> | 182 | <el-collapse-item title="办理状态设置" name="4"> |
184 | <ul class="screen-list"> | 183 | <ul class="screen-list"> |
185 | <li v-for="(item, index) in form.sxzt" :key="index"> | 184 | <li v-for="(item, index) in form.sxzt" :key="index"> |
186 | <div class="screen-list-left"> | 185 | <div class="screen-list-left"> | ... | ... |
-
Please register or sign in to post a comment