chore:名片交换名片忽略和同意删除多余的圈

This commit is contained in:
2026-10-14 08:49:27 +08:00
parent d0d17fd916
commit 52f50eb91e

View File

@@ -100,15 +100,20 @@
<view class="eb-actions">
<view class="eb-act-item" @tap.stop="onIgnoreExchange">
<view class="eb-act eb-act-ignore">
<text class="iconfont icon-guanbi"></text>
<!-- ✕ 用 CSS 画, 避免字体图标自带圆圈 -->
<view class="eb-x">
<view class="eb-x-line"></view>
<view class="eb-x-line"></view>
</view>
</view>
<text class="eb-act-text">忽略</text>
</view>
<view class="eb-act-item" @tap.stop="onAgreeExchange">
<view class="eb-act eb-act-agree">
<text class="iconfont icon-dui"></text>
<!-- ✓ 用 CSS 画, 避免字体图标自带圆圈 -->
<view class="eb-check"></view>
</view>
<text class="eb-act-text">同意</text>
<text class="eb-act-text eb-act-text-main">同意</text>
</view>
</view>
</view>
@@ -716,29 +721,67 @@ export default {
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
box-sizing: border-box;
// 忽略: 白底细描边圆 + 灰色 ✕
&.eb-act-ignore {
background-color: #ffffff;
border: 2rpx solid #bcccdc;
color: #7b8794;
border: 2rpx solid #dfe4ea;
}
// 同意: 蓝底实心圆 + 白色 ✓
&.eb-act-agree {
background-color: #2aa5ff;
color: #ffffff;
}
}
// 参考图: ✕ 用 CSS 画(两条交叉短线), 不用字体图标以免自带圆圈
.eb-x {
position: relative;
width: 34rpx;
height: 34rpx;
.eb-x-line {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3rpx;
margin-top: -1.5rpx;
border-radius: 3rpx;
background-color: #5a6572;
&:first-child {
transform: rotate(45deg);
}
&:last-child {
transform: rotate(-45deg);
}
}
}
// 参考图: ✓ 用 CSS 画(左下两边框的方块旋转 -45°)
.eb-check {
width: 24rpx;
height: 12rpx;
margin-top: -6rpx;
border-left: 5rpx solid #ffffff;
border-bottom: 5rpx solid #ffffff;
transform: rotate(-45deg);
}
.eb-act-text {
margin-top: 8rpx;
font-size: 20rpx;
line-height: 1.2;
color: #8a94a6;
}
// 参考图: 「同意」文字为蓝色, 「忽略」为灰色
.eb-act-text-main {
color: #2aa5ff;
}
}
/* 分享面板(微信式底部抽屉, 与 wap 留资抽屉同风格) */