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

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

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

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

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

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

@ -410,7 +410,7 @@ export default {
height: 100%;
}
::v-deep.el-tabs__content {
::v-deep .el-tabs__content {
height: 100%;
width: 160px;
@ -515,13 +515,13 @@ export default {
}
}
::v-deep.el-tabs__header {
::v-deep .el-tabs__header {
width: 45px;
height: 100%;
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;
}
@ -555,7 +555,7 @@ export default {
}
.left-tabs-box {
::v-deep.el-tabs__item {
::v-deep .el-tabs__item {
height: 70px !important;
.menu-slot {

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

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

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

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

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

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

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

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

@ -824,7 +824,7 @@ export default {
position: relative;
overflow: auto;
overflow-x: hidden;
::v-deep.el-input__suffix-inner{
::v-deep .el-input__suffix-inner{
/*pointer-events: none!important;*/
}
.preview-wrap{
@ -935,11 +935,11 @@ export default {
}
}
/*当前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;
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;
left: 0;
border-left: 4px solid var(--bs-el-color-primary);

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save