From bb5dceb907acdd9a0ea1ab332c937aa2c1052c53 Mon Sep 17 00:00:00 2001 From: zyronon Date: Mon, 20 Sep 2021 01:07:13 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=90=9C=E7=B4=A2=E6=8E=92?= =?UTF-8?q?=E8=A1=8C=E6=A6=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/icon/home/bao.webp | Bin 0 -> 2182 bytes src/assets/img/icon/home/dyr.webp | Bin 0 -> 734 bytes src/assets/img/icon/home/first.webp | Bin 0 -> 2218 bytes src/assets/img/icon/home/gn5.webp | Bin 0 -> 860 bytes src/assets/img/icon/home/h16.webp | Bin 0 -> 582 bytes src/assets/img/icon/home/hl3.webp | Bin 0 -> 477 bytes src/assets/img/icon/home/hot-gray.png | Bin 0 -> 9873 bytes src/assets/img/icon/home/hot.webp | Bin 0 -> 798 bytes src/assets/img/icon/home/hot1.webp | Bin 0 -> 1350 bytes src/assets/img/icon/home/hot2.webp | Bin 0 -> 1406 bytes src/assets/img/icon/home/hot3.webp | Bin 0 -> 1390 bytes src/assets/img/icon/home/new.webp | Bin 0 -> 602 bytes src/assets/img/icon/home/pk.webp | Bin 0 -> 1028 bytes src/assets/img/icon/home/redpack.png | Bin 0 -> 6596 bytes src/assets/img/icon/home/to-top-yellow.png | Bin 0 -> 3210 bytes src/assets/scss/color.less | 2 +- src/pages/home/Search.vue | 911 +++++++++++++++++++-- 17 files changed, 853 insertions(+), 60 deletions(-) create mode 100644 src/assets/img/icon/home/bao.webp create mode 100644 src/assets/img/icon/home/dyr.webp create mode 100644 src/assets/img/icon/home/first.webp create mode 100644 src/assets/img/icon/home/gn5.webp create mode 100644 src/assets/img/icon/home/h16.webp create mode 100644 src/assets/img/icon/home/hl3.webp create mode 100644 src/assets/img/icon/home/hot-gray.png create mode 100644 src/assets/img/icon/home/hot.webp create mode 100644 src/assets/img/icon/home/hot1.webp create mode 100644 src/assets/img/icon/home/hot2.webp create mode 100644 src/assets/img/icon/home/hot3.webp create mode 100644 src/assets/img/icon/home/new.webp create mode 100644 src/assets/img/icon/home/pk.webp create mode 100644 src/assets/img/icon/home/redpack.png create mode 100644 src/assets/img/icon/home/to-top-yellow.png diff --git a/src/assets/img/icon/home/bao.webp b/src/assets/img/icon/home/bao.webp new file mode 100644 index 0000000000000000000000000000000000000000..56e45c4df19ff766a859224fbcc898a76ba661a1 GIT binary patch literal 2182 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 literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/h16.webp b/src/assets/img/icon/home/h16.webp new file mode 100644 index 0000000000000000000000000000000000000000..89ebee81a9cf525a82cd68f192621f260e3c8b81 GIT binary patch literal 582 zcmV-M0=fNCNk&FK0ssJ4MM6+kP&il$0000G0000p002n<06|PpNO%AM00D5@+S=1R zePdAmVn#%joxKP(H6u8e^tjGB+h6rQxwRr<0`OB^Yt(Egn^DVYGB`h(y8=MUCwVEr z;7LD(yKz0f{lQaxu&Be4#=TfuSU>+>Us+hqEX-Or13hQp>?7lg04dlC0f2DNw2z>B zK~*m)>nijB09H^qAfN#N0MH5modGH|07?Kpg))&xry`-DGb{k$5Q$;{#&m3q&gE@LY+$KBFUUk3PHRUF7 zTvwq5i<{E`0NLY6qT=Xe^6FY$Vh)f0lV!UQe*nM3|L9n8yLHU}|5QE%|CSQ~3Woc{ zs$i@#9PV%+{H}gM(i`}lox2hQANm7{meEdJeu5)2z0#5TyCaRq`jExi6^zd!y<;Z+>0Ii$jLqJQw+ UAr5nI|3{x#->?4$|IP>i0MsfFj{pDw literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/hl3.webp b/src/assets/img/icon/home/hl3.webp new file mode 100644 index 0000000000000000000000000000000000000000..bea2a3c0f1524bf726038ca3427ec9a00876e187 GIT binary patch literal 477 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 literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/hot.webp b/src/assets/img/icon/home/hot.webp new file mode 100644 index 0000000000000000000000000000000000000000..c3c4b9a8606adab7982f547471bc2d1970478423 GIT binary patch literal 798 zcmV+(1L6EqNk&E%0{{S5MM6+kP&il$0000G0000c001Tc06|PpNIL)k00BS}0Bs<~ z0umEXp9Ppc`XVAG0HCt>aw7s5-+K?}YczG8N=de4?{Byzo06zRbcKm=fd>GUeX^#V0EF ze1{>|X2{E$pO5nqbYhMG0L}=cPx-CN-8UEy^y$N&Ok6N#2K4{&Gb3>^a~^$xK0`}d zRfF0&dfc%$6-sk%o|iS}CQDAtQEB|EI&4G#`^JCS&E=)9xxcv2zYu@>Kz_35Zlyte zqW!&kAw!P=k^feOVeOkW#ld!G|xS)4YFIy=8M`&Y;&kY9xNpi^MkTOkb9FrSz*p`Xl+uyZ z8<}8&-=oU^7^VDy+!q{u&2R9&8~p{fnxbSrIRzM4%8Jc@Cyu^RKSHpt6HDHy{C(wl zon;6~Czrt?_o7KEIzGuI1MpSdzYpA`dPlsNkTuNy8k=DwJZUA6@9-J6F5CgSHi{Bt}I^mUv|!PzK_{`$<(JAXsd>jyKvr68rd zpR=0BJOslj=lFdvR3=?8s{{lVidc_Wv7XMDJZtyMyG{9z!;G#J=T$oT$b<@Jq79KD zwjo$QW{@S1VSHlj!0RKJBc~d|Ea?OPGUsQ72G9s~CEq_J62*w!P}k!zf0kd!+GqAY z56uc`BBj9nd5hnrLmerKwtzJ7N34F9T*g%yDd*3G?JxIl;-=Ups8n6>(!%QUqutLM ci}ES!iic$mAaBlZ{>|#Y`mUF`zxqf304Vx}k^lez literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/hot1.webp b/src/assets/img/icon/home/hot1.webp new file mode 100644 index 0000000000000000000000000000000000000000..d0ebc1f9aa3adbf1f54d6a230e0e2da5a735540c GIT binary patch literal 1350 zcmV-M1-bfCNk&FK1pok7MM6+kP&il$0000G0000x002h-06|PpNPz+X00HoqZQD1u z&9+@(Fkvu7U>8Bez)K0lLQpZVjG$s*6+yy4LQso9r9lu0!EEav=XqT-9`)yc5itSF z{{cU~J?-DmR~%{#b9Qpb-Mx35C-vb(f{ zdBxu@?2a0y$6qe$Rz!t**|dojBwLBYUVRx?28AC(Hif@yj4;^pM^dVz|K}zId`000gIM4nqg_1Hb znB9igv+NJH7EQ|9Uku0nIqp+6L#8S9+p_%m4e8Svu1zPAX$l>0m+MzU-JP~SD00Tg z@zYln^?cf$)rO)C#bZG@?oZjjQE15N*;u!yTq7H+O_>(L_fsB8qT$5W2-R-e-j9tk zR@C*jPb<-x#xkb6ZFei@Z({AYZI82*>V!zf26@@`y$M3vq)ArG^R_qBWW8FEX-L$z zkWwh8Mi7M)td^CcNeVRt9k-Q8RK~Qno@xHrb}%2*urX>vMBlePZJ`=kD^w!nVcUH( z1UWV9iMwq#5eh}LlJ$ntuiLId)=L`@Dr+CNEpIlbq?N3f@p(D%eyAogZPJiTlW(V7 z5tKA3D`k6Er!0@g7-Vw@tvoL$Urm&(wh0mH*VC5AriesMqK2UUxtwwTCL7Dv%v1V! zj^&Cf6eLQmk>i);yf@~N^-OERKbCWUrJx#uqEP8&f41e;7_@fc%YONRw*=8zqM`5m z<%fQL6NJpuw zh#clz1LBTbf{)ra?)pG@m~{m65&F65P3mjV1NxWwp0WQx582;Lf7hRaZ{1JZe`pW? z@3|CA9I+O3l6NOKTA71HwFF*AW<6etFT9I~{pn5Z+Q?=pW~;oyl+2BwY?5P{)or%$ zAu`g=z@44R$N>KPoXG#>Oh4#M5y4chb`qV622bUi$ux>22dW(&*W7a0yW1Tyih~{R z{;7z*b?42@luZH}X%Bu}oKhu#;zW3IbbW@aBr|12pu?WwE**0nUH2oCLANO%` zY<}0H_kpIn@epNk;e2vwV)e@VNRmeprku~4Gly#Dkn`)AXY$_<$@+n)6tSol6QFTn zdo?bdaDg|3in+j0q1qSN_3Dr3%}C!J@pw*e5YtaAK4Zf_VU94V^atcT{^Gbt5o5F6 zsH9f0QrAB)>o#-E@B4J){_O5o`WUxa%KtUXDEii1VNXq1go^hJ#|G9QXR^AkWg)W4 z*ltn9=8Ob276`PbtNZ!CBbHs)&);Z&Bz_vlywi#HJMi9N8MyMov24> z0^wW392=ES@3US1vU|d(*1MygVHEGI`Lmf(DA*nqa`Vbe*&a{l1;*$ z4skIaeaE$@QPH;;uTr9aYwwSv7x>8?JbuFEMVK|&CW+cx5yg@;agU IGJpU80One=U;qFB literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/hot2.webp b/src/assets/img/icon/home/hot2.webp new file mode 100644 index 0000000000000000000000000000000000000000..6114de78664a6a09ae5c08af51183dd8e37da4a4 GIT binary patch literal 1406 zcmV-^1%difNk&F?1pok7MM6+kP&il$0000G0000x002h-06|PpNO}SQ00CEFAZ^>w zBj8;`#F>eVXCosMj|kAVZQE_zAPmynZCS-du8hbv|Njp!0Mb7RRg0_;rsUMFkHR@#J80S?$RM zyv){UM7>`6<^JRDTrV?*hKv=r3qS8WUY+UJj12}Uk&nYqAL!$G=0gf4Wni#$6&}tq z?`@&3PBq(HpusFpIbmk#$+{FE#I~sEGFxfv@(W7Z3`)d za%u!oIKgUJDOxGi5OmyDB2gKWle3sVx9u$tYSUZxNBGg{UE@uhSXlgKR8Yvz*dz=a`;Qg@Qz> zHFA72o%gln$a)rQflt%9-%?NwK~bpmeLmZCWei$7@%udez$=1iEz!{DdHSI*4}y^8 zv~axLO+R?PM=69F=+CFq1-{xNiwUKNH@oRF|9JOMLs|a#W;b2%lh-%*U-s1g%iZgF z`i~!0P&gpg0ssK85CEM4Dm(y406uLdk4K~;At63MfDMUk0L8`uJa6zHz&#wRkI(-T z^L?D|yXPC`0s4i~_sj?E2kh^(2kUpZ4?qv@zwCO&eE>gTJu!WWe|0?`KmX(a9l*Ej z4qrm089W&jpJ|cGUPdKwTQGgh9gguKUMHkiwU3W_(JzVcYvnnm;3l8?Le#U|fB^pc zoX=izIsQpLpLVmM-LgFp-2DArXFK2n3O_cHQm8qVD2P5b{|Zz)_Sybgjpw_HT83!V zWjTE4Ic*_C-dLhviq@3V|>P$RN)WNKzJ(u+1ijD29t9zGABGnyBfzRmV z42S&@$^ho{_=YQ~@Bj7twec$mDQK{B{yXnHRePwQO*Dd^DU8#mOf4oB_p^bG~Yav=toaJ>Jj)xWCmlR_+QfW)>N$6`~ zcx;;_OjyY|lv+?r*`MltZf;h^fNZ9YgGdlawBM?{)%a3U7k5`Ftm4sDn;NlBVr7RW zI5D6tlIpLD^S)|1F@}3vzpVzg(-i8YZaFBKRG{jXIAa+B}Q!3 zV8_2Qk~Oo-kL4yCfMtCE=XivJg)Igdg#Wkm_gW*yb z)%<;q9I4QbsN>94jb?ejtNZU35#XFuf7ONA8*gPbk{0-J)8ag{%4Q0n@Z+cirBM=} zlX}p|cOj+hxYbDb8E&FuKgv=$smJ~ctaEc?<=h7eW8h6SMN3Xs_e_<`x^l(Ufs|zWWxMqb@%y|Elz$*r*pL1MH Mg!BIeA6x(c0R85^zyJUM literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/hot3.webp b/src/assets/img/icon/home/hot3.webp new file mode 100644 index 0000000000000000000000000000000000000000..84d5c6c08dc812ab633657cc5cb8c6f887f98cda GIT binary patch literal 1390 zcmV-!1(EtvNk&Fy1pok7MM6+kP&il$0000G0000x002h-06|PpNPYqU00HoqZQD1u z&9+@(Fkvu3U>8Bez)K0lVju>V5mXGUB1jlW2x<|iGzcOgm~H*zJg;lUqyGFaA|_z@ zKj6o=r~Ui+s>6qO^GCey-^)R~?BB-~;(7Nj?jgRthrMaKc?b7M>iF^E_Ekt;c9(WA zulU=A-BH8z`0GX8il|U8y9>IPLIxdgFJ|{7$XMZZcOm*NeD% zv$?ExbpfBVH5ySjvtJ$`cIWz>F*IbX_%`|Z(DC+6A2K!=q(mNupZ=hS^X%VJC@BMj z*==||%l=?%(WI>X)o|RO<33e0WSUaHFUw!vkUpK^+H?|`rqJHlphMb;_b$iM+a>mxiLim2lBS~~Z+X&Te+uqsN%2-j? z+di#C8A(^)&tL1syn`yG%FwZn3 zYFkJtlv5*!!UH8a7rU zf|5?l_O4D@9*r^R6hbS{%gI+0B`0SZp?*7Ud2EVE)Ff&M>YvLQ_iwVXY|T8SkLOsf zs6s)a)EYT{StgLeuHOA;(^ki%m?dV>$kIa><78;Ko93X>bk=H06%AaRsZ0A;CvJQ<9afG|HuFe zCSw(GJy9R4+;ZI*b?(KGBjacvmfqk3^lhahJf7E{5HWC~1_2yZwe=iIXaN5EoX=kz zB>#KTT`G-I)>Aj$AM5H(vwjW&la+Ybt%{483GZ zAzV8x4_E*H3x|QHA0V1fL5=@%mPd^O#-nrTZ0SdDVJdN4U<-co5!tR3x?lba1Xm@}li2 zNl^X&)M$flx)Wdgs$1%wlfFT6)goP$pgLr612D2sE-DvL%T)a zbLVve*0pVIN%2x;d^MM}QO2$YK#*VhaBBF6hJjOjxSXGh{3(9-B>~j9VT&K}m0KHq wN>Kl`N8bBKD4^Oh#}>YOY88NQQ+A%3Yltn|vi3>oa_h|DklIZ06uXjk4L1Up&>kAkPZoI0KJFR)&p&yGzaOP zu?L_B>vvgF{0$~kJn}>Iz`{)0MTDL<6#N2(j`huT{ZK4N2US7)DO7{1BrpKhIE%sz z-cT3T0U^X^LBu^8IlP}=gRJm+)rt(&WG_1G0Oe*d{38X^kSB#=&o$BJNw^o!|LHb= zyRe>p|K;q}P!>j0xt*^Ad~3!6gE%4Ew$~W}XGL)Q7hP!4vU~#oRUN*E^TbG}YSi6v zM>#+iaSiH&699$ZgNySM0(`FvXg~EhS?T=w5*as-#CQMla%GK$@f(3!p^idn-onBapnukoHcP{Z3y$a>F^OPb?O z)rrB4C*-0`u?Up$HJzJWVBuwFjtp2;pIAU>;_FApXdIwd#jq?!Eg6XGy6AydwOJS@A+7?Yz**#00UDKW&i*H literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/pk.webp b/src/assets/img/icon/home/pk.webp new file mode 100644 index 0000000000000000000000000000000000000000..999f91270d3126e90329ef47839800dfb08d4d1b GIT binary patch literal 1028 zcmV+f1pE6^Nk&He0{{S5MM6+kP&il$0000G0000l000{R06|PpNb>;z00EF|+qP*- zGkT}p@G&df%AT@vW+Strhp24pRE4%}yE5CZXY<@WgSGZLzYq}<0CYV3>VyB)mDM@0 z&VPJo6#OGD++PeJ^|xcpn*)4>Bso$Gc9G<6U_Pa@(2diAzv70{^EqW5FyD!oZj3U6 zhWSlYYk@=!NvAk6q9a+-M%+=R1F0A2JpiE3)0&#nuO*a@j&d)6o|J!p{2%n5fw6>i zWOkqTk*G@mTb0ErOX+PK592sTl3xJ45}b^nTr>^3Pw$5;Sg(+d(GmcYl@K#1|CiGn z!rZZyB00((yC^`|6%H6;rWcMM6#R{&5z z8MXOuDea5cmnmnbF52^v>X&IWo&RC??70F~(4S!91;b2ZH}fX+Cg6aHQ?BvI;ojoGU+`3QVK?7690& zoH4bbj1mBl3iXy!0060Vf?X`Dlxwhdp{#{^L)m2crevEoDQC2Nr8MwOru+hH@K5Qh z;j`dO-yLO@X(r`2cng%5zIxG^Fx^rLe5e)d>uHQgK85+6XoT^AGTw89WOEx^NHQ5( zvKmP?1|F>X^eh`OFDH|iVIEwPEExjTg07^2j z^_W>4`Sl)3Q{q?mhPV**U9Ag|vtG0xK{Y!)m7I@kQ6&>brZg!>_TmJsTyG~_GO+Iv zOcuA_b6Px^k(Nh-5sm0S3X}odg~V5?&cEqj`s9GrEXDbU3dbP*CoFLf6 yv6>-%rc-o44%J;`c4o)}F*=4!Bmwa8OvH%aTM;e;4-a(=%d2VZtZV&f^Z)>*{o8c_ literal 0 HcmV?d00001 diff --git a/src/assets/img/icon/home/redpack.png b/src/assets/img/icon/home/redpack.png new file mode 100644 index 0000000000000000000000000000000000000000..956ef5b3f89cfcdc8a3de58eac3b6cbb74bc3bc5 GIT binary patch literal 6596 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 literal 0 HcmV?d00001 diff --git a/src/assets/scss/color.less b/src/assets/scss/color.less index 37bcc06..516ec0d 100644 --- a/src/assets/scss/color.less +++ b/src/assets/scss/color.less @@ -1,4 +1,4 @@ -@main-bg: rgb(22, 26, 37); +@main-bg: rgb(22, 23, 38); @active-main-bg: rgb(31, 37, 52); @second-text-color: rgb(143, 143, 158); @second-btn-color: rgb(58, 58, 70); diff --git a/src/pages/home/Search.vue b/src/pages/home/Search.vue index 69e80aa..2f58ce4 100644 --- a/src/pages/home/Search.vue +++ b/src/pages/home/Search.vue @@ -31,7 +31,10 @@
-
{{ item }}
+
+ {{ item.name }} + +
@@ -44,41 +47,114 @@
+
+
+ +
+
+
+
专题：嘻嘻嘻哈哈瞄瞄嘻嘻嘻
+
+
+
- - - + + +
{{ index + 1 }}
{{ item.name }}
-
- {{ item.type === 0 ? '热' : '新' }} -
+ +
-
999w
+
999w
-
查看完整热点榜 >
+
查看完整热点榜 >
 -
