From b493dca8acca8170929c6a3e829a41b75256a7cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?=
=?UTF-8?q?=E7=A8=80?= <2675540038@qq.com>
Date: Tue, 17 Jun 2025 10:00:48 +0800
Subject: [PATCH] 1
---
components/my-tabbar.vue | 49 +++++++++++++++++++++-------------
packageA/center/detail.vue | 2 +-
packageA/center/detailSys.vue | 2 +-
static/bottom_tab.png | Bin 1613 -> 1157 bytes
4 files changed, 33 insertions(+), 20 deletions(-)
diff --git a/components/my-tabbar.vue b/components/my-tabbar.vue
index 6a30206..9748a16 100644
--- a/components/my-tabbar.vue
+++ b/components/my-tabbar.vue
@@ -5,23 +5,15 @@
-
{{item.name}}
-
-
-
-
-
- {{item.name}}
+
+
-
-
+
+
@@ -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 {
diff --git a/packageA/center/detail.vue b/packageA/center/detail.vue
index d7af6b7..d5eb6d0 100644
--- a/packageA/center/detail.vue
+++ b/packageA/center/detail.vue
@@ -68,7 +68,7 @@
:maxCount="4">
+ style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;">
{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 ?
'9999+' : detail.join_info.stock}}
人数
diff --git a/packageA/center/detailSys.vue b/packageA/center/detailSys.vue
index 38eaddb..afd22d2 100644
--- a/packageA/center/detailSys.vue
+++ b/packageA/center/detailSys.vue
@@ -67,7 +67,7 @@
:maxCount="4">
+ style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;">
{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000
?
'9999+' : detail.join_info.stock}}
diff --git a/static/bottom_tab.png b/static/bottom_tab.png
index 9a5a0d6b0d167a781b1dfbd67b00b67758e777fe..7a7dfb46952d549818942f6e2661b287172f72ed 100644
GIT binary patch
literal 1157
zcmeAS@N?(olHy`uVBq!ia0y~yV0s5+=X0rp`Nt#I8!{mPUv=)Ii83|rD_?$F7Iaf9;nRGYA=@O%C
zigW{Gq2U6iW;SA`FJtUVnZ0u2P~+e%HEa-oqdE
zty+~i>+$*b;k)x^E!(+bRo3lqi&m|A|Jy(J_P@Z;ukY^ez8{}cz_2gU_$vcL&E2ZK
zcCyDmuF1W9)qrR9&788kCT9z;mxhL#&OiVE(v}uB2^V`TO_p?p42T#%D0h
z3%3RaSN_eXPoLhj=zGr2&YrJ#YxSyWr&Hg)f4^V;_{Trbo;^E!G&dH;K9b+z?Z35I+>gaDFLUB$14C&nhw-gcFoH{eCpMQ@F2I@~zkm0$Wm^
zWY=bb7ap}6I7*iM%FJlZ#3Vxgw3u}>Ybg-_3x7PHgtO(a>F&6
zn$BRH8=YF?+~Q^mRe^aiuAlRi5y54fb;xr)x=gdPNijA(@koDQtFl1sueid2o4n43
zV1o6`E&065ox(kdmDfu73AQ=O>Cp17h1vX|pJ}T~?{r*I%ICPP@Pj^@)BQ)(K}c43
zO_a|R{s;0v(+z+1MQR!cwdOO($nZ(YYUBDRk$DtKxaV@MVA0(I0IGNjB_**P!j79w
zG$-&;RV#H!(iys^XFrm3p5mSyTU|dT9Y;LQ7I$`aW#4)zs>rbme;GTmHc3S*!h@1a)MtC!;Bk=m#Epu;>CleAEV(7EYu^XO7q&8W>LAht
zWz4(TU-7cDPiS=rq=9s_2KLc8^Y5NY9J5qIXA
zH-o?E?Y?Kb%{+ADd{~TYIhEUB^}#|2xS622u+{&nZ%IW3S2?ixVX!g_0<)UF)lIvl
zy1sbe)$H8j;>nQN#GVK62H;fcbEL^5J{2EXNu3Y~itsC>WS2=ma)A1`#p1>dRkHAQ
zQt}NyxXF$@a63In?Z2utBb-MiHQfVl)n$V8Lb=ZA?r49v6&$}R76>pj(2QM*v$+*^
zYM^(D&R`=lDEYtP2TS=*2B10RE=pU`XPsf}j_lRosYe4Qa3BZZe!g`)Cl7Prz>JYii(>QxG+k-3HAEjFV
z`a1k0vIwpzQ?PjtQ`POXC2`KZw~p00NgX9@h*HY+HxodS7ZlDN5FieR(+|-}8Hc^K
zHfkwvnZ)rJB||2
z1nH0%^d+x=`>-A;IKXzB_XQ3}dA7L#u#=ey0?cKI|C=}uo+-Y!*Dr1;4*C)RVnh@{
I7?ynIAKePvSpWb4