WeUI v2.3.0 解读 41 swiped
返回
1 cell_swiped 侧滑
记录侧滑出现 删除的样式
内样式 辅助 translateX
【注】 题外话
写本文的时候遇到的问题 不能直接用 大于符号 需要转义字符,
否则文档会错乱
// file: src/style/widget/weui-cell/weui-cell_swiped.less
@import "../../base/fn";
.weui-cell_swiped {
display: block;
padding: 0;
> .weui-cell__bd {
position: relative;
z-index: 1;
background-color: @weuiCellBg;
}
> .weui-cell__ft {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
color: #fff; // 固定色值
}
}
.weui-swiped-btn {
display: block;
padding: @weuiCellGapV 1em;
line-height: @weuiCellLineHeight;
color: inherit;
}
.weui-swiped-btn_default {
background-color: @weuiBgColorDefault;
}
.weui-swiped-btn_warn {
background-color: @weuiColorWarn;
}