-
+
+
- - - -
{{ index + 1 }}
+
{{ index + 1 }}
-
- 下撒打发手动阀手动阀压顶发撒打发打法 -
热
+
+
+
+ +
+
{{ item.name }}
+
+ + PK +
+
+ + 红包 +
+
+
999w人气
-
999w
+
查看完整直播榜 >
+
+ + +
+
+
+
{{ index + 1 }}
+
+
+
+
+ +
+
{{ item.name }}
+
+
+ + {{ $likeNum(item.use_count) }} +
+
+
+
查看完整音乐榜 >
+
+ + +
+
+
+ {{ key }} +
+
+
+
+
{{ index + 1 }}
+
+
+
+
+
+ + +
+
{{ item.name }}
+
+
+ + {{ $likeNum(item.hot_count) }} +
+
+
+
查看完整品牌榜 >
 @@ -112,20 +188,20 @@ export default { '历史记录10', ], guess: [ - '少年透明人', - '花呗分批次接入征信', - '新娘婚礼上跪求悔婚', - '当你想换iPhone13时', - 'Ling OS灵犀系统', - '桑塔纳2022款', - '透明人', - '恒大集团凌晨发公告', - '2022款日产GT-R', - '四川双一流大学名单', - '一公司放假通知走红', - '成都新全优教育倒闭', - '当代女生社交现状', - '恒大集团凌晨发公告', + {name: '少年透明人', type: -1}, + {name: '花呗分批次接入征信', type: -1}, + {name: '新娘婚礼上跪求悔婚', type: -1}, + {name: '当你想换iPhone13时', type: -1}, + {name: 'Ling OS灵犀系统', type: -1}, + {name: '桑塔纳2022款', type: -1}, + {name: '透明人', type: -1}, + {name: '恒大集团凌晨发公告', type: 0}, + {name: '2022款日产GT-R', type: 1}, + {name: '四川双一流大学名单', type: -1}, + {name: '一公司放假通知走红', type: -1}, + {name: '成都新全优教育倒闭', type: -1}, + {name: '当代女生社交现状', type: -1}, + {name: '恒大集团凌晨发公告', type: -1}, ], hotRankList: [ {name: '国内手机厂商最大的软肋就是 android 系统！', type: 0}, @@ -142,7 +218,7 @@ export default { {name: 'iPadmini6 到货以后，要不要换路由器', type: 1}, {name: '现在有推荐的同步盘么？', type: -1}, {name: '大哥们， mac 电池鼓包你们都咋修的。。', type: -1}, - {name: '发现一个特别赞的同步盘方案 Resilio Sync', type:-1}, + {name: '发现一个特别赞的同步盘方案 Resilio Sync', type: -1}, {name: '得鼻炎了, 说下症状和应对吧', type: 1}, {name: '打翻了一瓶矿泉水在 MacBook Pro 上，赶紧用鼠标关机了，等多久可以尝试开机？', type: 0}, {name: '筋膜枪哪个牌子好啊？', type: -1}, @@ -151,21 +227,333 @@ export default { {name: '犹豫是否要年年焕新', type: -1}, {name: '请问如何在国内给 AppStore HK/TW 区充值.', type: 0}, {name: '最近感觉一个妹子不错，不过我比她大 5 岁', type: 1}, - {name: '12mini 1 月 20 号购入，现在电池健康 92%，正常现象？', type:-1}, + {name: '12mini 1 月 20 号购入，现在电池健康 92%，正常现象？', type: -1}, {name: '现在新 iphone12/128 啥价格比较合适啊？', type: -1}, {name: 'iOS 15 不改地区就能看到全球所有交通卡', type: -1}, {name: '求推荐拼车/打车软件', type: 1}, {name: '如何比较方便的杀死 nohup 起的进程及其所有子进程?', type: 0}, {name: '换了新工作，好像又掉坑里了。', type: 0}, {name: '有没有这样一款记账软件？', type: 1}, - {name: '个人第二款 Flutter 应用今天终于上架了： 小声音', type: -1}, - {name: 'apple store 明天早上还会放货吗？', type: 0}, - {name: '有办法在 root 后的安卓设备上面运行 OpenWRT 吗？', type: 1}, ], + liveRankList: [ + {name: '毛三岁（收女徒弟）', type: 0}, + {name: '广州表哥', type: -1}, + {name: '一只扬儿', type: -1}, + {name: '沈酒', type: -1}, + {name: '客家婷子', type: 1}, + {name: '三斤.（9237）', type: -1}, + {name: '虎哥说车', type: -1}, + {name: '爆笑三江锅（永不言败）', type: -1}, + {name: '子豪(尊师胜仔）5点扛把子', type: 1}, + {name: '琪琪', type: -1}, + {name: '战神土牛（征战全网）', type: 0}, + {name: '小鲁班下午5点直播', type: -1}, + {name: '惠子ssica', type: -1}, + {name: '大狼狗郑建鹏&言真夫妇', type: -1}, + {name: '一条小团团', type: -1}, + {name: '高火火', type: -1}, + {name: '郭聪明', type: -1}, + {name: '罗永浩', type: 1}, + {name: '陈赫', type: 0}, + {name: '摩登兄弟', type: -1}, + {name: '浪老师', type: -1}, + {name: '陈死狗cnh', type: -1}, + {name: '杨驴驴y', type: -1}, + {name: 'imxiaoxin', type: 0}, + {name: '丶才子欧巴', type: -1}, + {name: '旭旭宝宝', type: -1}, + {name: 'pigff', type: -1}, + {name: '正经人令北', type: -1}, + {name: '雨神丶', type: -1}, + {name: '智勋勋勋勋', type: 0}, + ], + musicRankList: [ + { + name: '龙卷风', + "mp3": "http://im5.tongbu.com/rings/singerring/zt_uunGo_1/5605.mp3", + cover: require('../../assets/img/music-cover/1.png'), + author: '周杰伦', + duration: 99, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '爱在西元前', + mp3: 'https://m3.8js.net:99/1916/501204165042405.mp3', + cover: require('../../assets/img/music-cover/2.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '蜗牛', + mp3: 'http://im5.tongbu.com/rings/singerring/zt_uunGo_1/3684.mp3', + cover: require('../../assets/img/music-cover/3.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '半岛铁盒', + mp3: 'https://m3.8js.net:99/2016n/46/94745.mp3', + cover: require('../../assets/img/music-cover/4.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '轨迹', + mp3: 'https://m3.8js.net:99/1832/411204324135934.mp3', + cover: require('../../assets/img/music-cover/5.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '七里香', + mp3: 'https://m3.8js.net:99/2016n/14/53717.mp3', + cover: require('../../assets/img/music-cover/6.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '发如雪', + mp3: 'https://m3.8js.net:99/2014/211204142150965.mp3', + cover: require('../../assets/img/music-cover/7.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '霍元甲', + mp3: 'https://m3.8js.net:99/1921/261204212643140.mp3', + cover: require('../../assets/img/music-cover/8.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '千里之外(周杰伦/费玉清)', + mp3: 'http://im5.tongbu.com/rings/singerring/zt_uunGo_1/121.mp3', + cover: require('../../assets/img/music-cover/9.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '菊花台', + mp3: 'http://im5.tongbu.com/rings/singerring/zt_uunGo_1/2022.mp3', + cover: require('../../assets/img/music-cover/10.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '不能说的秘密', + mp3: 'http://im5.tongbu.com/rings/singerring/zt_uunGo_1/165.mp3', + cover: require('../../assets/img/music-cover/11.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '牛仔很忙', + mp3: 'http://im5.tongbu.com/rings/singerring/zt_uunGo_1/219.mp3', + cover: require('../../assets/img/music-cover/12.png'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '给我一首歌的时间', + mp3: 'https://m3.8js.net:99/1938/041204380445445.mp3', + cover: require('../../assets/img/music-cover/13.jpg'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '烟花易冷', + mp3: 'https://m3.8js.net:99/1828/051204280535192.mp3', + cover: require('../../assets/img/music-cover/14.jpg'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '惊叹号', + mp3: 'https://m3.8js.net:99/20111103/150.mp3', + cover: require('../../assets/img/music-cover/15.jpg'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '明明就', + mp3: 'https://m3.8js.net:99/2016n/27/96537.mp3', + cover: require('../../assets/img/music-cover/16.jpg'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '算什么男人', + mp3: 'https://m3.8js.net:99/20150107/429.mp3', + cover: require('../../assets/img/music-cover/17.jpg'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + { + name: '告白气球', + mp3: 'https://m3.8js.net:99/20161016/481.mp3', + cover: require('../../assets/img/music-cover/18.jpg'), + author: '周杰伦', + duration: 60, + use_count: 37441000, + is_collect: false, + is_play: false, + }, + ], + brandRankList: { + '汽车': [ + { + name: '五菱汽车', + logo: 'https://www.wuling.com/favicon.ico', + hot_count: 1395, + living: false + }, + { + name: '宝马', + logo: 'https://www.bmw.com.cn/etc/clientlibs/digitals2/clientlib/media/img/BMW_Grey_Logo.svg', + hot_count: 1395, + living: true + }, + { + name: '吉利汽车', + logo: 'http://www.cargc.com/uploads/allimg/200828/1401364511-2.jpg', + hot_count: 1395, + living: false + }, + { + name: '一汽大众-奥迪', + logo: 'https://www.audi.cn/bin/nemo.static.20210916063431/cms4i-nemo/assets/icons/favicon/favicon-v4.ico', + hot_count: 1395, + living: false + }, + { + name: '一汽-大众', + logo: 'https://www.vw.com.cn/favicon.ico', + hot_count: 1395, + living: false + }, + ], + '手机': [ + { + name: '华为', + logo: 'https://isesglobal.com/wp-content/uploads/2021/01/Huawei.jpg', + hot_count: 1395, + living: false + }, + { + name: '小米', + logo: 'https://s01.mifile.cn/favicon.ico', + hot_count: 1395, + living: true + }, + { + name: 'vivo', + logo: 'http://wwwstatic.vivo.com.cn/vivoportal/web/dist/img/common/favicon_ecf768e.ico', + hot_count: 1395, + living: false + }, + { + name: 'oppo', + logo: 'https://code.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico', + hot_count: 1395, + living: false + }, + { + name: '三星', + logo: 'https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png', + hot_count: 1395, + living: false + }, + ], + '美妆': [ + { + name: '巴黎欧莱雅', + logo: 'https://oap-cn-prd-cd.e-loreal.cn/-/media/project/loreal/brand-sites/oap/apac/cn/identity/image-2020-06-19-20-48-00-996.png', + hot_count: 1395, + living: false + }, + { + name: '花西子', + logo: 'https://www.haoyunbb.com/img/allimg/210607/001I43462-0.png', + hot_count: 1395, + living: false + }, + { + name: '完美日记', + logo: 'http://5b0988e595225.cdn.sohucs.com/images/20200412/9c6caafca79e438f98d98d3986ebce4d.png', + hot_count: 1395, + living: false + }, + { + name: '雅诗兰黛', + logo: 'https://vipyidiancom.oss-cn-beijing.aliyuncs.com/vipyidian.com/article/1_150918143107_1.png', + hot_count: 1395, + living: false + }, + { + name: 'COLORKEY珂拉琪', + logo: 'https://www.80wzbk.com/uploads/logo/20210129/20210129104015_541.jpg', + hot_count: 1395, + living: false + }, + ] + }, + selectBrandKey: '汽车', + selectBrandKeyIndex: 0, randomGuess: [], slideIndex: 0, list1: [], list2: [], + timer: null } }, computed: { @@ -177,6 +565,28 @@ export default { if (this.history.length > 2) return this.history.slice(0, 2) return this.history } + }, + selectBrandList() { + return this.brandRankList[this.selectBrandKey] + }, + brandListKeys() { + return Object.keys(this.brandRankList) + }, + }, + watch: { + slideIndex(newVal) { + if (newVal === 3) { + this.timer = setInterval(() => { + if (this.selectBrandKeyIndex === this.brandListKeys.length - 1) { + this.selectBrandKeyIndex = 0 + } else { + this.selectBrandKeyIndex++ + } + this.selectBrandKey = this.brandListKeys[this.selectBrandKeyIndex] + }, 3000) + } else { + clearInterval(this.timer) + } } }, created() { @@ -184,6 +594,10 @@ export default { this.refresh() }, methods: { + toggleKey(key) { + this.selectBrandKey = key + clearInterval(this.timer) + }, refresh() { this.randomGuess = _.sampleSize(this.guess, 6) }, @@ -213,7 +627,28 @@ export default { color: white; font-size: 1.4rem; + .type { + display: flex; + align-items: center; + justify-content: center; + height: 1.6rem; + width: 1.6rem; + font-size: 1.2rem; + margin-left: .5rem; + border-radius: .2rem; + + &.hot { + background: @primary-btn-color; + } + + &.new { + background: rgb(186, 51, 226); + } + } + .header { + z-index: 4; + background: @main-bg; height: 6rem; font-size: 1.4rem; padding: 0 @padding-page; @@ -241,6 +676,10 @@ export default { padding-top: 6rem; .history { + .row { + min-height: 4rem; + } + .history-expand { text-align: center; padding: 1rem; @@ -280,6 +719,17 @@ export default { box-sizing: border-box; padding: .8rem 0; width: 49%; + display: flex; + align-items: center; + + .desc { + max-width: 80%; + font-size: 1.4rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + } } } @@ -320,11 +770,14 @@ export default { .l-row { font-size: 1.4rem; display: flex; - margin-bottom: 1.5rem; + margin-bottom: 1.6rem; align-items: center; color: @second-text-color; .rank-wrapper { + display: flex; + align-items: center; + .rank { width: 1.8rem; height: 1.8rem; @@ -337,6 +790,7 @@ export default { .right { flex: 1; display: flex; + align-items: center; justify-content: space-between; .center { @@ -345,10 +799,10 @@ export default { //padding: 0 1rem; //flex: 1; display: flex; - font-size: 1.2rem; + align-items: center; + font-size: 1.4rem; color: white; - .desc { max-width: 85%; font-size: 1.4rem; @@ -356,33 +810,372 @@ export default { text-overflow: ellipsis; overflow: hidden; } - - .type { - display: flex; - align-items: center; - justify-content: center; - height: 1.8rem; - width: 1.8rem; - line-height: 1.8rem; - margin-left: 1rem; - border-radius: .2rem; - background: @primary-btn-color; - } } - .hot-count { + .count { font-size: 1.2rem; } } } + } - .more { - font-size: 1.2rem; - padding: 1rem 1rem 0 1rem; - text-align: center; - color: yellow; + .slide2 { + margin: 0 @padding-page 5rem @padding-page; + background: rgb(20, 22, 34); + border: 1px solid rgba(31, 34, 52, 0.5); + padding: @padding-page; + border-radius: 1rem; + + .l-row { + font-size: 1.4rem; + display: flex; + margin-bottom: 1rem; + align-items: center; + color: @second-text-color; + + &:active { + opacity: .5; + } + + .rank-wrapper { + display: flex; + align-items: center; + + .rank { + width: 1.8rem; + height: 1.8rem; + line-height: 1.8rem; + text-align: center; + margin-right: 1.5rem; + + &.top { + color: yellow; + } + } + } + + .right { + flex: 1; + display: flex; + align-items: center; + justify-content: space-between; + + .center { + width: calc(100vw - 16rem); + box-sizing: border-box; + //padding: 0 1rem; + //flex: 1; + display: flex; + align-items: center; + font-size: 1.4rem; + color: white; + + .avatar-wrapper { + @width: 3.5rem; + margin-right: 1rem; + display: flex; + align-items: center; + justify-content: center; + width: @width; + height: @width; + border-radius: 50%; + background: @primary-btn-color; + + .avatar { + width: @width - 0.3; + border-radius: 50%; + padding: .1rem; + background: black; + } + } + + .desc { + max-width: 55%; + font-size: 1.4rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + + .live-type { + height: 2.2rem; + padding: 0 .5rem; + display: flex; + align-items: center; + justify-content: center; + font-size: 1rem; + color: @second-text-color; + margin-left: .5rem; + border-radius: .2rem; + background: @second-btn-color-tran; + + .type2 { + margin-right: .2rem; + width: 1rem; + height: 1rem; + } + + .type1 { + margin-right: .2rem; + width: 1.5rem; + height: 1rem; + } + + } + } + + .count { + font-size: 1.2rem; + } + } } } + + .slide3 { + margin: 0 @padding-page 5rem @padding-page; + background: rgb(20, 22, 34); + border: 1px solid rgba(31, 34, 52, 0.5); + padding: @padding-page; + border-radius: 1rem; + + .l-row { + font-size: 1.4rem; + display: flex; + margin-bottom: 1rem; + align-items: center; + color: @second-text-color; + + &:active { + opacity: .5; + } + + .rank-wrapper { + display: flex; + align-items: center; + + .rank { + width: 1.8rem; + height: 1.8rem; + line-height: 1.8rem; + text-align: center; + margin-right: 1.5rem; + + &.top { + color: yellow; + } + } + } + + .right { + flex: 1; + display: flex; + align-items: center; + justify-content: space-between; + + .center { + width: calc(100vw - 15rem); + box-sizing: border-box; + //padding: 0 1rem; + //flex: 1; + display: flex; + align-items: center; + font-size: 1.4rem; + color: white; + + .avatar-wrapper { + margin-right: 1rem; + + .avatar { + width: 3rem; + height: 3rem; + border-radius: .2rem; + } + } + + .desc { + max-width: 95%; + font-size: 1.4rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + + } + + .count { + display: flex; + align-items: center; + font-size: 1.2rem; + + img { + margin-right: .2rem; + width: 1.5rem; + height: 1.5rem; + } + } + } + } + } + + .slide4 { + margin: 0 @padding-page 5rem @padding-page; + padding: .5rem @padding-page; + border-radius: 1rem; + + .brands { + color: @second-text-color; + font-size: 1.2rem; + margin-bottom: 1.5rem; + display: flex; + + .brand { + border-radius: .2rem; + margin-right: 1rem; + padding: .5rem 1rem; + background: @second-btn-color-tran; + + &.active { + color: white; + background: @second-btn-color; + } + } + } + + .l-row { + font-size: 1.4rem; + display: flex; + margin-bottom: 1rem; + align-items: center; + color: @second-text-color; + + &:active { + opacity: .5; + } + + .rank-wrapper { + display: flex; + align-items: center; + + .rank { + width: 1.8rem; + height: 1.8rem; + line-height: 1.8rem; + text-align: center; + margin-right: 1.5rem; + + &.top { + color: yellow; + } + } + } + + .right { + flex: 1; + display: flex; + align-items: center; + justify-content: space-between; + + .center { + width: calc(100vw - 15rem); + box-sizing: border-box; + //padding: 0 1rem; + //flex: 1; + display: flex; + align-items: center; + font-size: 1.4rem; + color: white; + + .avatar-wrapper { + @width: 3.5rem; + margin-right: 1rem; + + &.living { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: @width; + height: @width; + border-radius: 50%; + background: @primary-btn-color; + + .avatar-out-line { + width: @width; + height: @width; + position: absolute; + background: transparent; + border-radius: 50%; + border: .2rem solid @primary-btn-color; + animation: avatar-out-line 1s infinite; + + @keyframes avatar-out-line { + from { + padding: 0; + } + to { + opacity: 0; + padding: .2rem; + } + } + } + + .avatar { + padding: .1rem; + animation: avatar 1s infinite alternate; + } + } + + .avatar { + position: relative; + z-index: 2; + width: @width - 0.3; + height: @width - 0.3; + border-radius: 50%; + background: black; + box-sizing: border-box; + + @keyframes avatar { + from { + padding: .1rem; + } + to { + padding: .2rem; + } + } + } + } + + .desc { + max-width: 95%; + font-size: 1.4rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + + } + + .count { + display: flex; + align-items: center; + font-size: 1.2rem; + + img { + margin-right: .2rem; + width: 1.5rem; + height: 1.5rem; + } + } + } + } + } + + .more { + font-size: 1.2rem; + padding: 1rem 1rem 0 1rem; + text-align: center; + color: yellow; + } } } }