From 5140800ab569f0ae16cf552315c41c2bd1b0d57b Mon Sep 17 00:00:00 2001 From: lxx <2399270194@qq.com> Date: Fri, 13 Oct 2023 18:30:54 +0800 Subject: [PATCH 1/5] =?UTF-8?q?=E6=96=B0=E5=A2=9Etabbar=E7=BB=84=E4=BB=B6-?= =?UTF-8?q?=E5=9F=BA=E7=A1=80=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/lx-tabbar/lx-tabbar.vue | 101 +++++++++++++++++++++++++ src/pages/index/index.vue | 1 + src/static/tabbarIcon/index.png | Bin 0 -> 1531 bytes src/static/tabbarIcon/index_act.png | Bin 0 -> 2881 bytes src/static/tabbarIcon/mine.png | Bin 0 -> 2322 bytes src/static/tabbarIcon/mine_act.png | Bin 0 -> 2888 bytes src/static/tabbarIcon/serve.png | Bin 0 -> 2004 bytes src/static/tabbarIcon/serve_act.png | Bin 0 -> 3944 bytes 8 files changed, 102 insertions(+) create mode 100644 src/components/lx-tabbar/lx-tabbar.vue create mode 100644 src/static/tabbarIcon/index.png create mode 100644 src/static/tabbarIcon/index_act.png create mode 100644 src/static/tabbarIcon/mine.png create mode 100644 src/static/tabbarIcon/mine_act.png create mode 100644 src/static/tabbarIcon/serve.png create mode 100644 src/static/tabbarIcon/serve_act.png diff --git a/src/components/lx-tabbar/lx-tabbar.vue b/src/components/lx-tabbar/lx-tabbar.vue new file mode 100644 index 0000000..161e5a4 --- /dev/null +++ b/src/components/lx-tabbar/lx-tabbar.vue @@ -0,0 +1,101 @@ + + + diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 4a1c432..1ac7211 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -39,6 +39,7 @@ console.log('xxx', formatTime(Date.now(), 'yyyy-MM-dd')) + diff --git a/src/static/tabbarIcon/index.png b/src/static/tabbarIcon/index.png new file mode 100644 index 0000000000000000000000000000000000000000..461be009d96e99599d6796c2bbb845f7f8630906 GIT binary patch literal 1531 zcmbtUX*U}P6ip-uBO*m*)Y8_{79HCd%ZM#OY$?jAeVKGqRn%G%W6)HIs*v?>3D-HTN_^8$gRN97sQ zjcL?x-!|6QMr+Cnh@x4bS`89 zD&DKksMBU;!R=v}@NvPTKZk0BoNxmtzr-b**D*rfnQTamt`FYSfRzM!t9EDxdd)jc zNs}|OK4b*-=mY8zleB0N?}dcrZ@bloq&W$`s9U+<-i|1kA918?JdC-9{QV5~ z!zN0(Hk7@uK#ZQ0vbZxJfsmpG;7#e-_*=V~6=@}xSPizf+V2>E++%sC{~j*~d7#)0 zLQ0*)>oDGF87t_7>^g;G%Qmd;Lk3KC)>U3CAx2?gjrS_j=Pk-<&NB2ZhMIOx#AmlA z#kbGiG>=~i&B+O(g_9MHs;H#00O5d>$YJKeJFo$PhaAD0hYs$)4mVM}`$RYehcyy% zZF)(X^epl_57!pAwO9G}zuD`VpYp=m2`}H=PRvbHbut5X3_`TH5r`r1g05EkNzKXX zGj_C@*{N{EUpp0aD`0VoXK}ha(&Cml*5Jxh#oqdmb?>RJUxXE7%+w62f$O>FGQeVH zbg{FH1RK8Mi>^*=ZiVBX>u0WhJkkZm;QQBG3y10fG7VR4XtRMpr%t9)JimlU1)b;3 z79>^8@&Gb0{j24~S_y5Nt1T%wRu%A&#+F~RfuR%zzqYW{w5M8@O*A`67B%9{2yReM_>lCd*I^+XDv?#=indzG zwd<(y!(KuA*D+LZG#x+m@R5W4;jeRRCFK+6f9?97y zJEgHBk0rC#kG-6X}3Ul;1&?W)Aum2NT zUUIkg^Ha{Fd1`8_dWef_S$b{0B6QG$NruVl#Y#BA+0#=W9piig(ntCi-J>O~R+cRS zynvl$lQ`vN6=zI8*uwUq@x{?R7vmgAOqzim-^RwKlRN{XD1;SGefjnzcvWLk8X*#O z>pXVvn+EZ{{Zm%yNb8dc{?bLf&A93O^iKxMfU{+3Sl&dB(=ae`N`-^^!is4H(z^Go zIt-bUQbnwd2dq_`Oa1@Lv%{9PO?@)B8k--jB5e4gsd^-2P?+dqZCc2_ZrM_z9f*vWW4JrdV)P z`u9{=O#P~89D%E;*_GR2+ao5H1+X{x0>%N*^@c@@q}*w`_<;jl9I@znhp>$Q0H0XO A2mk;8 literal 0 HcmV?d00001 diff --git a/src/static/tabbarIcon/index_act.png b/src/static/tabbarIcon/index_act.png new file mode 100644 index 0000000000000000000000000000000000000000..11f283670c0af15da1b70846f2088cad4d6f1e2c GIT binary patch literal 2881 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 literal 0 HcmV?d00001 diff --git a/src/static/tabbarIcon/mine.png b/src/static/tabbarIcon/mine.png new file mode 100644 index 0000000000000000000000000000000000000000..d4a2f91e557effaef974964d642d339c3158ed1c GIT binary patch literal 2322 zcmV+t3GMcYP)Px#1am@3R0s$N2z&@+hyVZxyh%hsRCt{2onMGtR~^T{zcagTQe8u1Y=!EBE74Xe zF>~*o&Mwx>mWmodC@2kxsfg9$i&Sd-lVWxQ##C+aK?Esi)q*jI2BqzbC97`!OwYX& zcTF@U2zjWj(N<$4B+l;KpAX#$yW839?9BO{bMM{rc?yAke?RW0=iD>*-g81I0LP9U zd&BVXaKy~plv1~*X*xngw*c4z;HD1$$$27rftfD=c#eqv)M~ZjN~Q95tBnglt{do; zdc8hcDwTEuxEny#Q0$)pJfoC)x?CBHtz$l3&1-iYccc7N~yzh zb8}BrtJPDIwM>!=p<3$^BKit|`yI9LB!Giq7*0E?-!+*Q%FLxkqcO?MdtLXkz~ggs zbCaW^qZeE^vJ#mUspptq7nd(z zzJGjt{F3WNoC|F<8gFj3T0bVD54-NAPyS6rJA)u_`V&XFEMBkI!!%9n1&|2!R)jM1H*D0&GHIF~oSB&se{&=*RBQbpfU=v|B1$OeixueT|f5nE6xZ&z~QX$QBW*wH^WRK8ft2aOu*e zdn9s2ges+WO5_#^scR%6l$r0A$So4g`~itv5urr%eu>gq{8~u}eVagLAz^0Y z*Ggi_?X(5n)0vX#F9Rh;=vxIci_9jIVNSO~cmM!5m<;nm9h0VM$z+}v>KLU|%V?g- zFwfc{qAMozB!vD=AhWO#(SJC6IS{8~v&xqlVN zEGovYm2sg;slS-cEHK8emBa|05y&hgX_^|pR>p;v%jFpWmrdsulxIx`O8pM~gHUdf zc&SpU{Lyr%l+b5{ati|y{Z=AZO6XHUxrHH3Q;`FfMTCZ7c#eoNb*N$1Xti2LC2}RV zLi}7RJMR$D;cB(|ibS@U(E0iKC#16TPMW4amC6eVC=5euCy-h{(OPT$10wpY?Yb^t=95trjoGYe{WH!eiay88 z>*YDG_5X2QeV6-b09PH=wgM6DilXR@?Yd5cMp1O8$mbX_^WGo`oV=WH`VaBMar|)r zM_l$`8Y0>o1i=Ak^<5Qi(`YnC(=`1JfH%4BrC*qNcN9fpZ&JF!`QDatxqK49twi)| z*S++?830w+GJy;GIg0%S}m03=Cr*TQ?$_qgt5 z6<%TH2cszZq3cE#lR2Sn;y6ACz{BH9n&gRXm7 z;35%yJ_v$ex^848GA*=Ck|g&s^TPm)pN-cgF9SFbhT$Pc^}8k)LfdGqcN5WP0NiP* znwFn`eU86tX$h>kA&q{tJ!S6ke6xHI&(XN%Ul*8a0nYKMy+(lq@Y z07OwV<)Z#t$&65~b&ZJH8=Gn_ds&4kBANn#AP6$|?$(*m90^>FObK@Jp>g zp8jCwiN#-Ttj4NSuD@?)17;rY<};X8N2r&X4Z6MMU00~7rxzY0)VlGp;*{&B+HA7g z)a(3M8_(KUZR+hP)Q`?gbKR-8K8)!V5Owp?tD@+VzW~{Ig_nbWNzA zZu86HQL2E~&cmMkq5!|TEdbZ1U4IWP7z*(B&mz#ikNOc>9BKeS{`1V@z|7;yFNlhT zpK=R?Qfh}{=9=q9JZ50#njfJB!wW4K3Vw@2q3|QLSonKr(eOeGh5|6OuwG9tnOeNh<=SQ?zvC=_bUGzv$?miE sx48=s>}%FK^K{D;@apus(x%`414be7W_=lA0000007*qoM6N<$f&}(!KmY&$ literal 0 HcmV?d00001 diff --git a/src/static/tabbarIcon/mine_act.png b/src/static/tabbarIcon/mine_act.png new file mode 100644 index 0000000000000000000000000000000000000000..fe253930e2912312355ac1bd759c91e80f4d2186 GIT binary patch literal 2888 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 Date: Mon, 16 Oct 2023 14:07:34 +0800 Subject: [PATCH 2/5] =?UTF-8?q?=E6=96=B0=E5=A2=9Etabbar-=E5=BE=85=E6=B5=8B?= =?UTF-8?q?=E8=AF=95app=E7=AB=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/lx-header/lx-header.vue | 16 +++++++-- src/components/lx-tabbar/lx-tabbar.vue | 37 +++++-------------- src/components/lx-tabbar/type.ts | 10 ++++++ src/pages/listDemo/listDemo.vue | 8 +++-- src/store/tabbar.ts | 50 ++++++++++++++++++++++++++ 5 files changed, 88 insertions(+), 33 deletions(-) create mode 100644 src/components/lx-tabbar/type.ts create mode 100644 src/store/tabbar.ts diff --git a/src/components/lx-header/lx-header.vue b/src/components/lx-header/lx-header.vue index 4a0cce8..9c3fe8e 100644 --- a/src/components/lx-header/lx-header.vue +++ b/src/components/lx-header/lx-header.vue @@ -9,6 +9,8 @@ */ import { goToPage } from '@/utils/util' import { ref, watchEffect, type CSSProperties } from 'vue' +// 引入tabbar +import useTabbarInfo from '@/store/tabbar' type headerInt = { // 头部高度 默认为44px （微信小程序不可用） @@ -57,7 +59,7 @@ statusBarHeight = menuButton.top // #endif // padding的高度（防止头部塌陷） -const fillBoxHeight = ref(statusBarHeight + 5) +const fillBoxHeight = ref(statusBarHeight + 3) // 设置header的高度 const headerHeightRef = ref(0) @@ -68,9 +70,9 @@ watchEffect(() => { headerHeightRef.value = menuButton.height // #endif }) +// console.log('statusBarHeight', statusBarHeight) const style = computed(() => { - // console.log(props.positionState === 'fixed') return { boxShadow: props.isShowShadow ? '0 0 8rpx -3rpx #333' : '0 0 0 0 #333', background: props.backgroundColor, @@ -78,6 +80,8 @@ const style = computed(() => { position: props.positionState } as CSSProperties }) +// tabbar数据 +const tabbarInfo = useTabbarInfo() // 返回上一页(如没有页面返回首页) const goBack = () => { if (getCurrentPages().length <= 1) { @@ -85,6 +89,8 @@ const goBack = () => { url: 'pages/index/index', mode: 'redirectTo' }) + // 处理返回首页 + tabbarInfo.clickTabbar(tabbarInfo.menuList[0]) } else { uni.navigateBack() } @@ -137,7 +143,13 @@ const goBack = () => { + + + + + + diff --git a/src/components/lx-tabbar/lx-tabbar.vue b/src/components/lx-tabbar/lx-tabbar.vue index 161e5a4..4367d94 100644 --- a/src/components/lx-tabbar/lx-tabbar.vue +++ b/src/components/lx-tabbar/lx-tabbar.vue @@ -7,33 +7,19 @@ * @date: 2023-10-13 15:10:09" * @version: V1.0.0 */ -interface menuListInt { - id: number - name: string - icon: string - selectIcon: string - title: string -} -const menuList = ref([ - { id: 1, name: 'home', icon: '/static/tabbarIcon/index.png', selectIcon: '/static/tabbarIcon/index_act.png', title: '首页' }, - { id: 2, name: 'order', icon: '/static/tabbarIcon/serve.png', selectIcon: '/static/tabbarIcon/serve_act.png', title: '服务' }, - { id: 3, name: 'mine', icon: '/static/tabbarIcon/mine.png', selectIcon: '/static/tabbarIcon/mine_act.png', title: '我的' } -]) -const selectMenuId = ref('home') - +import type { menuListInt } from './type' +import useTabbarInfo from '@/store/tabbar' +const tabbarInfo = useTabbarInfo() +// 切换tabbar const menuClick = (item: menuListInt) => { - if (item.name === selectMenuId.value) return - console.log(item) - selectMenuId.value = item.name + tabbarInfo.clickTabbar(item) } - -// const value6 = 0 diff --git a/src/store/tabbar.ts b/src/store/tabbar.ts new file mode 100644 index 0000000..986e0f9 --- /dev/null +++ b/src/store/tabbar.ts @@ -0,0 +1,50 @@ +import { defineStore } from 'pinia' +import { getPrefixName } from '@/config' +import type { menuListInt } from '@/components/lx-tabbar/type' + +export default defineStore(getPrefixName('tabbar'), () => { + // tabbar选中项name + const selectTabbarName = ref('home') + // 循环的导航项 + const menuList = ref([ + { + name: 'home', + icon: '/static/tabbarIcon/index.png', + selectIcon: '/static/tabbarIcon/index_act.png', + title: '首页', + pageUrl: 'pages/index/index' + }, + { + name: 'order', + icon: '/static/tabbarIcon/serve.png', + selectIcon: '/static/tabbarIcon/serve_act.png', + title: '服务', + pageUrl: '' + }, + { + name: 'mine', + icon: '/static/tabbarIcon/mine.png', + selectIcon: '/static/tabbarIcon/mine_act.png', + title: '我的', + pageUrl: 'pages/listDemo/listDemo' + } + ]) + + // tabbar点击事件 + function clickTabbar(item: menuListInt) { + const { name, pageUrl: url } = item + // console.log('点击了tabbar', name, selectTabbarName.value) + if (name === selectTabbarName.value) return + selectTabbarName.value = name + if (!url) return + uni.goToPage({ + url, + mode: 'reLaunch' + }) + } + return { + selectTabbarName, + menuList, + clickTabbar + } +}) -- Gitee From 58cecf6977d63a29df5230722e3fc0763a6b8ce5 Mon Sep 17 00:00:00 2001 From: lxx <2399270194@qq.com> Date: Mon, 13 Nov 2023 17:19:37 +0800 Subject: [PATCH 3/5] 1 --- src/hooks/useListLoadClass.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/hooks/useListLoadClass.ts b/src/hooks/useListLoadClass.ts index e9755c2..f11c3ac 100644 --- a/src/hooks/useListLoadClass.ts +++ b/src/hooks/useListLoadClass.ts @@ -7,10 +7,10 @@ */ class LoadDataClass { // 请求参数 - static queryParams = { + static queryParams = reactive({ page: 1, limit: 10 - } + }) // 列表数据 list = ref([]) total = ref(0) -- Gitee From c32635fc509aa63cb2d5eb732e5a1976435304c8 Mon Sep 17 00:00:00 2001 From: lxx <2399270194@qq.com> Date: Tue, 14 Nov 2023 14:24:37 +0800 Subject: [PATCH 4/5] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=88=86=E9=A1=B5?= =?UTF-8?q?=E8=AF=B7=E6=B1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/hooks/useListLoadClass.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/hooks/useListLoadClass.ts b/src/hooks/useListLoadClass.ts index f11c3ac..ee49d88 100644 --- a/src/hooks/useListLoadClass.ts +++ b/src/hooks/useListLoadClass.ts @@ -38,6 +38,7 @@ class LoadDataClass { }) constructor(apiFunctions: Function, afterLoadData?: Function, options: any = {}) { + this.queryParamsReset() this.Query = apiFunctions this.afterLoadData = afterLoadData // console.log('options', options) @@ -83,10 +84,10 @@ class LoadDataClass { } // 重置参数 queryParamsReset = () => { - LoadDataClass.queryParams = { + LoadDataClass.queryParams = reactive({ page: 1, limit: 10 - } + }) } /** -- Gitee From a9a8a905fe53f59bc6279159d68e2a003673df1a Mon Sep 17 00:00:00 2001 From: lxx <2399270194@qq.com> Date: Fri, 24 Nov 2023 09:44:59 +0800 Subject: [PATCH 5/5] 1 --- src/components/lx-header/lx-header.vue | 2 +- src/components/lx-list/lx-list.vue | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/lx-header/lx-header.vue b/src/components/lx-header/lx-header.vue index 9c3fe8e..84e41be 100644 --- a/src/components/lx-header/lx-header.vue +++ b/src/components/lx-header/lx-header.vue @@ -53,7 +53,7 @@ let { statusBarHeight } = uni.getSystemInfoSync() // 胶囊状态 let menuButton = uni.getMenuButtonBoundingClientRect() // 微信头部宽度 -let wxHeaderWidth = menuButton.left +let wxHeaderWidth = menuButton.left - 10 // 上边距 statusBarHeight = menuButton.top // #endif diff --git a/src/components/lx-list/lx-list.vue b/src/components/lx-list/lx-list.vue index 9475baf..7d6d319 100644 --- a/src/components/lx-list/lx-list.vue +++ b/src/components/lx-list/lx-list.vue @@ -89,9 +89,9 @@ const scrolltolower = () => { - + -- Gitee