limqsh/quinn-accounts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

白色主题

Browse Source
This commit is contained in:
limqhz
2023-02-12 19:04:01 +08:00
parent d736a5912f
commit 57ab6fbb49
411 changed files with 1752 additions and 5304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
miniprogram_npm/tdesign-miniprogram/tabs/tabs.wxss
View File

@@ -36,7 +36,7 @@
background: var(--td-tab-nav-bg-color, var(--td-bg-color-block, #fff));
}
.t-tabs__wrapper--card {
background: var(--td-bg-color-block);
background: var(--td-gray-color-1, #f3f3f3);
--td-tab-border-color: transparent;
}
.t-tabs__item {
@@ -66,16 +66,10 @@
.t-tabs__item--bottom {
height: var(--td-tab-item-height, 96rpx);
}
.t-tabs__item--left,
.t-tabs__item--right {
height: var(--td-tab-item-vertical-height, 108rpx);
line-height: var(--td-tab-item-vertical-height, 108rpx);
width: var(--td-tab-item-vertical-width, 208rpx);
background-color: #f3f3f3;
}
.t-tabs__item--left.t-is-active,
.t-tabs__item--right.t-is-active {
background-color: #fff;
.t-tabs__item-inner {
display: flex;
align-items: center;
justify-content: center;
}
.t-tabs__item-inner--tag {
width: 100%;
@@ -101,7 +95,7 @@
padding: 0 16rpx;
}
.t-tabs__item--card.t-tabs__item--active {
background-color: var(--td-color-block-check, #fff);
background-color: var(--td-bg-color-block, #fff);
border-radius: 18rpx 18rpx 0 0;
}
.t-tabs__item--card.t-tabs__item--active:first-child {
@@ -119,7 +113,7 @@
bottom: 0;
width: 36rpx;
height: 36rpx;
/*background: #fff;*/
background: #fff;
}
.t-tabs__item-prefix::after,
.t-tabs__item-suffix::after {
@@ -127,7 +121,7 @@
display: block;
width: 100%;
height: 100%;
/*background-color: var(--td-gray-color-1, #f3f3f3);*/
background-color: var(--td-gray-color-1, #f3f3f3);
}
.t-tabs__item-prefix {
right: 0;
@@ -141,6 +135,10 @@
.t-tabs__item-suffix::after {
border-bottom-left-radius: 18rpx;
}
.t-tabs__icon {
font-size: var(--td-tab-icon-size, 36rpx);
margin-right: 4rpx;
}
.t-tabs__content {
overflow: hidden;
}
@@ -152,10 +150,6 @@
flex-wrap: nowrap;
align-items: center;
}
.t-tabs__nav--left,
.t-tabs__nav--right {
flex-direction: column;
}
.t-tabs__track {
position: absolute;
font-weight: 600;
@@ -163,16 +157,6 @@
transition-duration: 0.3s;
background-color: var(--td-tab-track-color, var(--td-primary-color, #0052d9));
}
.t-tabs__track--left {
left: 0;
top: 0;
width: var(--td-tab-track-thickness, 6rpx);
}
.t-tabs__track--right {
right: 0;
top: 0;
width: var(--td-tab-track-thickness, 6rpx);
}
.t-tabs__track--top,
.t-tabs__track--bottom {
left: 0;
@@ -205,11 +189,6 @@
right: 0;
transform: scaleY(0.5);
}
.t-tabs__scroll--left,
.t-tabs__scroll--right {
width: var(--td-tab-item-vertical-width, 208rpx);
max-height: 100vh;
}
.t-tabs__content-inner {
display: block;
}
@@ -233,28 +212,3 @@
.t-tabs--bottom {
flex-direction: column-reverse;
}
.t-tabs--left .t-tabs__sticky--left,
.t-tabs--right .t-tabs__sticky--left {
width: var(--td-tab-item-vertical-width, 208rpx);
}
.t-tabs--left .t-tabs__content-inner,
.t-tabs--right .t-tabs__content-inner {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition-property: transform;
}
.t-tabs--left .t-tabs__content,
.t-tabs--right .t-tabs__content {
width: calc(100% - var(--td-tab-item-vertical-width, 208rpx));
height: 100%;
position: absolute;
top: 0;
left: var(--td-tab-item-vertical-width, 208rpx);
overflow: hidden;
}
.t-tabs--right {
flex-direction: row-reverse;
}