From 424b3446451c3e919da1de635136ed585ff50f27 Mon Sep 17 00:00:00 2001 From: clay <209192278@qq.com> Date: Sun, 4 Dec 2022 20:00:18 +0800 Subject: [PATCH] =?UTF-8?q?dengjie=20commit=20:=20tabbar=20=E5=88=9D?= =?UTF-8?q?=E5=A7=8B=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc.js | 17 +- App.vue | 3 +- main.js | 7 +- package-lock.json | 18 +- pages.json | 5 +- pages/index/index.vue | 45 +--- pages/index/industry.vue | 22 ++ pages/index/my.vue | 6 + pages/index/product.vue | 4 + pages/index/release.vue | 5 + pages/index/report.vue | 5 + pages/index/tabbar.vue | 204 ++++++++++++++++ static/styles/main.css | 464 ++++++++++++++++++++++++++++++++++++ static/tabBar/index.png | Bin 0 -> 1217 bytes static/tabBar/index_cur.png | Bin 0 -> 1592 bytes static/tabBar/me.png | Bin 0 -> 1128 bytes static/tabBar/me_cur.png | Bin 0 -> 1588 bytes static/tabBar/order.png | Bin 0 -> 1291 bytes static/tabBar/order_cur.png | Bin 0 -> 1495 bytes static/tabBar/shop.png | Bin 0 -> 1303 bytes static/tabBar/shop_cur.png | Bin 0 -> 1669 bytes 21 files changed, 731 insertions(+), 74 deletions(-) create mode 100644 pages/index/industry.vue create mode 100644 pages/index/my.vue create mode 100644 pages/index/product.vue create mode 100644 pages/index/release.vue create mode 100644 pages/index/report.vue create mode 100644 pages/index/tabbar.vue create mode 100644 static/styles/main.css create mode 100644 static/tabBar/index.png create mode 100644 static/tabBar/index_cur.png create mode 100644 static/tabBar/me.png create mode 100644 static/tabBar/me_cur.png create mode 100644 static/tabBar/order.png create mode 100644 static/tabBar/order_cur.png create mode 100644 static/tabBar/shop.png create mode 100644 static/tabBar/shop_cur.png diff --git a/.eslintrc.js b/.eslintrc.js index 2652a8c..ccd2301 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -29,16 +29,15 @@ module.exports = { } ], 'vue/max-attributes-per-line': [ - 'error', - { - 'singleline': { - 'max': 1 - }, - 'multiline': { - 'max': 1 + 2, + { + singleline: 10, + multiline: { + max: 1, + allowFirstLine: true } - }, - ], + } + ], 'vue/singleline-html-element-content-newline': 'off', 'vue/multiline-html-element-content-newline': 'off', 'vue/require-v-for-key': 'off', diff --git a/App.vue b/App.vue index 973e14f..7ae8456 100644 --- a/App.vue +++ b/App.vue @@ -13,6 +13,7 @@ diff --git a/main.js b/main.js index 0edb4e4..0118bf5 100644 --- a/main.js +++ b/main.js @@ -1,5 +1,6 @@ import App from './App' -// 引入uView-ui组件库（注意这两行要放在 import Vue 之后） + +//引入uView-ui组件库（注意这两行要放在 import Vue 之后） import uView from 'uview-ui' Vue.use(uView) @@ -8,7 +9,7 @@ import Vue from 'vue' Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ - ...App + ...App }) app.$mount() // #endif @@ -21,4 +22,4 @@ export function createApp() { app } } -// #endif +// #endif \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index fd7e9d5..b23d8bd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,22 +1,6 @@ { - "name": "shitong-app", - "lockfileVersion": 2, "requires": true, - "packages": { - "": { - "dependencies": { - "uview-ui": "^2.0.35" - } - }, - "node_modules/uview-ui": { - "version": "2.0.35", - "resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.35.tgz", - "integrity": "sha512-OfMttN3XkHvQosXfd8bjz8ASTvypPoGzBWmQZBJ871bYMCA7t2bDFPlzjbxUj/5ykAjKnZ8zMUapSwSisVt99g==", - "engines": { - "HBuilderX": "^3.1.0" - } - } - }, + "lockfileVersion": 1, "dependencies": { "uview-ui": { "version": "2.0.35", diff --git a/pages.json b/pages.json index 35766a2..6d3d2cd 100644 --- a/pages.json +++ b/pages.json @@ -4,9 +4,10 @@ }, "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { - "path": "pages/index/index", + "path": "pages/index/tabbar", "style": { - "navigationBarTitleText": "uni-app" + "navigationBarTitleText": "食瞳", + "navigationStyle": "custom" } } ], diff --git a/pages/index/index.vue b/pages/index/index.vue index 9f179b8..95fe12e 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,45 +1,6 @@ + - - - - diff --git a/pages/index/industry.vue b/pages/index/industry.vue new file mode 100644 index 0000000..aadd708 --- /dev/null +++ b/pages/index/industry.vue @@ -0,0 +1,22 @@ + + + + + diff --git a/pages/index/my.vue b/pages/index/my.vue new file mode 100644 index 0000000..9b753b3 --- /dev/null +++ b/pages/index/my.vue @@ -0,0 +1,6 @@ + + diff --git a/pages/index/product.vue b/pages/index/product.vue new file mode 100644 index 0000000..c0338a9 --- /dev/null +++ b/pages/index/product.vue @@ -0,0 +1,4 @@ + + diff --git a/pages/index/release.vue b/pages/index/release.vue new file mode 100644 index 0000000..26981a4 --- /dev/null +++ b/pages/index/release.vue @@ -0,0 +1,5 @@ + diff --git a/pages/index/report.vue b/pages/index/report.vue new file mode 100644 index 0000000..6ce9d63 --- /dev/null +++ b/pages/index/report.vue @@ -0,0 +1,5 @@ + diff --git a/pages/index/tabbar.vue b/pages/index/tabbar.vue new file mode 100644 index 0000000..607d082 --- /dev/null +++ b/pages/index/tabbar.vue @@ -0,0 +1,204 @@ + + + + + diff --git a/static/styles/main.css b/static/styles/main.css new file mode 100644 index 0000000..f8d2935 --- /dev/null +++ b/static/styles/main.css @@ -0,0 +1,464 @@ +/* ================== + 操作条 + ==================== */ + +.cu-bar { + display: flex; + position: relative; + align-items: center; + min-height: 100upx; + justify-content: space-between; +} + +.cu-bar .action { + display: flex; + align-items: center; + height: 100%; + justify-content: center; + max-width: 100%; +} + + +.cu-bar .action.border-title { + position: relative; + top: -10upx; +} + +.cu-bar .action.border-title text[class*="bg-"]:last-child { + position: absolute; + bottom: -0.5rem; + min-width: 2rem; + height: 6upx; + left: 0; +} + +.cu-bar .action.sub-title { + position: relative; + top: -0.2rem; +} + +.cu-bar .action.sub-title text { + position: relative; + z-index: 1; +} + +.cu-bar .action.sub-title text[class*="bg-"]:last-child { + position: absolute; + display: inline-block; + bottom: -0.2rem; + border-radius: 6upx; + width: 100%; + height: 0.6rem; + left: 0.6rem; + opacity: 0.3; + z-index: 0; +} + +.cu-bar .action.sub-title text[class*="text-"]:last-child { + position: absolute; + display: inline-block; + bottom: -0.7rem; + left: 0.5rem; + opacity: 0.2; + z-index: 0; + text-align: right; + font-weight: 900; + font-size: 36upx; +} + +.cu-bar.justify-center .action.border-title text:last-child, +.cu-bar.justify-center .action.sub-title text:last-child { + left: 0; + right: 0; + margin: auto; + text-align: center; +} + +.cu-bar .action:first-child { + margin-left: 30upx; + font-size: 30upx; +} + + + +.cu-bar .action text.text-cut { + text-align: left; + width: 100%; +} + +.cu-bar .cu-avatar:first-child { + margin-left: 20upx; +} + +.cu-bar .action:first-child>text[class*="cuIcon-"] { + margin-left: -0.3em; + margin-right: 0.3em; +} + +.cu-bar .action:last-child { + margin-right: 30upx; +} + +.cu-bar .action>text[class*="cuIcon-"], +.cu-bar .action>view[class*="cuIcon-"] { + font-size: 36upx; +} + +.cu-bar .action>text[class*="cuIcon-"]+text[class*="cuIcon-"] { + margin-left: 0.5em; +} + +.cu-bar .content { + position: absolute; + text-align: center; + width: calc(100% - 340upx); + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + height: 60upx; + font-size: 32upx; + line-height: 60upx; + cursor: none; + pointer-events: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.cu-bar.ios .content { + bottom: 7px; + height: 30px; + font-size: 32upx; + line-height: 30px; +} + +.cu-bar.btn-group { + justify-content: space-around; +} + +.cu-bar.btn-group button { + padding: 20upx 32upx; +} + +.cu-bar.btn-group button { + flex: 1; + margin: 0 20upx; + max-width: 50%; +} + +.cu-bar .search-form { + background-color: #f5f5f5; + line-height: 64upx; + height: 64upx; + font-size: 24upx; + color: #333333; + flex: 1; + display: flex; + align-items: center; + margin: 0 30upx; +} + +.cu-bar .search-form+.action { + margin-right: 30upx; +} + +.cu-bar .search-form input { + flex: 1; + padding-right: 30upx; + height: 64upx; + line-height: 64upx; + font-size: 26upx; + background-color: transparent; +} + +.cu-bar .search-form [class*="cuIcon-"] { + margin: 0 0.5em 0 0.8em; +} + +.cu-bar .search-form [class*="cuIcon-"]::before { + top: 0upx; +} + +.cu-bar.fixed, +.nav.fixed { + position: fixed; + width: 100%; + top: 0; + z-index: 1024; + box-shadow: 0 1upx 6upx rgba(0, 0, 0, 0.1); +} + +.cu-bar.foot { + position: fixed; + width: 100%; + bottom: 0; + z-index: 1024; + box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1); +} + +.cu-bar.tabbar { + padding: 0; + height: calc(100upx + env(safe-area-inset-bottom) / 2); + padding-bottom: calc(env(safe-area-inset-bottom) / 2); +} + +.cu-tabbar-height { + min-height: 100upx; + height: calc(100upx + env(safe-area-inset-bottom) / 2); +} + +.cu-bar.tabbar.shadow { + box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1); +} + +.cu-bar.tabbar .action { + font-size: 22upx; + position: relative; + flex: 1; + text-align: center; + padding: 0; + display: block; + height: auto; + line-height: 1; + margin: 0; + background-color: inherit; + overflow: initial; +} + +.cu-bar.tabbar.shop .action { + width: 140upx; + flex: initial; +} + +.cu-bar.tabbar .action.add-action { + position: relative; + z-index: 2; + padding-top: 50upx; +} + +.cu-bar.tabbar .action.add-action [class*="cuIcon-"] { + position: absolute; + width: 70upx; + z-index: 2; + height: 70upx; + border-radius: 50%; + line-height: 70upx; + font-size: 50upx; + top: -35upx; + left: 0; + right: 0; + margin: auto; + padding: 0; +} + +.cu-bar.tabbar .action.add-action::after { + content: ""; + position: absolute; + width: 100upx; + height: 100upx; + top: -50upx; + left: 0; + right: 0; + margin: auto; + box-shadow: 0 -3upx 8upx rgba(0, 0, 0, 0.08); + border-radius: 50upx; + background-color: inherit; + z-index: 0; +} + +.cu-bar.tabbar .action.add-action::before { + content: ""; + position: absolute; + width: 100upx; + height: 30upx; + bottom: 30upx; + left: 0; + right: 0; + margin: auto; + background-color: inherit; + z-index: 1; +} + +.cu-bar.tabbar .btn-group { + flex: 1; + display: flex; + justify-content: space-around; + align-items: center; + padding: 0 10upx; +} + +.cu-bar.tabbar button.action::after { + border: 0; +} + +.cu-bar.tabbar .action [class*="cuIcon-"] { + width: 100upx; + position: relative; + display: block; + height: auto; + margin: 0 auto 10upx; + text-align: center; + font-size: 40upx; +} + +.cu-bar.tabbar .action .cuIcon-cu-image { + margin: 0 auto; +} + + +.cu-bar.tabbar .action .cuIcon-cu-image image { + width: 50upx; + height: 50upx; + display: inline-block; +} + + +.cu-bar.tabbar .submit { + align-items: center; + display: flex; + justify-content: center; + text-align: center; + position: relative; + flex: 2; + align-self: stretch; +} + +.cu-bar.tabbar .submit:last-child { + flex: 2.6; +} + +.cu-bar.tabbar .submit+.submit { + flex: 2; +} + +.cu-bar.tabbar.border .action::before { + content: " "; + width: 200%; + height: 200%; + position: absolute; + top: 0; + left: 0; + transform: scale(0.5); + transform-origin: 0 0; + border-right: 1upx solid rgba(0, 0, 0, 0.1); + z-index: 3; +} + +.cu-bar.tabbar.border .action:last-child:before { + display: none; +} + +.cu-bar.input { + padding-right: 20upx; + background-color: #ffffff; +} + +.cu-bar.input input { + overflow: initial; + line-height: 64upx; + height: 64upx; + min-height: 64upx; + flex: 1; + font-size: 30upx; + margin: 0 20upx; +} + +.cu-bar.input .action { + margin-left: 20upx; +} + +.cu-bar.input .action [class*="cuIcon-"] { + font-size: 48upx; +} + +.cu-bar.input input+.action { + margin-right: 20upx; + margin-left: 0upx; +} + +.cu-bar.input .action:first-child [class*="cuIcon-"] { + margin-left: 0upx; +} + +.cu-custom { + display: block; + position: relative; +} + +.cu-custom .cu-bar .content { + width: calc(100% - 440upx); +} + +/* #ifdef MP-ALIPAY */ +.cu-custom .cu-bar .action .cuIcon-back { + opacity: 0; +} + +/* #endif */ + +.cu-custom .cu-bar .content image { + height: 60upx; + width: 240upx; +} + +.cu-custom .cu-bar { + min-height: 0px; + /* #ifdef MP-WEIXIN */ + padding-right: 220upx; + /* #endif */ + /* #ifdef MP-ALIPAY */ + padding-right: 150upx; + /* #endif */ + box-shadow: 0upx 0upx 0upx; + z-index: 9999; +} + +.cu-custom .cu-bar .border-custom { + position: relative; + background: rgba(0, 0, 0, 0.15); + border-radius: 1000upx; + height: 30px; +} + +.cu-custom .cu-bar .border-custom::after { + content: " "; + width: 200%; + height: 200%; + position: absolute; + top: 0; + left: 0; + border-radius: inherit; + transform: scale(0.5); + transform-origin: 0 0; + pointer-events: none; + box-sizing: border-box; + border: 1upx solid #ffffff; + opacity: 0.5; +} + +.cu-custom .cu-bar .border-custom::before { + content: " "; + width: 1upx; + height: 110%; + position: absolute; + top: 22.5%; + left: 0; + right: 0; + margin: auto; + transform: scale(0.5); + transform-origin: 0 0; + pointer-events: none; + box-sizing: border-box; + opacity: 0.6; + background-color: #ffffff; +} + +.cu-custom .cu-bar .border-custom text { + display: block; + flex: 1; + margin: auto !important; + text-align: center; + font-size: 34upx; +} diff --git a/static/tabBar/index.png b/static/tabBar/index.png new file mode 100644 index 0000000000000000000000000000000000000000..2c2c140fbecfc526d9f960d387d4d40d282a7d7c GIT binary patch literal 1217 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 BOx6GZ literal 0 HcmV?d00001 diff --git a/static/tabBar/order_cur.png b/static/tabBar/order_cur.png new file mode 100644 index 0000000000000000000000000000000000000000..51a57ad2bfd2d54671ed0919f10ce08e38309764 GIT binary patch literal 1495 zcmV;|1t|K7P)vtMnnW+Y}TFCJ4S*aPy{6N%ElRQ(FIlB#%X;@i`A$Yr$e4 z+})#s&YjQw2>rn_d+*$tIlp_)J?G3h z18|>%L7!k*R*4QJzq#Q!&Ia@Wxe1Vf7JxAd1{($;C?d64Q0OQKBCdC2%mL1?0dV5y zG$02u5g?gK;KBqTR8t6=6+{T?z*~z%rk?hqR0KT1S)oRMO&APZTG2VjX`V?Mm`K2? zR89l36Y-FtC?+9B?-VNH`=ta6erxj*ziZ0!=9D8*v>K>5cs;SUVt|5JZ)lm#u?7& z#)ekFw>V3I5p}1zIu1Jkt9)3ZhBUTa)f_{fPGAf8RDAS_(Tm+e(`Oi^=P(3C~qe0#8N!==Qnn;US} zX}R>b(ZbtvQ{{)<&>$u(A9QBkR8JeSFqRz4AYOq)X#GSg{QvLGj!=^Y_P{ShrdG3W znbIJR*8;6lxm?~KJgx2lQ)#=9h~j+P6KBVB<&Z`QB1>oOt;r}E5b+7=>BwDQA5V-ZYK+oz6csW|$cQ3C;jvBV0|bee#@`!Odb6xRJZOey=po)F zzP|oPrfXwVNWwD*E3?Zn=W`Pfsv~A-lLS9EbDS*74akbow?Bl+>u*6fFd!#L@4eV$ zxxSD~c!B1{&!Jo7CIEhn^4OD4L0$~)dmg$)E)}ZTcSgbAxGz`V^+;sj1H0kS(Kn!5 z~?0umES&*cfstT#$vwj5t>IHyl@n86W<8$YrUkI<*mL#KUg;WA2XfRdY z)xZ?*3cY|DrjQB$C)kz

