白色主题
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
const props = {
|
||||
customStyle: {
|
||||
style: {
|
||||
type: String,
|
||||
value: '',
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
export interface TdIndexesAnchorProps {
|
||||
customStyle?: {
|
||||
style?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user