From cb9abe5d367ddcd025796d85a8b8ca18586bd535 Mon Sep 17 00:00:00 2001 From: yangchunyu <2861518472@qq.com> Date: Fri, 28 Jun 2024 11:18:46 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=B8=8A=E4=BC=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages.json | 6 + pages/index/components/myCar.vue | 164 ++++++++++++ pages/index/index.vue | 7 +- pages/schedule/index.vue | 430 +++++++++++++++++++++---------- static/R41.png | Bin 0 -> 2145 bytes static/YM.png | Bin 0 -> 1110 bytes 6 files changed, 466 insertions(+), 141 deletions(-) create mode 100644 pages/index/components/myCar.vue create mode 100644 static/R41.png create mode 100644 static/YM.png diff --git a/pages.json b/pages.json index b562bfb..05e2f62 100644 --- a/pages.json +++ b/pages.json @@ -20,6 +20,12 @@ "navigationStyle": "custom" } }, + { + "path": "pages/index/components/myCar", + "style": { + "navigationStyle": "custom" + } + }, { "path": "pages/index/components/businessCenter", "style": { diff --git a/pages/index/components/myCar.vue b/pages/index/components/myCar.vue new file mode 100644 index 0000000..4d2c857 --- /dev/null +++ b/pages/index/components/myCar.vue @@ -0,0 +1,164 @@ + + + + + \ No newline at end of file diff --git a/pages/index/index.vue b/pages/index/index.vue index 25a2904..16bb082 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -8,7 +8,7 @@ - + 黑A00000 @@ -191,6 +191,11 @@ const drivingLicence = () => { url: './components/drivingLicence' }); }; +const myCar = ()=>{ + uni.navigateTo({ + url: './components/myCar' + }); +} const closedclick = (id) => { if (id == 10) { uni.navigateTo({ diff --git a/pages/schedule/index.vue b/pages/schedule/index.vue index f055624..5627425 100644 --- a/pages/schedule/index.vue +++ b/pages/schedule/index.vue @@ -1,151 +1,301 @@ + .icon { + display: flex; + align-items: center; + margin-right: 1rem; + } + + .tow { + .custom-tabs { + display: flex; + justify-content: space-between; + background-color: #fff; + position: relative; + padding: 0 30rpx; + } + + .custom-tabs-bar { + height: 100rpx; + line-height: 100rpx; + color: #000; + font-weight: 700; + padding-right: 30rpx; + position: relative; + + &.active { + color: #49a1d7; + font-weight: 700; + } + } + + .tabbar-text { + font-size: 1rem; + } + + .custom-tabs-cursor { + position: absolute; + bottom: 3px; + left: 20px; + width: 80px; + height: 2px; + border-radius: 2px; + background-color: #49a1d7; + transition: all 0.3s ease-out; + } + + .content-area { + height: 75vh; + background-color: #f7f8fa; + } + } + + .schedule-card { + height: 250rpx; + padding: 0rpx 30rpx 20rpx; + background-color: #fff; + display: flex; + justify-content: space-between; + margin-bottom: 20rpx; + + .card-left { + width: 86%; + margin: 10rpx 0 0 20rpx; + display: flex; + flex-direction: column; + justify-content: space-around; + + .content-top { + display: flex; + align-items: center; + justify-content: space-between; + + .car-center-tag { + width: 80rpx; + height: 44rpx; + border: 1rpx solid #849cb6; + display: flex; + align-items: center; + justify-content: center; + color: #849cb6; + border-radius: 5rpx; + } + } + + .content-bottom { + height: 60%; + display: flex; + flex-direction: column; + justify-content: space-around; + + .card-content { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 26rpx; + color: #808080; + } + } + } + + .card-right { + width: 10%; + display: flex; + align-items: center; + justify-content: center; + } + } + + .noData { + height: 70vh; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + + .image { + width: 100rpx; + height: 100rpx; + padding: 10rpx 40rpx 0 0; + } + \ No newline at end of file diff --git a/static/R41.png b/static/R41.png new file mode 100644 index 0000000000000000000000000000000000000000..a09511ed57c1670043105fdf3c3ee9fe4a9755a7 GIT binary patch literal 2145 zcmXw(2|U#68pkJe6)E9_4$4KBM4KpE$6&M$Sz4sUk`!93o#~R1b({?MFhZ6RQCg5K z*;1ko$x>p*GR(eP#*CTqo_D(Uem?L2d7uCPdH%om`##V6|EGJP-PBYzs~`{vwZn&8 zJmKsCFY7gm&|VJUj>1XlveR)V1fmA7D)nEDKqw+Sj(NM9#|_W$0DT@nJIeXS1~WUUC7!R6wa?{ujPp2ArKR*6I_?AYFfvAx(I z-^rk~N><-0DX#%h7-1Afd>td62jIe``S5UIa2bm(1g>~W`KLv)0I*hjmnh+PGB`2eSe|g`6BfWP>RIAaVeGL2luIw^Q(S zzC4pD1S3pfkDG-)l!DvY6*s&GJ7yg_4)v|D=<(vZfa7&nx1I+)d`2v9JLY@C6lW1TZ=0GI4t^iE@bYKWJ2=)s)(_EPg zp85sC|4e{SNF@0#V6OunGMa{kRkgB)4p8=S?gwRsCjzabqC@v4ozh7!`}kDe@{9fj z*a#$^$zB1}C2*^n`GqXXe#81S0$w#syNTjyE|}zifT9@^6QFXqJ(J64^2sOjW~{J8 ziEJhAC1ZX`W}8f;FM?5q%mGJ%@DY{tsHe=}(wSkZ)HRDP0)Q_CDfO(94}$X#C=cFo zXZXPSF7a5_R7e@^S_M6$kyZ8AfFqZ&Z3=R^Atgd&s;E<(rt}TyjEhl$_q&Q?_WF z7QejClN#Ks{bqeD>em|@R#jRtPBjN~N659RILi5}&G#Lp!EBw#jo#|Y+a=Wvl5tTH zq3_Cb=d;#I7O3yUO!o z{WMSMbueDF)ZgCOvNRFxt`|K#^2WSYY2&JlU$R`n*6NyWQ_~qbXG_98!;RVI*9PS( zDIDpU)0i6gPupc~MBdFM4Q?iHOKjJ)*N9AjG zyO*qtc9j(NeKb_{qm900F8bjvy(si~+Lr8YZ%gmw;X4r*^?Maf3Ej99HGSJ-q&$9h zs*poW?o61{N%@gsvFYfEr%^ow3umN6z1yL6zUACO@-7{ec+t$v?Cb8ax36Bkox)e^ z+M!d6KHQaTZL{_v5C|0_PbX=UN2S7=5nlf8p4CNt!I7dY?53wC)_M__;&N=rxpi5{ zV zRi>zFvaQ%L1Tbf|hMsBApqVFSrgb2%q~tel2w)8=s?0=56_W-Cn4^e?wq4shlsT~^ z@kU?Kim&0SfbnP79=ugBlXe&ycNF(i?fx;5qS0S`QQLS2DMoU<@lnzi15NVXTTZ<; zHttSq+jlwnql~nksUsJ!>T9hj=IbH%-%7}iV>P4i6ads_yPWgWxc85*1ex!_6BzcBjJDm9W2cLx331NtMkh;7GmCO=KS?K^ z=~Cb1he$>f2E^u-4hf@Ld3Bf1yi+e$da~XqseiLaZ^2bbqF+PSM*qDcN}5~5d$(Jn zts&!GCPh?>wEYRlQ9mJA;ue?9!v3vB=Py{t}@O|SytO$M~wFbniLqW z%hj$wTgk~yRcD*_UN?#fyRqgxF(zLdb87IA z)Lc0_=&^61iI*vPoBELF#OI8NwA;8}8+V1i|MuMI@u~X4W9w_bg@rM=T*pH^5ow2| z*SV3PXP0bV_k9(uEjMzzx4Ft-@3mIdFHe+OSJcNNbw{E*yyE&Ud0!}Chuu5rVEfTk z=N!q(AOgRfZ&7`7X||-C)#cOaXuvb$-W)<^ZfE-|veFEk6-T5Dv3AxwkwCLOMlf7= z$1ftXc4PoU*1!$cj^RFG-b8ah){7%wg%NCYv)s9bncJV3PT=eo6Fz_xB|3BzS9VUfhxwJ)qf`_}fw4GxH2 zlmz|<;>j34P9{bVdf3II2aVBi(VH*^Jk&NBJ*U?V?eOcx$8P4N$8Bd}aT+=;BB}`O-AZP2dun2W?@x~iCL{TBf zDwT0LKdu_c4(owUxNf@yO;JN5byqj$AO;mUYdLZH`^#4}u*^6;70GjXHwCL!cFBX2 zOA{qyY0gkgdSn<3)m1`ZL#%_kJ@5ExJx=fOs$?E)vozQAim(+-?3Q^E}XyVN?XVjvWY5F3oI9vhKQ`&$ee^bOB)v4tEEFzOYwfa5fYbpHyro6jE*JAN}! zBxP(}cUeBnv9=xDYtP!pMff+2L#_SNq6^s~^wEN6kb2DYx4`4(Ni^zZ&mu+9 z=QU(3*wDc_El!h@uxXj9DTzij!gEZlVu(y7BI%4S$TBk{84h5+`U% zEUL&!UgG(*l+dCvg;TUlMogv>v1ALIb9}5j25kAZi0>vgb|h9!c~Hm5DViTQ zVdPhl3sRFZ7?`pg6V?2|phWvO)}UwIgl5J=HrUItY8~QV;e~Wej>(!NC();#J lIJ@%U%-x~TmyWDLwY5`^m$tVT#L|yI>ACcT_9S`j&L5VoUdI3c literal 0 HcmV?d00001 From cf73fa9d50adb44dd66b9244e4a78078ad89deee Mon Sep 17 00:00:00 2001 From: yangchunyu <2861518472@qq.com> Date: Fri, 28 Jun 2024 11:21:08 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=B8=8A=E4=BC=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/schedule/index.vue | 58 +++++++++++++++++++++------------------- 1 file changed, 30 insertions(+), 28 deletions(-) diff --git a/pages/schedule/index.vue b/pages/schedule/index.vue index 5627425..d27f7ca 100644 --- a/pages/schedule/index.vue +++ b/pages/schedule/index.vue @@ -23,41 +23,43 @@ - - - - - - - {{item.title}} + + + + + + + + {{item.title}} + + + 评价 + - - 评价 + + + 业务流水号 + {{item.cardNmu}} + + + 申请时间 + {{item.time}} + + + 受理进度 + {{item.plan}} + - - - 业务流水号 - {{item.cardNmu}} - - - 申请时间 - {{item.time}} - - - 受理进度 - {{item.plan}} - + + - - - - + @@ -123,7 +125,7 @@ } ]) // 定义tab的索引值 - const tabIndex = ref(1); + const tabIndex = ref(0); // 获取每个 tabbar 的位置(靠左位置) const tabbarRect = ref([]);