From 48bc3a659138b64632a9abcef0118bb83579e36d Mon Sep 17 00:00:00 2001 From: ludc Date: 星期二, 19 十二月 2023 17:57:02 +0800 Subject: [PATCH] ::v-deep写法导致打包报错调整语法 --- Source/UBCS-WEB/src/components/template/Business.vue | 58 +++++----- Source/UBCS-WEB/src/views/integration/systemInfo.vue | 8 + Source/UBCS-WEB/src/views/work/process/leave/handle.vue | 69 +++++++------ Source/UBCS-WEB/src/views/integration/integrationIndex.vue | 45 ++++---- Source/UBCS-WEB/src/components/template/TableTransfer.vue | 74 +++++++------- 5 files changed, 129 insertions(+), 125 deletions(-) diff --git a/Source/UBCS-WEB/src/components/template/Business.vue b/Source/UBCS-WEB/src/components/template/Business.vue index 0d3b098..d5dacde 100644 --- a/Source/UBCS-WEB/src/components/template/Business.vue +++ b/Source/UBCS-WEB/src/components/template/Business.vue @@ -166,40 +166,40 @@ } </script> <style lang="scss" scoped> -.dialogwarp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - justify-content: space-between; - height: 70vh; + .dialogwarp { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + justify-content: space-between; + height: 70vh; - &_tab { - width: 79%; + &_tab { + width: 79%; + + &_card { + width: 100%; + height: 100%; + } + } &_card { - width: 100%; - height: 100%; + // margin-left: 20px; + width: 20%; } } - &_card { - // margin-left: 20px; - width: 20%; + ::v-deep { + .el-upload { + width: 100%; + height: 120px; + } + .el-upload-dragger { + width: 100%; + height: 120px; + } + .el-upload-dragger .el-icon-upload { + margin: 15px 0 16px; + } } -} - -::v-deep(.el-upload) { - width: 100%; - height: 120px; -} - -::v-deep(.el-upload-dragger) { - width: 100%; - height: 120px; -} - -::v-deep(.el-upload-dragger .el-icon-upload) { - margin: 15px 0 16px; -} -</style> +</style> \ No newline at end of file diff --git a/Source/UBCS-WEB/src/components/template/TableTransfer.vue b/Source/UBCS-WEB/src/components/template/TableTransfer.vue index 83871ff..0875d44 100644 --- a/Source/UBCS-WEB/src/components/template/TableTransfer.vue +++ b/Source/UBCS-WEB/src/components/template/TableTransfer.vue @@ -285,40 +285,42 @@ </script> <style lang="scss" scoped> -::v-deep(.el-col>.el-card >.el-card__header) { - background: #fff -} - -.box-card { - background: #fff; -} - -.clearfix { - display: -webkit-box; - display: flex; - display: -ms-flexbox; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.input { - float: right; - padding: 3px 0; - max-width: 400px; -} - -.btns { - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - - .btn { - margin: 20px 0; + ::v-deep { + .el-col>.el-card >.el-card__header { + background: #fff + } + } -} -</style> + + .box-card { + background: #fff; + } + .clearfix { + display: -webkit-box; + display: flex; + display: -ms-flexbox; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .input { + float: right; + padding: 3px 0; + max-width: 400px; + } + + .btns { + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + + .btn { + margin: 20px 0; + } + } +</style> \ No newline at end of file diff --git a/Source/UBCS-WEB/src/views/integration/integrationIndex.vue b/Source/UBCS-WEB/src/views/integration/integrationIndex.vue index 2896931..b461465 100644 --- a/Source/UBCS-WEB/src/views/integration/integrationIndex.vue +++ b/Source/UBCS-WEB/src/views/integration/integrationIndex.vue @@ -425,28 +425,27 @@ } </script> <style lang="scss" scoped> -.setstyle { - min-height: 200px; - padding: 0 !important; - margin: 0; - overflow: auto; - cursor: default !important; -} + .setstyle { + min-height: 200px; + padding: 0 !important; + margin: 0; + overflow: auto; + cursor: default !important; + } -::v-deep(.el-transfer-panel__list) { - width: 100%; - height: 370px; -} - -::v-deep(.el-transfer-panel__body) { - height: 370px; -} - -::v-deep(.el-input) { - width: auto; -} - -::v-deep(.el-transfer-panel) { - width: 270px; -} + ::v-deep{ + .el-transfer-panel__list { + width: 100%; + height: 370px; + } + .el-transfer-panel__body { + height: 370px; + } + .el-input { + width: auto; + } + .el-transfer-panel { + width: 270px; + } + } </style> diff --git a/Source/UBCS-WEB/src/views/integration/systemInfo.vue b/Source/UBCS-WEB/src/views/integration/systemInfo.vue index d7707ef..743f91b 100644 --- a/Source/UBCS-WEB/src/views/integration/systemInfo.vue +++ b/Source/UBCS-WEB/src/views/integration/systemInfo.vue @@ -461,7 +461,9 @@ } </script> <style lang="scss" scoped> -::v-deep(.avue-crud .el-select) { - width: 100px !important; -} + ::v-deep{ + .avue-crud .el-select { + width: 100px !important; + } + } </style> diff --git a/Source/UBCS-WEB/src/views/work/process/leave/handle.vue b/Source/UBCS-WEB/src/views/work/process/leave/handle.vue index 5e80c0d..ba5684a 100644 --- a/Source/UBCS-WEB/src/views/work/process/leave/handle.vue +++ b/Source/UBCS-WEB/src/views/work/process/leave/handle.vue @@ -191,47 +191,48 @@ } </script> <style lang="scss" scoped> -.dialogwarp { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - justify-content: space-between; - height: 85vh; + .dialogwarp { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + justify-content: space-between; + height: 85vh; - &_tab { - width: 79%; + &_tab { + width: 79%; + + &_card { + width: 100%; + height: 100%; + } + } &_card { - width: 100%; - height: 100%; + // margin-left: 20px; + width: 20%; } } - &_card { - // margin-left: 20px; - width: 20%; + ::v-deep { + .el-upload { + width: 100%; + height: 120px; + } + .el-upload-dragger { + width: 100%; + height: 120px; + } + .el-upload-dragger .el-icon-upload { + margin: 15px 0 16px; + } } -} -::v-deep(.el-upload) { - width: 100%; - height: 120px; -} - -::v-deep(.el-upload-dragger) { - width: 100%; - height: 120px; -} - -::v-deep(.el-upload-dragger .el-icon-upload) { - margin: 15px 0 16px; -} -.el-tab-pane{ - height: 75vh; - overflow: auto; -} -.el-button{ - margin:0 10px 10px 0; -} + .el-tab-pane{ + height: 75vh; + overflow: auto; + } + .el-button{ + margin:0 10px 10px 0; + } </style> -- Gitblit v1.9.3