|
|
|
@ -3,7 +3,7 @@ |
|
|
|
@leftClick="leftClick"> |
|
|
|
</u-navbar> |
|
|
|
<view class="container"> |
|
|
|
<u-swiper :list="list5" @change="change" :autoplay="false" radius="0" height="180" keyName="pic_path" |
|
|
|
<u-swiper :list="list5" @change="change" :autoplay="true" radius="0" height="260" keyName="pic_path" |
|
|
|
@click="swiperClick" :displayMultipleItems="0"> |
|
|
|
<template #indicator> |
|
|
|
<view class="indicator"> |
|
|
|
@ -48,19 +48,19 @@ |
|
|
|
<view class="bangCart"> |
|
|
|
<view class="bangone1" @click="gokdb"> |
|
|
|
<text class="btext">开店帮</text> |
|
|
|
<image style="height: 100%;width: 140rpx;" src="@/static/img/kdb.png" mode=""></image> |
|
|
|
<image style="height: 32px;width: 80rpx;" src="@/static/img/kdb.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="bangone2" @click="kfz"> |
|
|
|
<text class="btext">企业帮</text> |
|
|
|
<image style="height: 100%;width: 140rpx;" src="@/static/img/qyb.png" mode=""></image> |
|
|
|
<image style="height: 32px;width: 80rpx;" src="@/static/img/qyb.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="bangone3" @click="gojrb"> |
|
|
|
<text class="btext">金融帮</text> |
|
|
|
<image style="height: 100%;width: 140rpx;" src="@/static/img/jrb.png" mode=""></image> |
|
|
|
<image style="height: 32px;width: 80rpx;" src="@/static/img/jrb.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="bangone4" @click="gomtb"> |
|
|
|
<text class="btext">媒体帮</text> |
|
|
|
<image style="height: 100%;width: 140rpx;" src="@/static/img/mtb.png" mode=""></image> |
|
|
|
<image style="height: 32px;width: 80rpx;" src="@/static/img/mtb.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -121,7 +121,8 @@ |
|
|
|
<liuDragButton :widthPx="'145rpx'"> |
|
|
|
<!-- <image class="xzs" v-if="showtypeChat" src="@/static/img/aiicon.png" mode="aspectFit" |
|
|
|
@click="showtypeChat = false"></image> --> |
|
|
|
<image class="xzs1" :style="{right: showtypeChat?'-105rpx': '-20rpx'}" v-show="!showChat" src="@/static/img/xzs.png" mode="aspectFit" @click="clickchat"></image> |
|
|
|
<image class="xzs1" :style="{right: showtypeChat?'-145rpx': '-30rpx'}" v-show="!showChat" |
|
|
|
src="@/static/img/xzs.png" mode="widthFix" @click="clickchat"></image> |
|
|
|
</liuDragButton> |
|
|
|
<chatdialog :visible="showChat" @close="showChat = false" /> |
|
|
|
</template> |
|
|
|
@ -316,31 +317,32 @@ |
|
|
|
} |
|
|
|
|
|
|
|
const clickcount = ref(0) |
|
|
|
const clickchat = () =>{ |
|
|
|
const clickchat = () => { |
|
|
|
clickcount.value++ |
|
|
|
if(!showtypeChat.value) { |
|
|
|
if (!showtypeChat.value) { |
|
|
|
showChat.value = true |
|
|
|
clickcount.value = 0 |
|
|
|
} else { |
|
|
|
if(clickcount.value === 1) { |
|
|
|
if (clickcount.value === 1) { |
|
|
|
showtypeChat.value = false |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
let intervalId; |
|
|
|
|
|
|
|
function myPeriodicFunction() { |
|
|
|
if(!showChat.value) { |
|
|
|
if (!showChat.value) { |
|
|
|
showtypeChat.value = true |
|
|
|
clickcount.value = 0 |
|
|
|
} |
|
|
|
} |
|
|
|
onMounted(() => { |
|
|
|
intervalId = setInterval(myPeriodicFunction, 5000); |
|
|
|
intervalId = setInterval(myPeriodicFunction, 5000); |
|
|
|
}); |
|
|
|
|
|
|
|
onUnmounted(() => { |
|
|
|
clearInterval(intervalId); |
|
|
|
clearInterval(intervalId); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
@ -351,6 +353,7 @@ |
|
|
|
currentTab.value = '' |
|
|
|
await getMemberCenter(currentTab.value) |
|
|
|
}) |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
@ -402,6 +405,9 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.box { |
|
|
|
margin-top: -70px; |
|
|
|
position: relative; |
|
|
|
border-radius: 85rpx 85rpx 0 0; |
|
|
|
background-color: #F1F3F9; |
|
|
|
padding: 0 24rpx; |
|
|
|
|
|
|
|
@ -409,7 +415,7 @@ |
|
|
|
width: 100%; |
|
|
|
height: 160rpx; |
|
|
|
border-radius: 134rpx; |
|
|
|
margin-top: 40rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.scroll-view_H { |
|
|
|
@ -508,7 +514,7 @@ |
|
|
|
border: 0.4rpx solid #007FFF; |
|
|
|
background: #EDF5FF; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
@ -520,7 +526,7 @@ |
|
|
|
border: 0.4rpx solid #FF2228; |
|
|
|
background: #FFF1F3; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
@ -533,7 +539,7 @@ |
|
|
|
border: 0.4rpx solid #FD8702; |
|
|
|
background: #FFE7CE; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
@ -546,7 +552,7 @@ |
|
|
|
border: 0.4rpx solid #08B4BD; |
|
|
|
background: #E5FEFF; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
@ -704,7 +710,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.xzs1 { |
|
|
|
width: 180rpx; |
|
|
|
width: 250rpx; |
|
|
|
position: fixed; |
|
|
|
// top: 70%; |
|
|
|
} |
|
|
|
|