EASYAIuniappNewUI/node_modules/@tuniao/tnui-vue3-uniapp/theme-chalk/src/swipe-action-item.scss
2025-02-08 18:50:38 +08:00

73 lines
1.4 KiB
SCSS

@use '../mixins/mixins.scss' as *;
@include b(swipe-action-item) {
position: relative;
width: 100%;
overflow: hidden;
/* 内容 start */
@include e(content) {
position: relative;
width: 100%;
background-color: var(--tn-color-white);
z-index: 1;
transition-property: right;
transition-timing-function: ease;
}
/* 内容 end */
/* 操作选项 start */
@include e(options) {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
right: 0;
z-index: 1;
display: flex;
align-items: center;
transition-property: right;
transition-timing-function: ease;
}
@include e(option-item) {
position: relative;
height: 100%;
/* 禁止选中 start */
@include when(disabled) {
opacity: 0.4;
}
/* 禁止选中 end */
/* 圆形按钮 start */
@include when(round) {
width: 90rpx;
height: 90rpx;
display: flex;
align-items: center;
justify-content: center;
@include e(option-item-content) {
width: 70rpx;
height: 70rpx;
padding: 0rpx;
justify-content: center;
border-radius: 50%;
}
}
/* 圆形按钮 end */
}
@include e(option-item-content) {
height: 100%;
position: relative;
display: flex;
align-items: center;
padding: 0rpx 24rpx;
.text {
margin-left: 8rpx;
}
}
/* 操作选项 end */
}