白色主题

This commit is contained in:
2023-02-12 19:04:01 +08:00
parent d736a5912f
commit 57ab6fbb49
411 changed files with 1752 additions and 5304 deletions

View File

@@ -1,10 +1,10 @@
<wxs src="../common/utils.wxs" module="_" />
<view class="{{classPrefix}} {{prefix}}-class" style="{{customStyle}}">
<view class="{{classPrefix}} {{prefix}}-class" style="{{style}}">
<view class="{{_.cls(classPrefix + '__wrapper', [['sticky', sticky], ['active', active]])}}" style="{{anchorStyle}}">
<view class="{{classPrefix}}__slot">
<slot />
</view>
<view class="{{classPrefix}}__header"> {{index}} </view>
<view class="{{_.cls(classPrefix + '__header', [['active', active]])}}"> {{index}} </view>
</view>
</view>

View File

@@ -32,14 +32,34 @@
}
.t-indexes-anchor__header {
display: none;
padding: 8rpx 32rpx;
background-color: var(--td-indexes-anchor-bg-color, var(--td-gray-color-1, #f3f3f3));
}
.t-indexes-anchor__header--active {
background-color: var(--td-indexes-anchor-active-bg-color, var(--td-bg-color-block, #fff));
position: relative;
}
.t-indexes-anchor__header--active::after {
content: '';
display: block;
position: absolute;
top: unset;
bottom: 0;
left: unset;
right: unset;
background-color: var(--td-gray-color-1, #f3f3f3);
}
.t-indexes-anchor__header--active::after {
height: 1px;
left: 0;
right: 0;
transform: scaleY(0.5);
}
.t-indexes-anchor__slot {
overflow: hidden;
}
.t-indexes-anchor__slot:empty + .t-indexes-anchor__header {
display: block;
padding: 8rpx 32rpx;
background-color: var(--td-indexes-anchor-bg-color, var(--td-gray-color-1, #f3f3f3));
}
.t-indexes-anchor__wrapper {
will-change: transform;

View File

@@ -1,5 +1,5 @@
const props = {
customStyle: {
style: {
type: String,
value: '',
},

View File

@@ -1,5 +1,5 @@
export interface TdIndexesAnchorProps {
customStyle?: {
style?: {
type: StringConstructor;
value?: string;
};