折叠面板公共样式调整
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