chore: 调整浮动按钮的背景色及字体颜色

This commit is contained in:
2025-12-27 13:57:35 +08:00
parent c67479e0e7
commit b96cb99b3b
2 changed files with 71 additions and 2 deletions

View File

@@ -1 +1 @@
<block wx:if="{{pageCount==1||need}}"><view class="fixed-box" style="{{'height:'+(fixBtnShow?'400rpx':'320rpx')+';'}}"><block wx:if="{{fixBtnShow && ischina}}"><button data-event-opts="{{[['tap',[['modifyInfo']]]]}}" class="btn-item btn-lang" style="{{'background:#c6251b;color:#fff;'+'background-image:'+('url('+(kefuimg?kefuimg:'')+')')+';'+('background-size:'+('100% 100%')+';')}}" catchtap="__e">{{''+(langIndex==0 && isCn? 'EN':'CN')+''}}</button></block><block wx:if="{{fixBtnShow}}"><button class="btn-item" style="{{'background:#c6251b;color:#fff;'+'background-image:'+('url('+(kefuimg?kefuimg:'')+')')+';'+('background-size:'+('100% 100%')+';')}}" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true"><block wx:if="{{!kefuimg}}"><text class="icox icox-kefu" style="color:#fff;"></text></block></button></block><block wx:if="{{fixBtnShow&&mobile}}"><view data-event-opts="{{[['tap',[['call']]]]}}" class="btn-item" style="{{'background:#c6251b;color:#fff;'+'background-image:'+('url('+(phoneimg?phoneimg:'')+')')+';'+('background-size:'+('100% 100%')+';')}}" bindtap="__e"><block wx:if="{{!phoneimg}}"><text class="iconfont icon-dianhua" style="color:#fff;"></text></block></view></block></view></block> <block wx:if="{{pageCount==1||need}}"><view class="fixed-box" style="{{'height:'+(fixBtnShow?'400rpx':'320rpx')+';'}}"><block wx:if="{{fixBtnShow && ischina}}"><button data-event-opts="{{[['tap',[['modifyInfo']]]]}}" class="btn-item btn-lang" style="{{'background-image:'+('url('+(kefuimg?kefuimg:'')+')')+';'+('background-size:'+('100% 100%')+';')}}" catchtap="__e">{{''+(langIndex==0 && isCn? 'EN':'CN')+''}}</button></block><block wx:if="{{fixBtnShow}}"><button class="btn-item" style="{{'background-image:'+('url('+(kefuimg?kefuimg:'')+')')+';'+('background-size:'+('100% 100%')+';')}}" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true"><block wx:if="{{!kefuimg}}"><text class="icox icox-kefu" style=""></text></block></button></block><block wx:if="{{fixBtnShow&&mobile}}"><view data-event-opts="{{[['tap',[['call']]]]}}" class="btn-item" style="{{'background-image:'+('url('+(phoneimg?phoneimg:'')+')')+';'+('background-size:'+('100% 100%')+';')}}" bindtap="__e"><block wx:if="{{!phoneimg}}"><text class="iconfont icon-dianhua" style=""></text></block></view></block></view></block>

View File

@@ -1 +1,70 @@
.container-box{width:100%}.container-box .item-wrap{border-radius:10rpx}.container-box .item-wrap .image-box{border-radius:10rpx}.container-box .item-wrap image{width:100%;height:auto;border-radius:10rpx;will-change:transform}.fixed-box{position:fixed;right:0rpx;bottom:200rpx;z-index:10;border-radius:120rpx;padding:20rpx 0;display:flex;justify-content:center;flex-direction:column;width:100rpx;box-sizing:border-box;transition:.3s;overflow:hidden}.fixed-box .btn-item{display:flex;justify-content:center;text-align:center;flex-direction:column;line-height:1;margin:14rpx 0;transition:.1s;background:#ff0000;color:#fff;border-radius:50rpx;width:80rpx;height:80rpx;padding:0}.fixed-box .btn-item text{font-size:36rpx;font-weight:700}.fixed-box .btn-item view{font-size:26rpx;font-weight:700}.fixed-box .btn-item.show{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fixed-box .btn-item.icon-xiala{margin:0;margin-top:.1rpx} .container-box {
width: 100%
}
.container-box .item-wrap {
border-radius: 10rpx
}
.container-box .item-wrap .image-box {
border-radius: 10rpx
}
.container-box .item-wrap image {
width: 100%;
height: auto;
border-radius: 10rpx;
will-change: transform
}
.fixed-box {
position: fixed;
right: 0rpx;
bottom: 200rpx;
z-index: 10;
border-radius: 120rpx;
padding: 20rpx 0;
display: flex;
justify-content: center;
flex-direction: column;
width: 100rpx;
box-sizing: border-box;
transition: .3s;
overflow: hidden
}
.fixed-box .btn-item {
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
line-height: 1;
margin: 14rpx 0;
transition: .1s;
background: #fffc;
color: #000;
border-radius: 50rpx;
width: 80rpx;
height: 80rpx;
padding: 0
}
.fixed-box .btn-item text {
font-size: 36rpx;
font-weight: 700
}
.fixed-box .btn-item view {
font-size: 26rpx;
font-weight: 700
}
.fixed-box .btn-item.show {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fixed-box .btn-item.icon-xiala {
margin: 0;
margin-top: .1rpx
}