chore:调整样式,删除多余的电话按钮
This commit is contained in:
@@ -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>
|
||||||
Reference in New Issue
Block a user