zhangkai/dyqc_hdapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
王创世 2025-06-17 10:00:48 +08:00
parent 40a26b1630
commit b493dca8ac
4 changed files with 33 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
components/my-tabbar.vue
View File

@ -5,23 +5,15 @@
<view v-if="item.index!=2"> <view v-if="item.index!=2">
<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image> <image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image>
<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image> <image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image>
<!-- background: (index == 2) ? 'red' : '' -->
<view :class="(tabBarShow === index) ? 'action' :'no'">{{item.name}}</view> <view :class="(tabBarShow === index) ? 'action' :'no'">{{item.name}}</view>
</view> </view>
<view v-if="item.index==2" style="position: absolute;bottom: -6rpx;text-align: center;"> <view v-if="item.index==2" class="protrude-button">
<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index" <image :src="item.acImg" mode="widthFix"
style="border-radius: 50%;width: 102rpx;height: 102rpx"></image> style="border-radius: 50%;width: 120rpx;height: 120rpx"></image>
<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"
style="border-radius: 50%;width: 102rpx;height: 102rpx;"></image>
<!-- background: (index == 2) ? 'red' : '' -->
<view :class="(tabBarShow === index) ? 'action' :'no'" style="height: 64rpx;line-height: 64rpx;">
{{item.name}}</view>
</view> </view>
</view> </view>
<view class="protrude-button-bg"></view>
<view v-if="isOverall==1" style="height: 100rpx;position: fixed;bottom: 0;width: 100%;background-color: #ffffff;"></view> <view v-if="isOverall==1" style="height: 100rpx;position: fixed;bottom: 0;width: 100%;background-color: #ffffff;"></view>
<!-- <span class="badge" v-if="number != 0">
<u-badge type="warning " max="99" :value="number"></u-badge>
</span> -->
</view> </view>
</view> </view>
</template> </template>
@ -245,9 +237,10 @@
width: 100%; width: 100%;
height: 100rpx; height: 100rpx;
padding-bottom: 0; padding-bottom: 0;
background: url('/static/bottom_tab.png') no-repeat; background-color: #fff;
background-size: 100%;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.07);
border-top: 1px solid #EEEEEE;
.list { .list {
display: flex; display: flex;
@ -283,6 +276,27 @@
font-size: 20rpx; font-size: 20rpx;
} }
.protrude-button {
text-align: center;
position: absolute;
bottom: 15rpx;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.protrude-button-bg {
position: absolute;
top: -20rpx;
width: 120rpx;
height: 60rpx;
background-color: #fff;
border-radius: 60rpx 60rpx 0 0;
border-top: 1px solid #eeeeee;
z-index: 105;
}
.tab-list_ip { .tab-list_ip {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -290,10 +304,10 @@
width: 100%; width: 100%;
height: 160rpx; height: 160rpx;
padding-bottom: 50rpx; padding-bottom: 50rpx;
background: url('/static/bottom_tab.png') no-repeat;
background-size: 100%;
box-sizing: border-box; box-sizing: border-box;
z-index: 100; z-index: 100;
background-color: #fff;
border-top: 1px solid #eeeeee;
// box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE; // box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
.list { .list {
@ -310,7 +324,6 @@
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
background-color: white; background-color: white;
margin-top: 12rpx;
} }
text { text {

2
packageA/center/detail.vue
View File

@ -68,7 +68,7 @@
:maxCount="4"></u-avatar-group> :maxCount="4"></u-avatar-group>
<image src="/static/index/dian.png" <image src="/static/index/dian.png"
:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'" :class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
style="width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;"></image> style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"></image>
<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 ? <span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 ?
'9999+' : detail.join_info.stock}} '9999+' : detail.join_info.stock}}
人数</span> 人数</span>

2
packageA/center/detailSys.vue
View File

@ -67,7 +67,7 @@
:maxCount="4"></u-avatar-group> :maxCount="4"></u-avatar-group>
<image src="/static/index/dian.png" <image src="/static/index/dian.png"
:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'" :class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
style="width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;"></image> style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"></image>
<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 <span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000
? ?
'9999+' : detail.join_info.stock}} '9999+' : detail.join_info.stock}}

BIN
static/bottom_tab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB