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,16 +176,6 @@ export default {
font-weight: bold; font-weight: bold;
} }
&.show {
transform: rotate(180deg);
}
&.switch {}
&.icon-xiala {
margin: 0;
margin-top: 0.1rpx;
// 未读消息小红点 // 未读消息小红点
.unread-badge { .unread-badge {
position: absolute; position: absolute;
@@ -226,7 +203,7 @@ export default {
// AI图标样式优化让🤖表情居中显示 // AI图标样式优化让🤖表情居中显示
.ai-icon { .ai-icon {
font-size: 40rpx; // 调整🤖表情大小 font-size: 40rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -234,7 +211,5 @@ export default {
height: 100%; height: 100%;
} }
} }
}
} }
</style> </style>