diff --git a/src/styles/styles.scss b/src/styles/styles.scss index 7536a7c..146b7e7 100644 --- a/src/styles/styles.scss +++ b/src/styles/styles.scss @@ -1,42 +1,42 @@ @charset "UTF-8"; -.el-card{ +.el-card { font-size: 14px; } -.svg-icon{ +.svg-icon { width: 0.8em !important; height: 0.8em !important; } .el-table--mini { font-size: 13px !important; } -.el-dialog__body{ +.el-dialog__body { // padding: 5px 20px 15px 20px !important; } -.el-dialog__wrapper{ +.el-dialog__wrapper { //overflow: auto !important; } -.selWidth{ +.selWidth { width: 280px; } -.mobile-page{ +.mobile-page { width: 100%; } -.paddingBox{ - padding:0 10px 10px; +.paddingBox { + padding: 0 10px 10px; } -.mobile-config{ +.mobile-config { width: 100%; padding: 15px; } -.c_label{ +.c_label { font-size: 14px; color: #999999; } -.c_label span{ +.c_label span { margin-left: 10px; color: #333; } -.empty-box{ +.empty-box { width: 100%; height: 100%; display: flex; @@ -45,14 +45,23 @@ background: #f3f5f7; border-radius: 6px; } -.empty-box.on{ +.empty-box.on { border-radius: 0px; } -.empty-box .iconfont-diy{ +.customize { + // background: red; + .cell { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-around; + } +} +.empty-box .iconfont-diy { color: #bbbfc8; font-size: 30px; } -.c_row-item{ +.c_row-item { display: flex; justify-content: space-between; align-items: center; @@ -125,43 +134,43 @@ -webkit-justify-content: space-between; justify-content: space-between; } -.divBox{ +.divBox { box-sizing: border-box; - .el-pagination{ + .el-pagination { display: flex; justify-content: flex-end; margin-top: 25px; } } -.seachTiele{ +.seachTiele { font-size: 12px; } -.el-divider--horizontal{ +.el-divider--horizontal { margin: 19px 0; } -.suibian-modal{ - .el-dialog__footer{ +.suibian-modal { + .el-dialog__footer { display: none !important; } } -.el-message-box__wrapper{ +.el-message-box__wrapper { overflow: auto; } -.el-message-box{ - overflow: auto!important; +.el-message-box { + overflow: auto !important; } -.modal-form{ +.modal-form { width: 600px; } -.modal-form .el-select{ +.modal-form .el-select { width: 100%; } -.upload-form{ +.upload-form { min-width: 1000px; - max-height:620px; + max-height: 620px; } -.listPic{ - .image-slot{ +.listPic { + .image-slot { width: 100%; height: 100%; display: flex; @@ -169,32 +178,33 @@ align-items: center; } } -.switchTable{ +.switchTable { .el-switch.is-disabled { opacity: 1; } - .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { - cursor: pointer !important;; + .el-switch.is-disabled .el-switch__core, + .el-switch.is-disabled .el-switch__label { + cursor: pointer !important; } } /** * 上传图片的照相机 */ -.upLoadPicBox{ +.upLoadPicBox { display: inline-block; cursor: pointer; - + .pictrue { width: 60px; height: 60px; border: 1px dotted rgba(0, 0, 0, 0.1); margin-right: 10px; position: relative; - img { + img { width: 100%; height: 100%; } - .btndel{ + .btndel { position: absolute; right: -5px; top: -5px; @@ -218,58 +228,58 @@ /** * 标题带下划线 */ -.dividerTitle{ - .title{ +.dividerTitle { + .title { border-bottom: 2px solid var(--prev-color-primary); padding: 0 8px 18px 5px; color: #000; font-size: 14px; } } -.cameraIconfont{ +.cameraIconfont { color: #898989; font-size: 26px; } -.ml10{ +.ml10 { margin-left: 10px; } -.mr10{ +.mr10 { margin-right: 10px; } -.mb15{ +.mb15 { margin-bottom: 15px; } -.mb20{ +.mb20 { margin-bottom: 20px; } -.mb5{ +.mb5 { margin-bottom: 5px; } -.mr15{ +.mr15 { margin-right: 15px; } -.mt20{ +.mt20 { margin-top: 20px; } .mr50 { margin-right: 50px; } -.mr20{ +.mr20 { margin-right: 20px !important; } .ml40 { margin-left: 40px !important; } -.ml50{ +.ml50 { margin-left: 50px !important; } -.mb10{ +.mb10 { margin-bottom: 10px; } -.mr5{ +.mr5 { margin-right: 5px; } -.pl25{ +.pl25 { padding-left: 25px; box-sizing: border-box; } @@ -279,19 +289,19 @@ a { text-decoration: none; outline: none; cursor: pointer; - transition: color .2s ease; + transition: color 0.2s ease; font-size: 12px; } -.spBlock{ +.spBlock { display: block; } -.onHand{ +.onHand { cursor: pointer; } /** * 搜索框标题 */ -.seachTiele{ +.seachTiele { line-height: 35px; font-size: 12px; } @@ -322,7 +332,7 @@ a { .el-table__row .el-switch .el-switch__core, .el-table__row .el-switch .el-switch__label { font-size: 12px; - width: 55px!important; + width: 55px !important; } .el-switch__label * { font-size: 12px; @@ -343,7 +353,7 @@ a { margin-bottom: 0; width: 33.33%; } -table .el-image{ +table .el-image { width: 36px; height: 36px; } @@ -351,19 +361,23 @@ table .el-image{ .index_bg { width: 100%; height: 100vh; - background: rgba(0, 0, 0, .6) !important; + background: rgba(0, 0, 0, 0.6) !important; z-index: 0 !important; } //表格下拉文字 -.el-form-item__label, .el-form-item__content{ +.el-form-item__label, +.el-form-item__content { font-size: 13px !important; } @font-face { font-family: "iconfont"; /* Project id 2955395 */ - src: url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff2?t=1637567333533') format('woff2'), - url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff?t=1637567333533') format('woff'), - url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.ttf?t=1637567333533') format('truetype'); + src: url("//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff2?t=1637567333533") + format("woff2"), + url("//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff?t=1637567333533") + format("woff"), + url("//at.alicdn.com/t/font_2955395_hzsad8tzvr.ttf?t=1637567333533") + format("truetype"); } .iconfont { @@ -417,75 +431,78 @@ table .el-image{ .icon-dingdanguanli:before { content: "\e605"; } -.el-menu-item,.el-submenu__title { +.el-menu-item, +.el-submenu__title { height: 50px; line-height: 50px; } -.styleTwo,.styleTwo .el-menu--popup { - min-width: 140px!important; +.styleTwo, +.styleTwo .el-menu--popup { + min-width: 140px !important; padding: 0; max-height: auto; } -.styleTwo .el-menu--popup{ +.styleTwo .el-menu--popup { border-radius: 4px; - background: #5F5F66!important; + background: #5f5f66 !important; } -.styleTwo{ - &::before{ +.styleTwo { + &::before { content: ""; border: 10px solid transparent; - border-right-color: #5F5F66; + border-right-color: #5f5f66; position: absolute; left: 0; top: 50px; } } -.styleTwo .el-menu--popup-right-start{ +.styleTwo .el-menu--popup-right-start { margin-left: 17px; margin-right: 12px; } -.styleTwo li{ - background: #5f5f66!important; - height: 46px!important; - line-height: 46px!important; +.styleTwo li { + background: #5f5f66 !important; + height: 46px !important; + line-height: 46px !important; font-size: 13px; - padding-left: 0!important; + padding-left: 0 !important; } -.styleTwo .el-submenu__title{ - background: #5f5f66!important; - height: 46px!important; - line-height: 46px!important; +.styleTwo .el-submenu__title { + background: #5f5f66 !important; + height: 46px !important; + line-height: 46px !important; font-size: 13px; - color: #ffffff!important; + color: #ffffff !important; } -.styleTwo li:hover,.styleTwo .is-active{ - background: #77777D!important; - .el-submenu__title{ - background: #77777D!important; +.styleTwo li:hover, +.styleTwo .is-active { + background: #77777d !important; + .el-submenu__title { + background: #77777d !important; } } -.styleTwo .router-link-active{ +.styleTwo .router-link-active { background: #ffffff; } -#app .hideSidebar .style2 .el-submenu>.el-submenu__title{ - text-align: left!important; +#app .hideSidebar .style2 .el-submenu > .el-submenu__title { + text-align: left !important; } -.el-slider__button-wrapper{ - z-index: 100 +.el-slider__button-wrapper { + z-index: 100; } -.el-radio-button .el-radio__input.is-checked+.el-radio__label, +.el-radio-button .el-radio__input.is-checked + .el-radio__label, .el-radio-button .el-radio-button__inner:hover { color: var(--prev-color-primary); } -.fc-upload-btn{ - display: flex!important; +.fc-upload-btn { + display: flex !important; align-items: center; justify-content: center; } -.fc-upload-btn .el-icon-camera{ +.fc-upload-btn .el-icon-camera { font-size: 26px; color: #898989; } diff --git a/src/views/merchant/list/handle/merDetails.vue b/src/views/merchant/list/handle/merDetails.vue index b79c973..d71414b 100644 --- a/src/views/merchant/list/handle/merDetails.vue +++ b/src/views/merchant/list/handle/merDetails.vue @@ -5,7 +5,7 @@ :size="1000" :visible.sync="drawer" :direction="direction" - :before-close="handleClose" + :before-close="handleClose" >
尾款:{{ scope.row.finalOrder.pay_price }}
++ 尾款:{{ scope.row.finalOrder.pay_price }} +