chore:名片交换名片忽略和同意删除多余的圈
This commit is contained in:
@@ -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 留资抽屉同风格) */
|
||||
|
||||
Reference in New Issue
Block a user