antd-mini
Version:
antd-mini 是支付宝小程序 UI 组件库,遵循 Ant Design 规范。
62 lines (59 loc) • 1.49 kB
text/less
@import (reference) './variable.less';
@buttonPrefix: ant-copilot-conversations;
.@{buttonPrefix} {
&-hover {
opacity: 0.6;
}
&-swipe-item {
height: @conversations-swipe-item-height;
&-view {
height: 100%;
width: @conversations-swipe-item-view-width;
padding: 24 * @rpx 32 * @rpx;
box-sizing: border-box;
display: flex;
align-items: center;
&-main {
flex-grow: 1;
overflow: hidden;
&-top {
display: flex;
align-items: center;
justify-content: space-between;
}
}
&-icon {
flex-shrink: 0;
width: 72 * @rpx;
height: 72 * @rpx;
border-radius: 50%;
margin-right: 24 * @rpx;
}
&-label {
font-size: 28 * @rpx;
line-height: 40 * @rpx;
height: 40 * @rpx;
color: @conversations-swipe-item-view-label-color;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&-timestamp {
flex-shrink: 0;
margin-left: 28 * @rpx;
font-size: 28 * @rpx;
line-height: 44 * @rpx;
color: @conversations-swipe-item-view-timestamp-color;
}
&-desc {
font-size: 24 * @rpx;
line-height: 48 * @rpx;
height: 48 * @rpx;
color: @conversations-swipe-item-view-desc-color;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}