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

49
components/my-tabbar.vue
View File

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

2
packageA/center/detail.vue
View File

@ -68,7 +68,7 @@
:maxCount="4"></u-avatar-group>
<image src="/static/index/dian.png"
: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 ?
'9999+' : detail.join_info.stock}}
人数</span>

2
packageA/center/detailSys.vue
View File

@ -67,7 +67,7 @@
:maxCount="4"></u-avatar-group>
<image src="/static/index/dian.png"
: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
?
'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