style: ::v-deep. => ::v-deep .

main
wu.jian2 11 months ago
parent aa46e9b502
commit 532c255d04

@ -1,6 +1,6 @@
{ {
"name": "@gcpaas/data-room-ui", "name": "@gcpaas/data-room-ui",
"version": "2.0.1-2024031902-Alpha", "version": "2.0.1-2024042601-Alpha",
"description": "自定义大屏", "description": "自定义大屏",
"author": "gcpaas", "author": "gcpaas",
"license": "Apache-2.0", "license": "Apache-2.0",

@ -561,7 +561,7 @@ export default {
.lc-field-body { .lc-field-body {
padding: 12px 16px; padding: 12px 16px;
} }
::v-deep.bs-el-slider-dark { ::v-deep .bs-el-slider-dark {
.el-slider__runway { .el-slider__runway {
background-color: var(--bs-el-background-1) !important; background-color: var(--bs-el-background-1) !important;

@ -156,11 +156,11 @@ export default {
left: 50%; left: 50%;
transform: translateX(-40%); transform: translateX(-40%);
width: 100px!important; width: 100px!important;
::v-deep.el-dropdown-menu__item{ ::v-deep .el-dropdown-menu__item{
text-align: center; text-align: center;
padding: 5px; padding: 5px;
} }
::v-deep.popper__arrow{ ::v-deep .popper__arrow{
left: 50% !important; left: 50% !important;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
} }

@ -557,7 +557,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -565,7 +565,7 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -642,7 +642,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
::v-deep.image-slot { ::v-deep .image-slot {
height: 100%; height: 100%;
background-color: var(--bs-background-2); background-color: var(--bs-background-2);
display: flex; display: flex;
@ -650,7 +650,7 @@ export default {
justify-content: center; justify-content: center;
} }
::v-deep.el-image__error { ::v-deep .el-image__error {
background-color: #1d1d1d; background-color: #1d1d1d;
} }
} }

@ -410,7 +410,7 @@ export default {
height: 100%; height: 100%;
} }
::v-deep.el-tabs__content { ::v-deep .el-tabs__content {
height: 100%; height: 100%;
width: 160px; width: 160px;
@ -515,13 +515,13 @@ export default {
} }
} }
::v-deep.el-tabs__header { ::v-deep .el-tabs__header {
width: 45px; width: 45px;
height: 100%; height: 100%;
margin-right: 0 !important; margin-right: 0 !important;
} }
::v-deep.el-tabs--left .el-tabs__nav-wrap.is-left::after { ::v-deep .el-tabs--left .el-tabs__nav-wrap.is-left::after {
width: 0 !important; width: 0 !important;
} }
@ -555,7 +555,7 @@ export default {
} }
.left-tabs-box { .left-tabs-box {
::v-deep.el-tabs__item { ::v-deep .el-tabs__item {
height: 70px !important; height: 70px !important;
.menu-slot { .menu-slot {

@ -645,7 +645,7 @@ export default {
margin-right: 2px; margin-right: 2px;
color: #36474f; color: #36474f;
::v-deep.el-form-item { ::v-deep .el-form-item {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }

@ -199,7 +199,7 @@ export default {
.design-tab-warp { .design-tab-warp {
padding: 10px; padding: 10px;
} }
::v-deep.el-tabs--top { ::v-deep .el-tabs--top {
height: 100%; height: 100%;
} }
::v-deep .el-tabs__content { ::v-deep .el-tabs__content {
@ -235,7 +235,7 @@ export default {
justify-content: center; justify-content: center;
margin-right: 2px; margin-right: 2px;
::v-deep.el-form-item { ::v-deep .el-form-item {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }

@ -273,7 +273,7 @@ export default {
.design-tab-warp { .design-tab-warp {
padding: 10px; padding: 10px;
} }
::v-deep.el-tabs--top { ::v-deep .el-tabs--top {
height: 100%; height: 100%;
} }
::v-deep .el-tabs__content { ::v-deep .el-tabs__content {
@ -309,7 +309,7 @@ export default {
justify-content: center; justify-content: center;
margin-right: 2px; margin-right: 2px;
::v-deep.el-form-item { ::v-deep .el-form-item {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }

@ -207,7 +207,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import '../../assets/style/bsTheme.scss'; @import '../../assets/style/bsTheme.scss';
.bs-dialog-wrap{ .bs-dialog-wrap{
::v-deep.el-dialog__body{ ::v-deep .el-dialog__body{
min-height: 500px; min-height: 500px;
} }
} }

@ -468,7 +468,7 @@ export default {
border-left: 1px dashed #0089d0 !important; border-left: 1px dashed #0089d0 !important;
border-top: 1px dashed #0089d0 !important; border-top: 1px dashed #0089d0 !important;
} }
::v-deep.action { ::v-deep .action {
.value { .value {
background: var(--bs-el-color-primary); background: var(--bs-el-color-primary);
padding: 4px; padding: 4px;

@ -279,7 +279,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -287,7 +287,7 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background: var(--bs-background-1) !important; background: var(--bs-background-1) !important;
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
@ -366,7 +366,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
::v-deep.image-slot { ::v-deep .image-slot {
height: 100%; height: 100%;
background-color: var(--bs-background-2); background-color: var(--bs-background-2);
display: flex; display: flex;
@ -374,7 +374,7 @@ export default {
justify-content: center; justify-content: center;
} }
::v-deep.el-image__error { ::v-deep .el-image__error {
background-color: #1d1d1d; background-color: #1d1d1d;
} }
} }

@ -353,7 +353,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -477,7 +477,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
::v-deep.image-slot { ::v-deep .image-slot {
height: 100%; height: 100%;
background-color: var(--bs-background-2); background-color: var(--bs-background-2);
display: flex; display: flex;
@ -485,7 +485,7 @@ export default {
justify-content: center; justify-content: center;
} }
::v-deep.el-image__error { ::v-deep .el-image__error {
background-color: #1d1d1d; background-color: #1d1d1d;
} }
} }

@ -352,11 +352,11 @@ export default {
left: 50%; left: 50%;
transform: translateX(-40%); transform: translateX(-40%);
width: 100px!important; width: 100px!important;
::v-deep.el-dropdown-menu__item{ ::v-deep .el-dropdown-menu__item{
text-align: center; text-align: center;
padding: 5px; padding: 5px;
} }
::v-deep.popper__arrow{ ::v-deep .popper__arrow{
left: 50% !important; left: 50% !important;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
} }

@ -824,7 +824,7 @@ export default {
position: relative; position: relative;
overflow: auto; overflow: auto;
overflow-x: hidden; overflow-x: hidden;
::v-deep.el-input__suffix-inner{ ::v-deep .el-input__suffix-inner{
/*pointer-events: none!important;*/ /*pointer-events: none!important;*/
} }
.preview-wrap{ .preview-wrap{
@ -935,11 +935,11 @@ export default {
} }
} }
/*当前tree节点激活样式*/ /*当前tree节点激活样式*/
.page-list-tree ::v-deep.is-current>.el-tree-node__content{ .page-list-tree ::v-deep .is-current>.el-tree-node__content{
background: #007aff10; background: #007aff10;
color: var(--bs-el-color-primary); color: var(--bs-el-color-primary);
} }
.page-list-tree ::v-deep.is-current>.el-tree-node__content::before{ .page-list-tree ::v-deep .is-current>.el-tree-node__content::before{
position: absolute; position: absolute;
left: 0; left: 0;
border-left: 4px solid var(--bs-el-color-primary); border-left: 4px solid var(--bs-el-color-primary);

@ -198,7 +198,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -206,7 +206,7 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -283,7 +283,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
::v-deep.image-slot { ::v-deep .image-slot {
height: 100%; height: 100%;
background-color: var(--bs-background-2); background-color: var(--bs-background-2);
display: flex; display: flex;
@ -291,7 +291,7 @@ export default {
justify-content: center; justify-content: center;
} }
::v-deep.el-image__error { ::v-deep .el-image__error {
background-color: #1d1d1d; background-color: #1d1d1d;
} }
} }

@ -297,7 +297,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: #151A26 !important; background-color: #151A26 !important;
} }
} }

@ -470,7 +470,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -478,7 +478,7 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -602,7 +602,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
::v-deep.image-slot { ::v-deep .image-slot {
height: 100%; height: 100%;
background-color: var(--bs-background-2); background-color: var(--bs-background-2);
display: flex; display: flex;
@ -610,7 +610,7 @@ export default {
justify-content: center; justify-content: center;
} }
::v-deep.el-image__error { ::v-deep .el-image__error {
background-color: #1d1d1d; background-color: #1d1d1d;
} }
} }

@ -172,7 +172,7 @@ export default {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
::v-deep.el-scrollbar__view{ ::v-deep .el-scrollbar__view{
height: 100%; height: 100%;
.inner-router-view-wrap{ .inner-router-view-wrap{
height: 100%; height: 100%;

@ -172,7 +172,7 @@ export default {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
::v-deep.el-scrollbar__view{ ::v-deep .el-scrollbar__view{
height: 100%; height: 100%;
.inner-router-view-wrap{ .inner-router-view-wrap{
height: 100%; height: 100%;

@ -114,10 +114,10 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
::v-deep.el-tabs__header { ::v-deep .el-tabs__header {
margin: 0; margin: 0;
::v-deep.el-tabs__item { ::v-deep .el-tabs__item {
height: 51px; height: 51px;
line-height: 51px; line-height: 51px;
color: #ffffff; color: #ffffff;
@ -127,33 +127,33 @@ export default {
} }
} }
::v-deep.el-tabs__header { ::v-deep .el-tabs__header {
margin: 0 !important; margin: 0 !important;
} }
::v-deep.el-tabs__item { ::v-deep .el-tabs__item {
height: 40px !important; height: 40px !important;
line-height: 40px !important; line-height: 40px !important;
padding:0 10px!important; padding:0 10px!important;
box-sizing: border-box; box-sizing: border-box;
} }
::v-deep.el-tabs__active-bar { ::v-deep .el-tabs__active-bar {
width: 0 !important; width: 0 !important;
} }
::v-deep.el-tabs__item.is-active { ::v-deep .el-tabs__item.is-active {
color: #ffffff !important; color: #ffffff !important;
background-color: hsla(0, 0%, 100%, 0.1) !important; background-color: hsla(0, 0%, 100%, 0.1) !important;
} }
::v-deep.el-tabs__item:hover { ::v-deep .el-tabs__item:hover {
color: #fff !important; color: #fff !important;
cursor: pointer; cursor: pointer;
background-color: hsla(0, 0%, 100%, 0.1) !important; background-color: hsla(0, 0%, 100%, 0.1) !important;
} }
::v-deep.el-tabs__item { ::v-deep .el-tabs__item {
color: #fff !important; color: #fff !important;
} }
} }

@ -406,7 +406,7 @@ export default {
width: 200px; width: 200px;
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -414,7 +414,7 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
::v-deep.el-input__inner { ::v-deep .el-input__inner {
background-color: var(--bs-background-1) !important; background-color: var(--bs-background-1) !important;
} }
} }
@ -538,7 +538,7 @@ export default {
object-fit: cover; object-fit: cover;
} }
::v-deep.image-slot { ::v-deep .image-slot {
height: 100%; height: 100%;
background-color: var(--bs-background-2); background-color: var(--bs-background-2);
display: flex; display: flex;
@ -546,7 +546,7 @@ export default {
justify-content: center; justify-content: center;
} }
::v-deep.el-image__error { ::v-deep .el-image__error {
background-color: #1d1d1d; background-color: #1d1d1d;
} }
} }

@ -387,11 +387,11 @@ export default {
left: 50%; left: 50%;
transform: translateX(-40%); transform: translateX(-40%);
width: 100px !important; width: 100px !important;
::v-deep.el-dropdown-menu__item { ::v-deep .el-dropdown-menu__item {
text-align: center; text-align: center;
padding: 5px; padding: 5px;
} }
::v-deep.popper__arrow { ::v-deep .popper__arrow {
left: 50% !important; left: 50% !important;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
} }

@ -123,7 +123,7 @@
.design-tab-warp { .design-tab-warp {
padding: 10px; padding: 10px;
} }
::v-deep.el-tabs--top { ::v-deep .el-tabs--top {
height: 100%; height: 100%;
} }
::v-deep .el-tabs__content { ::v-deep .el-tabs__content {

Loading…
Cancel
Save