Rq6Nib$Y6p#-jTk-eWPg2{q?cgh>)(^Pb{}@C%EKaYI zgII;Xew7G>k_=%2h?fE_vt7stW2#IRtIw+-LUqZ?VHyHp)RlG>A}~?jHH*L!Q!jb3 z9QH4ZYDb8GpUAqW8jMZ1v&MRGWaF4Bdyx%d_OD+4D$s+jcu|&c*Y9;QG=w6+~%zts}1I5FO*IJ+O>(r#$uQ-y4<$P0|7&2cphxQ#9?xbHtXs}7~&Gq#^6OsX>!k+N)+3~bxR#RKM z>I*1PM1zdT)_j`cVb(&o=~d@RH6TVca>B2CrW3q_Zay_IX;myQy)HgCXxDzt1XTm6 xrp$rj8g$}}LK6D?vByKc@A$88AA8*QxC`ReHGSc%Gxq=h002ovPDHLkV1l_9yqW+2 literal 0 HcmV?d00001 diff --git a/static/tabBar/shop.png b/static/tabBar/shop.png new file mode 100644 index 0000000000000000000000000000000000000000..08a01333dc6008aa2a4be417d1272d0ccc668bbc GIT binary patch literal 1303 zcmV+y1?c*TP)pel$6RdAg=LDOazzwk2B1qa=CrEMv+4UAdvk!4@kendy3F@Ap>J8kN zB8_EDhqPl;GO3@+c3L1GAjqOAaXxZ5e*}2MBPs!*0)pVo0}xGsxB&t@beyN^526Nt zy0Pp@V?Z2p+nA=&SBN3xM!xDJ-`^iY1(YHX1Q#sSZ4+Im%|h;SQv)gkM@()=ljz#_ z4~9?@g$eZf{~r^?9axLdR&ho|)1LqOU{Lstybe-L&=og8;6YIkjFs9fMnMnC0HI5h zC#OZ!E0cf{z9v3`Y1WBCLb&ETs{reBjj!AKIBQU)f=|AA5Q_%C*F+T0fw0N%dj`=) z6uCQjBrsEW)663dc$qK#SLOB9I#&PvE(>zZKbz^XI!FKRXT57B(EacHf@kT)qJbb} z3$o|?ha=b!g17HGh!E&)1hD77dU<7gM;JdO&Etyj@y;fNm+)V|>=J>mx1|ZCVI;t2 z@>qXn>%$xBAcQSIl3)pj+TdQ$KWo|g*UZh-(moJonYFoZkUn8pge0$SO9`4`^9iP> z2%@!Uh*5pt)K?e<(l#yueS!?2d-sto)dgRlgLm(mS$&m`*Tjvyg5KGQt>4^0EUXU- zd~WM&P@&tD5ZZF41yXxOvr>`Rg$y9#-;3XlXhUXa6>i+avvpe~P!ma;kJAvWs3&an zA{Md=Mc(2!L8g6YqoJ>SW2UOB5QaCs)Tq{hl#?NCrZ_&D1$e6n-k!ZktQKOPMGN%@ z*PZ@h>SQ2*38pT(pCJQ8@ul|Ikj^hnLT+64x=H)a&Jfms8dODG?*iVn7vTWUvfR+! z{`pYpF-h-AD<0NA%JJmMJpdD$JmcG!bT`8$#!}IyR3mbtJ%F@Mvnf{2FeSWnij(On ztO*7Jlpt_)^v@T_fq!^7A`$H*_Ja{LoO$&1ImPNKG>0U?w`X#*vbk)}qf8lfhI}8f zKk2PA0KCWA2;5`twFj^z2>8vBOTgwpeifJqg!+TcfovXBXyR50ASKMul46Vfi!wR@z@QTR!+JR2ux0zpmJ4-l^0^%>MEeK%-lfge?|ym zBw)x%+uL$zhQ#M8tH0F~QyllSM^04kj$sQxA(ADXoY31IO2|Y-kMRjQo8Aku0-l=v zL0;%>C7==&f&_a`3omRrZ&mdA=Wn=xcA~cxNqjPcIa8I)l=D`_OnB<*ZAGhrxzQ*^ z)BU7hnB}}`xhq0W1n15-Y2g`HY)DRue523_jViS}Txw6(@j3BE5`#F3F3Y5es!Cx! zrYd$WuoR*Apk@-wFUbnTh^^PB`61pC4mD7?PuaA|cUxdNred|Zgs9#rbMROGkgxXr z1OeZ`I>A*s7Tzy&Hg=DnI%ZXyxCTrlr@om7DLAsfiR#^-J#MXdPRuLfaA_T(#bjjE znpvGz^-xwd-n1Y1;c6XKib@1bP$l*_RUj7e7=#%62irL$dBh`1;0M+D2a$h4Y-<1j N002ovPDHLkV1kI5Uc>+Z literal 0 HcmV?d00001 diff --git a/static/tabBar/shop_cur.png b/static/tabBar/shop_cur.png new file mode 100644 index 0000000000000000000000000000000000000000..e53a02217ab324e235a239a1e4fe66a27b863f34 GIT binary patch literal 1669 zcmV;027394P)8rShG9Vb7m%+`MEQ@*`2L@$QLFvbM~IO z=iGblIp>}Wu!c3%1qO9MRaJ#a` z>cFZLK!M|?z>?g90%k11>xK@DXo>0EprB&q7$I zmI7*Jd&6y54qks(1I$!9e}9>faV}6s`_XusC`UG<=|l8g)p~f#|DZCnn=lP zp2uTQN*Taa#-yE>wJ97m4i9&w=Okcy5tj76#Jz4l&PIUo)C$2czYo>R3#yD|TJ`T3p=8%0eN zTaoOBOclG_e8DH* zd#yaWbpQ124D4u2!sc!F!ynhL!k^cFa`Ck9f71Lt44aVG3C`sQ@iymeS8)cykj?+A zZr-|mIDPDd&!&IHQJ*>grB8SgtTX*8LR)d;Nh}+E$-cu z_9fQq+_zSu!_PU*_1>CH*-x=56#&Uo#xVRr3%7vKAUJn!Wcya;%C)|Pe{UjGz|J{V z8Z*}84QK{HV6CPecsD++$tSD_$G*df;7E)`R>xZ$q?oJJ(wA7L;YMA9h;ecH6W2SX z-e|6cxJ4c^3K9tQGymTmtCr|;?8*x73A~K$} zD-kAWF=GKX5+!n9e-0O?1f$Q55wo8FgeG&MDj5}gok|=|tRKZrPC*?Y;kC~`bkRD~ zM`7dE?c+U(b;Du2mD6cn>H~KGAth$b0}mV6$v`biETXwg9)H~@d~31`9!noV;bXm( zzERZ)ja6!=dJj`PKNZld#_-&0oXU#h`K4jZSB5Hmj{?;dENorNo%1Da6m_3@^Zk)y z2b+hX3RHi@6s*KDP#MshTG|#LNj;mEW3jT^rPTNa<~FoIy;0VQtq(k;rCxq(