chore:调整样式,删除多余的电话按钮

This commit is contained in:
2025-12-19 08:46:14 +08:00
parent 0b62de8c6b
commit 0066a46037

View File

@@ -11,10 +11,6 @@
:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }"> :style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }">
<text class="icox icox-kefu" v-if="!kefuimg"></text> <text class="icox icox-kefu" v-if="!kefuimg"></text>
</button> </button>
<view class="btn-item" v-if="fixBtnShow" @click="call()"
:style="{ backgroundImage: 'url(' + (phoneimg ? phoneimg : '') + ')', backgroundSize: '100% 100%' }">
<text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
</view>
<!-- AI智能助手 --> <!-- AI智能助手 -->
<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat" <view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat"
:style="{ backgroundImage: 'url(' + (aiAgentimg ? aiAgentimg : '') + ')', backgroundSize: '100% 100%' }"> :style="{ backgroundImage: 'url(' + (aiAgentimg ? aiAgentimg : '') + ')', backgroundSize: '100% 100%' }">
@@ -25,13 +21,7 @@
<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text> <text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
</view> </view>
</view> </view>
<!-- <view class="btn-item icon-xiala" v-if="fixBtnShow" @click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)"> <!-- 电话保留下方的这个 -->
<text class="iconfont icon-unfold"></text>
</view>
<button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}">
<text class="icox icox-kefu" v-if="!kefuimg"></text>
</button>
<!-- 电话 -->
<view class="btn-item" v-if="fixBtnShow" @click="call()" <view class="btn-item" v-if="fixBtnShow" @click="call()"
:style="{ backgroundImage: 'url(' + (phoneimg ? phoneimg : '') + ')', backgroundSize: '100% 100%' }"> :style="{ backgroundImage: 'url(' + (phoneimg ? phoneimg : '') + ')', backgroundSize: '100% 100%' }">
<text class="iconfont icon-dianhua" v-if="!phoneimg"></text> <text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
@@ -150,8 +140,6 @@ export default {
right: 0rpx; right: 0rpx;
bottom: 200rpx; bottom: 200rpx;
z-index: 10; z-index: 10;
// background: #fff;
// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
border-radius: 120rpx; border-radius: 120rpx;
padding: 20rpx 0; padding: 20rpx 0;
display: flex; display: flex;
@@ -166,7 +154,6 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
/* 新增:让🤖表情垂直居中 */
text-align: center; text-align: center;
flex-direction: column; flex-direction: column;
line-height: 1; line-height: 1;
@@ -189,52 +176,40 @@ export default {
font-weight: bold; font-weight: bold;
} }
&.show { // 未读消息小红点
transform: rotate(180deg); .unread-badge {
position: absolute;
top: -5rpx;
right: -5rpx;
background-color: #ff4544;
color: white;
border-radius: 20rpx;
min-width: 30rpx;
height: 30rpx;
font-size: 10rpx;
line-height: 30rpx;
text-align: center;
padding: 0 8rpx;
z-index: 1;
box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
.badge-text {
font-size: 8rpx;
// #ifdef MP-WEIXIN
font-size: 20rpx;
// #endif
}
} }
&.switch {} // AI图标样式优化让🤖表情居中显示
.ai-icon {
&.icon-xiala { font-size: 40rpx;
margin: 0; display: flex;
margin-top: 0.1rpx; align-items: center;
justify-content: center;
// 未读消息小红点 width: 100%;
.unread-badge { height: 100%;
position: absolute;
top: -5rpx;
right: -5rpx;
background-color: #ff4544;
color: white;
border-radius: 20rpx;
min-width: 30rpx;
height: 30rpx;
font-size: 10rpx;
line-height: 30rpx;
text-align: center;
padding: 0 8rpx;
z-index: 1;
box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
.badge-text {
font-size: 8rpx;
// #ifdef MP-WEIXIN
font-size: 20rpx;
// #endif
}
}
// AI图标样式优化让🤖表情居中显示
.ai-icon {
font-size: 40rpx; // 调整🤖表情大小
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
} }
} }
} }
</style> </style>