From d1eb1594ee5ee0f5115cbc8b9e1574f7219cf292 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Tue, 24 Aug 2021 20:57:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=86=E4=BA=ABicon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/icon/components/video/d5i.webp | Bin 753 -> 0 bytes
 src/assets/img/icon/components/video/fol.webp | Bin 2932 -> 0 bytes
 src/assets/img/icon/components/video/foq.webp | Bin 2097 -> 0 bytes
 src/assets/img/icon/components/video/for.webp | Bin 2702 -> 0 bytes
 src/assets/img/icon/components/video/gx-.webp | Bin 1371 -> 0 bytes
 src/assets/img/icon/components/video/gx5.webp | Bin 1810 -> 0 bytes
 src/assets/img/icon/components/video/gxj.webp | Bin 1152 -> 0 bytes
 src/assets/img/icon/components/video/gyq.webp | Bin 1006 -> 0 bytes
 src/assets/img/icon/components/video/hq0.webp | Bin 2482 -> 0 bytes
 src/assets/img/icon/components/video/hq1.webp | Bin 1617 -> 0 bytes
 src/assets/img/icon/components/video/hq2.webp | Bin 1728 -> 0 bytes
 src/assets/img/icon/components/video/hqy.webp | Bin 1288 -> 0 bytes
 src/assets/img/icon/举报.svg                |   1 -
 src/components/Share.vue                      |  84 ++---
 src/components/Video.vue                      |  13 +-
 .../slide/SlideColumnVirtualList.vue          | 308 ++++++++++++++++++
 src/pages/Test.vue                            |  22 +-
 src/pages/home/Index2.vue                     |  30 +-
 src/utils/mixin.js                            |   2 +
 19 files changed, 398 insertions(+), 62 deletions(-)
 delete mode 100644 src/assets/img/icon/components/video/d5i.webp
 delete mode 100644 src/assets/img/icon/components/video/fol.webp
 delete mode 100644 src/assets/img/icon/components/video/foq.webp
 delete mode 100644 src/assets/img/icon/components/video/for.webp
 delete mode 100644 src/assets/img/icon/components/video/gx-.webp
 delete mode 100644 src/assets/img/icon/components/video/gx5.webp
 delete mode 100644 src/assets/img/icon/components/video/gxj.webp
 delete mode 100644 src/assets/img/icon/components/video/gyq.webp
 delete mode 100644 src/assets/img/icon/components/video/hq0.webp
 delete mode 100644 src/assets/img/icon/components/video/hq1.webp
 delete mode 100644 src/assets/img/icon/components/video/hq2.webp
 delete mode 100644 src/assets/img/icon/components/video/hqy.webp
 delete mode 100644 src/assets/img/icon/举报.svg
 create mode 100644 src/components/slide/SlideColumnVirtualList.vue

diff --git a/src/assets/img/icon/components/video/d5i.webp b/src/assets/img/icon/components/video/d5i.webp
deleted file mode 100644
index c2019c79764573d4e21c591ecea5f0993c6c4f68..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 753
zcmV<N0uKF&P)<h;3K|Lk000e1NJLTq002k;002k`0{{R3VlzW^00018P)t-s0002~
zD^>p}Q2r}b{w!7gEL8q1RsJhf|0q=bEL8p~RsAbd|0`7fD^>j}RsJkh|NsB~M{ED(
z>i?Fi{$POqIbZ+s^#97$|FFOQh@bzx%KzBk{(F`FZi@e-wPvxQ!~g&Q4|GyaQvlx(
zaPPl>kRU)`P|vS0<NadC0006sNkl<ZSi`lL*|M`B5QGI$G+Tp9G~56FkNKaZj%O;e
z42H^g5vy|1MfWhuP(+ZYQXhrD58_bivMoMAmX*SqYS(O50kP8BAX6(u5OtF)LsA7#
zE0BQTf|nYJXc^OK1d<U=#FoMa)IOwBVk4zrr^aS#W<6PJ+T$Zyr(Oylp;on%0v{sY
z_mjrQXiq@-F_E!6b2YN4nGQ=v$;}HIhv{tQ(OJ^Qgob}-^W+*>(k@M<KbwU>r&I}+
z`pFQkQ1yzMRk@G~S$jv4vsk<<9`JgrxOj=KfBgbpZ(O{@ZRnnl*}s)qCSGE;x7Txk
zhf`6;<0X2`hMc(}>1e#f1^w^B;6poE+s=464~vem@Np~-cxUqIbQX^#ad;6<qxp1h
z7Iv|F4+&v~C!cu)8Mg4_2wgno!uY2%fe|9^-MU=B)hyh3A)<dP*ZUtfC?w!wXDS!z
zP~&q|bN$_(I*)MU6NlmmV(srb0#tZv4-ZxN8*49vv(smU(9CIu3Qvt6XxbCPP~kae
zXbY(jf`Vq9!Fkn2_qh#c%^ms1vmtH>@*Geki1;qQBS^!3AjdAz8RrdyS(xI^3Z`zD
zcxNKzSVJvh*^`!3DS2NL#+y2&OCAY>gcN+<T_ho*MU+ctCd(a<^AGIb7$Ne98ZIWD
z{r3jH{82Q2ICj}@8`s-!Tp;9MY2;tB@YJl7s%4QvQ;SR)Vi&#|D`l~X#-pW3WgBg&
jtHaBt5Jz2}Vk-XucJA_V)$j$900000NkvXXu0mjf%-Up7

diff --git a/src/assets/img/icon/components/video/fol.webp b/src/assets/img/icon/components/video/fol.webp
deleted file mode 100644
index 0a31a077990645e8e27288d085fe269b0c91ff6c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2932
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

diff --git a/src/assets/img/icon/components/video/foq.webp b/src/assets/img/icon/components/video/foq.webp
deleted file mode 100644
index a31ed9f15e8ad1ba03e364fc72611579a7bc8e65..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2097
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
bD)sLkX)YU*EeVbl00000NkvXXu0mjfX@wM(

diff --git a/src/assets/img/icon/components/video/for.webp b/src/assets/img/icon/components/video/for.webp
deleted file mode 100644
index 0e78ddc3626ecae75cb5131715f866e81c439435..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2702
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
DBLoRE

diff --git a/src/assets/img/icon/components/video/gx-.webp b/src/assets/img/icon/components/video/gx-.webp
deleted file mode 100644
index 21583c6658007f10fafbceefb357fe2d5bb9c234..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1371
zcmV-h1*H0kP)<h;3K|Lk000e1NJLTq004vl004vt0{{R3W}0)A0001`P)t-s00000
z&kz8}4FJdt0LKUb#|;3-4FJdt0LTph#}EL?4gkmv0LTphzYqY(3joIq0LKjg$P56-
z3;@Xu0LKjg$qfL=3;@Us0Lcpg$PNGh{~*sRzwyHF{O}OW9G~i>faHeW_~1a+N#FS4
zFw#1Z=arA=mCy9iukN#7-Dg16N#FS3aNu`f-DgnQSkLv*u<o;O;CHX>vrySt&-K!-
z?Xqy-c<mWb9RL6T8FW%kQveX3fFSSgkKQ29zuypWK+nElP@rGGuP}NWPUHXp1WZXp
zK~#9!?b~Z}qA(N&-~fWCC|-8AJxKt?OV`@kZTIs3f7%vzCCZTKAwk+1o^MP$?K{ay
zPG~G?wOXxK>sC5b$G+<aF1&Mt{=jx-_vD7Gusd*}%%D57$PHMd0VoZ=c1U&l2}BN3
z8_RLwN`YO^aP+<aN)0hA5ut$?Vj}Q7hnN!vP>~;+8ip=t=$a|W0JQi9D&wmQn!FLw
z<bVN=UOCucgl%bL=z}4BtN9FBismz9DVonvF@+6=+1hKfk(D}v8hl0W)h^V)!|mV!
z)WXLUXBTwo_tX$-6IPmxrY6LJ8ad6a48gl@C@!C?<Hy%^!Z}aYuW1Z*Y@9t%V{=YV
z@mB^Y9qoa56bXdyso|mMAtDGIGa8o8K*Sp=H#fOJ0(mhksmg*GTOd=ASw)l@N--j8
z162l7DJJN$6mwxNg;i}fL<au0qo<;Ti?3<Uhk7>V`L9g#C$TEhe5#%d%*RkR8T4oi
z8Brg*LdIBsK4wrZp+~F2^BOWKcDo4iCn`pBDP+Fq&k1CHQshu{@g?yrLhwSU=&&F-
z%{^-u1(f4w&5FIAF4yIDb?7M3Lo&~7;Tj&1x`%QX_bEO<)Cyxvqo1qmaz&M*bqew0
zn(zKS@%282i>BDaWlB}v7(6D0u}V_7z`?fhpHyy_mLD<}D^RlWi$m&#Ne>x`a#HSy
z%osZzFERU7t(}dr2O1{Nplq&7#gqg@#>Fks9g}4cJDH4&-K&7pQfc1cqleR+5kEdH
z<#mA$@l;-UdGmaWPuu%C26pUl8*?FIT86P={}9bRj*j1CB!uXi1wSA;J5MENeU;}=
z5{SZ7tdA`$&)PRXizL2=EzAI9HYKx>Z69Lh|D2s`=9gM~pxCTr;sq^uI4##@!l}TM
z7xA#hZdP|7#fp0c&x=6q2bB6&>4kh%{NbWnl{mJ6IiQe6CPO%=S08~b&TAsk2{A*w
z1j-j`BnnePS(x`k$_15JvP6~kPzrJ6SDh=KL~~V%af?H|{3u^Y7s<cc;Mwy<3I63L
z1eNbugl$$F`}uFqS$xG%Fj-y74MFAM5J6B5g}Rknq+(ITB7%sewumMBrO68)woqqa
zm9Bt>U@%3rs`y9U0Xjv6BmXz!7jPTdejQi7kQ=&y#d!H!2gn4q+_<EPYOhqcasAR1
z_8T7ke+Aj>SM#h=Qfyi3Ur!hQNb<a(PZbA3^mBdBb12to<fa}l10fbjjoi-XxsoJ9
zA8O-&u50QKabaKEg!lxb=Rpm;4ndhh4Mv~wgFPSPBTi&E2BZ2GX*`9<fKAbShAc(%
z8QxQTfDeU!jE~2@8+o9~n-Xn3AGGLyWLm$cb}eE?=vN+wkeK6mm8!w9h)F%W>cVU^
zMqU5wV*3>)!o2AOt}q!{q*lG@q`?G&HS3lK@h08SA~$qDbL`33_YS|@AK%%|v_o30
dR;$&zk-t<~jEy|jjFbQX002ovPDHLkV1l#yfQJA8

diff --git a/src/assets/img/icon/components/video/gx5.webp b/src/assets/img/icon/components/video/gx5.webp
deleted file mode 100644
index a9302433cfbfbc4f538a5645cb69027128eec7ce..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1810
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
A-T(jq

diff --git a/src/assets/img/icon/components/video/gxj.webp b/src/assets/img/icon/components/video/gxj.webp
deleted file mode 100644
index 0145637a88d3790be1f567f79621b33c1bd94eca..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1152
zcmV-`1b_R9P)<h;3K|Lk000e1NJLTq004vl004vt0{{R3W}0)A0001uP)t-s0000P
zxbG0J?-;l58MyBmxbGOa?-{x88M*HmxbGOZ?HRc58MyBtukRSQ?HIT37`X2lx9u3W
z?;5%98My8lw(c3a@EN)98M*Hmx$hXb?-{o57rXKqxbOe}|Kj%j#qIl=;P^Jd@$viq
zjNA88%JW3U@^8}hV9xZ@^89|+_9wjXsO0&#>H4YU`PboDHUIzs9duGoQvm)DAkUw_
z@9tor-`)^_K)#TGe{fK5ua7X^k59m<=>q@&1BFRMK~#9!?c2+Cn=lXt;1PFf492l@
zX*<H;_@4CrAFock(CGy<@C(NazC{)}S^Q^aBq0aWWHOmdCb#0JdH58}V!n!JK@{fe
z7rG&@D5IGFCo0z--GKKPai=Kt2>>TBIcPNAL(D?6aGY}ZU$~bMVt6J35Cd++0LcTn
zQ_OgvtZ-F^X9hgG8ORw!GM`{+%%EgNpa;e&Y(Bk^od`W3L%@y%-sfldNb&g@K2m&s
zhJh(Ub}WR~=BKRGM|Mx8)QcbU2oj(AnDHnwkK~>ig`cSfk3|(gGj89I2Od%GdS&eD
zO{KN2Hua9B5?Lv}u*l_gtBva5bmR0{<h<2?s*Wt8d}oEI^}k*RlmaQl53L8MP##za
zQwJbL?qrWR=r%hi3nXQ`rqXSyi=-bb>J~`{0%^zsAInB}*g6=^R5}sRRHzl)jg#*3
z4)<dYbi-Lc)@*mw-S+5XMag!ry4!&TN^m6Jb+;NF3KrPtZf`7*P^%XfsC2gtc%H9a
zggAlspqvFX5W>i@V|?o*L<lX8qc(u!{E6BG@*@;INCV)3#>^$SJZ97;mL8#aKVoVl
z->UHK3JB3?f$e475Ve*#BO&BtiI3*+!Q5+^3ow{7wm55<1F%E`Y;72Cz-INt-7Z>a
z%Qn&A1MH}!_QMab99*ErdH7MDN=E`8itmFjfm*C$ix+AY3wH^8r=WI`buQnx_9|@b
zlNnLF(z;bOKeSD~yZ$&1zx))oyVo1<v`zCdz=ytbY0NDlsz!AA*;_++G;}DAA4Rs7
zqWRUheeaPlR@~(x*e%}7U$#pL{(z!ufm96(_++@hdTdRGVcjtO82(ssWQmlz&0`jL
zZK=b7d)+ypOYyG$|5#M@PJ9mqNAuh{m<M1ijW6J5R%g5r_<4R36ap^AzTTXw-%juK
zzG<4jej_Ucut0FJPa-*wXh|~jj7O8*!M~}wAhD81@{J6jA#gL~{De{XOB|H)2v*e7
zk^#W#v}~NHkoue7!^>VYzk}D_t|{)|1;A^HJ9riHn!?d^h8`i7ieYL=pjE=4Bqf-i
zF(mWJg;D{n_~wxtMK-t$1-Y|Kcz|T-IsSHs>fMPDjDW{bqkY#UQ^Ew6Mqtu~Qq}}&
z@#xX0e3Ju6fb-VnLj9XWsbo<W9^KH(Iu94Y*F;?<UxTMGPkow9CX>nJMt%anZVz4s
S?xzp{0000<MNUMnLSTZ*DLGaE

diff --git a/src/assets/img/icon/components/video/gyq.webp b/src/assets/img/icon/components/video/gyq.webp
deleted file mode 100644
index 5ee14eee4551a3eb37c52a08d745d8f40973c340..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1006
zcmV<K0}=dENk&HI0{{S5MM6+kP&il$0000G0000x002Ay06|PpNId}n00Dp%0F2cp
z5+dOwAR!7m6s#y1IG_qf6+jg*2UJ19!QtR=kbLmEOZNJVhzWrILMppy77>}BUnQxc
zZjqBqmn*?~k*NOa6x54EpQ}_fOH%KWl#-h3c-V=;9wXr-Do2chlPDcA#w2Qo2#qNI
zJXMHhzMgQiDhck`LzMT2GSSX-<f%@E1DWV&+Itv~W^b_&a4Q#!Oj{2V(risO{053m
z#uZt~R=Jg8RavQ4HzRWUvFcT2gv(W7<!zN&p%q%e70fn9*u2|lx5xxvws5f!VE1mJ
z-6I3+_TZ^+fP<utvm?+e;}#CPpv${sP^jW}INK=V2F?$9UJwySEia4#II7?mLR{<>
zaEB26#;Lf3l+JSs_5_J5&#^evklq!ZV{oVubmm=PKEfPY0?kzRgJ)*;WBWny+XMhs
zP&goh0ssJT4*;D3Dm(x^06uLdk4K~;At62BfDMUk0JN#9e!<c~c030V9?V1;?`^B<
z1H{jy2bd4p?^nO<f3P0s|I7M-e{$*o^Z@;U^wst%{m}H1%q4yS%O-YRC_n67@{o<5
zI#}p6<egg3*6Q7(IinCpfVB)@FQ?cGf!DMyHE=<LerX5*{_j`6|ND^o@CmL%{vIM|
z;plD^yH(8F83Uyk{w=gAte~nXmjtraJexI-tY5)Nnssvpusm>yNaxSiq0bA}FOmEr
zf%5vxJ^GD_^BlCbvb-k;R_U#Q$K9eFnC&L&O!paM9_E{lFHatXYp)Ob3?)UVd%J?Y
z$bX>%d`&!29bDDCR{7b7Yn^8Tfy++e%C^g<y_6v%a&D@3LU*X560w1-3MQka#A>c_
z$69W`Vha@9CC%oe^ra<+m(O8VEEap7`hPm~lhikX(z1Ev1ZeW9&@nod5Tyd{ul@Q~
zG7HGI_N&KoETftu4?oDI^Anbhp&cfsARHNjZ(+?izQzS%*EK#=p+CY$oW~18+7Ziw
zns$DgcVW<C3rs&#dUgJD6<?mLTl=&Da>6=15sPVk2Ls79f3_z)IvM+-8z165%03dV
zy&3R$-(>4uL_9<SCB?@jtNuA4_MAv-z&DXEU5B)BMRuV#!H{FC<Yr;rk|DdD1B2SW
zxX_vp$LX3tG|w7BoY$n;+i6pA5Bs0t6e#~0OOM!tfQa-LjvfWKylZXi$=+xXd~KtE
zufWdr@w$OTNBB9ngL!~14+Fy9Ig%Sq`~x^JjK``u+v<B1h1acCsIbp6PdX~}Gmog$
cy}-49^u?*e$M~|$9i%fQA8=}X+CY?m08u~QE&u=k

diff --git a/src/assets/img/icon/components/video/hq0.webp b/src/assets/img/icon/components/video/hq0.webp
deleted file mode 100644
index dd4e0aae7be39141e3a4d8be9370c8b45511542a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2482
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

diff --git a/src/assets/img/icon/components/video/hq1.webp b/src/assets/img/icon/components/video/hq1.webp
deleted file mode 100644
index 687074f73cba48acbfa88149fcdc1442147ecac0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1617
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
P00000NkvXXu0mjfZm0n}

diff --git a/src/assets/img/icon/components/video/hq2.webp b/src/assets/img/icon/components/video/hq2.webp
deleted file mode 100644
index 3588dec5a050aa607d1f80fdde2bb80a68b38afe..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1728
zcmV;x20!_UP)<h;3K|Lk000e1NJLTq0058x0058(0{{R3(3ld60001EP)t-s00030
zU_k$2K>uMt|6)M@VL<<2K>uJs|6xG?VL<<4K>uMt|6oA>VnF|3K>uPu|6)M@|NsAX
zSpVzi|Mm0#iE#he&;PNX|7=YEorwRstN+Be|E81w;@khu!~cI||C4;K`{OMD000nl
zQchC<Aiv-5U=To{kbuuna4@gK2Snlk00sO>L_t(|+SQ!tmZC5ag=H0&)*^%ucHaLf
zXU4XtkU%y8)8D`Lc-m{#tyB^d4(|}(qH}V;1OYq<0^d*0(J?-JfH*q&AuJI3r>l3^
zkNA2DK*=S!?h>l_%Li@zXyZV|S5%{|>985zIRp!WWScM@eXu4uIwj{H{?REp4@us7
z-nqjntmP%N^4px($W{O=61*Fv_ypfL5+v^e4_pb-R|p#re%b0d!A6{%N!Je-&q9w-
zU7t15Erd-8Z)SR;5H==^jP$?`M2_hJh#b?St>^|a_II`y!fu4#$HpJ~@#q4(a`{aE
zvhQnOusdI_7+TBNx`y7%MrYU)wT(RZ5J#61_DGsj3H!&{se~<6S^_JQH+9Dt>#DK`
z9qt<ks7sNoCZI<2wGZo2rmrxyBwtv<!-}wUiaJWi4Fd#qDv;$M$KNnOkf$>gAm_M#
zi6KKv+qx>MF4I@!?=uFGGSgM$2?5#&lqC1jd6h2K4`oh34zHeqC<h5){O&@GH;n3y
zGsRO;2Qsej)jX*v8g`gbTh+xtP?0)mzP+U}4NJ)wCL`kW?F?kZ_8DuaVw9QI7SA+7
z^kthdBJ>8~tEWgk9xN-3oW=IxL8zpiRijs^M$WDl?h%;=@tGpbQ?8M-tHr2D+H@B2
zjgMg(^U1&C+JJ<U*=ioYxkxL0dyYA)K|)|$^gY^V+0=yaN#n1u@>`{euJ(Gwvd^3E
z22WWzb~nR$WCkh|o!-=gUd=0-A{oIEF+)KVR3`HE{Uhi>2yfVQlK4nmp(zMQqR_(6
zB9tzqv3nRtH)SCXi^h7?(EmN8!v@=elvsZ@-KNI$Kc+5mvDSf<n|5cd%(S4>|3`)D
z%wr?nEruqw6a=Ixxw>`WJT|c|Ff|-T5cHLVM6>EM8$H>~1fT*rcRfLc>|^J}ifxP6
zDJ?+3MQg!9W{a9tWlx@O$cL((v5+}|mLMjosd6r^37Ie>u@D4mN};vqOQEb^Mrs1)
z=m^Rra^#X&xrLz8Y+t2((Vr1xL1qD}IDlExE7le?jJ-Tf0Vgv8c`H=^nu5BKo*qWz
z1*6}SLo!vA*(*|(Jz3C`GszZWpT5vojYDcn56g?Qtd|Y#lp6@TXlJZg@GV9U;ndRD
z{^71$W0`#NNQq?nL=6Nbx)v%Gy`RZ8VhL!Hs3vGR21qc7w3oi-tOQNYswr$K{!5}Y
z+sNz$MXG}pg&6euwY*3>YZPWD=y-_r1kr`>o(r011r30x7Wbi+AU1Us%Sm6*bQrCV
z`sGzq4|;^Slva4Co2);Ir#RZNc~=XwYb|``W<xJHwiy4(mTEh<>t-kA9xN9&q>Axp
zH%p^mZ8y8Vs`oq@ei~|^s1E5Ct3Cr=JoOJ9&GbtS<4@=oO1rTu`it^}4z|hSC5c=d
zBeTUxV+Xn<I@`hpP9ZRfmH4?OAf2S`s<(w>&<+t6P@Qv9(1k)OY^P^2{<NUsqF%N$
zlkp`z6=>sY9;>P+D;h4Ynp-01F*XpMYn0~<1)w4}ZS;I;YSwbl$J6}*k7N@?@M51V
zU;O2v<6xXItTVMD+ThMY`+SLw<nV&p_y;rgBo09V|0(2-;A?qV4g?U6t7w$3PhfPG
z39VY^AcE0B7y%;^!-E6_*B?y}6MEdo$M6{98J|TNWrVU~$b0gSysSE!PN_H;k{BLF
zK}l+8MZlP&-Ep0gspS+L%<-)cG?9i$gOh_5$9Il=k)dwq`dKHq-8?|{N1FPfs2OXs
zzqG8b%AA8eSYpT>K1kxo(Pa$KZ#a7TvBSC8#YA6!2+x@t0+_IQ;tPC$;5S_oaPAs~
zdlyaIyNcu9WhLjXbKwQf?Fnzc^Gcw5mnPl2R=S6xF#6qBlij<#?cViv_Z|S?;3E=#
zjO0YRa4F(Sy0!_@<++4+BuL@;unJxRt8icO`8qzliE~dNLOJV6N}Q7O?WMrZ%HCl!
zBHuVTTR)!7GtuOK?enm>YjOc4!3krt1Kw5saKGp?j~qNk=fwB%@rRdta*l3qY54<x
Wp%AR51pbZy0000<MNUMnLSTX(PDncd

diff --git a/src/assets/img/icon/components/video/hqy.webp b/src/assets/img/icon/components/video/hqy.webp
deleted file mode 100644
index 71e85ab012d042ee866e01acb559067cb23c0910..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1288
zcmV+j1^4=iP)<h;3K|Lk000e1NJLTq0058x0058(0{{R3(3ld60001BP)t-s0000O
zx9=FZ?-;o68M*HmxbPIO?-;l57`X2lxbGOa?-{u77`N{kx$hae?-{x88MyEN|No5J
z_u}^bZ`1Ws%JVtG@+Z9T@%#S8?fa?Z`I_MPe%JP3&h)qG`qT3KRMbR#0000GbW%=J
z03g5L?_Ur=ppbyiP;fA>c$ND&000C>Nkl<Zc-qyR>yF|u427Fpn_d9BZCaqfzW-aU
zU}v||&a&jBO$pzhkw&AD<zqW>8Yf#qzBiRU)Jo9<rKGf#De~+M<ffFGo}gvfh-^FZ
zrd0Hj+BTcGD&I-+Mw-Zu${R@_(qz#Pm8JlcjpL?5QZTki%A7m0NXnc$ay{Y1fmUIy
zSgJIwMYV=nidIA|by8l^FA{N*sOdo}PTFaTfZk<+loW|F8M%H_ivW8R0mKiay{4$>
zeFkAP#l}GP&<2>q>>)CV+2d`|o)F?kw$QX0T12QnvFlMyn^H$uzoM>dJKCIGDgo^k
z*oxjjooCOe2qAtL33?MnN`l={NeOnRN=mS2nPw@7(M`AR$jsg8+z%AUVJ!!_^WB!2
zA1`bI;#v}pJMlNVcBBC0w-%mY#)<z)=O}<;v4e(=pV1PIT<Rd#@pC4^DS#9M{1a}G
z1X2vKCtNkL#6f3%1s>Vef>o^NmvnIU>l|pr0KvjVYl3sWWe<+9i)3g>j~#Oq7v+J9
z_3XuwP<DZe%_|s?Xn<xpVGQianGj~p8p7zAV`<g|RmB_oG7v}^)XjJ7OHUvwDCyao
ziBR%@5OVCzjZjR$dB>H#=?J9^s6rR!7-=?FB25@A`$H%iFN-t*291Q0<GblIV9-D)
z`@dG!w;N>eBZhNS$trl^7#W}?6bom4&j1~v8~}r6#Uch#jW!%($5Ay?h(WVr@oKfo
z2%}>RM<Ad<jzLZYfEk2`G+v5ugE~gJ5CCk@l{unjxIwsLcqzit{>U6rGrSHt=GdAk
zs0o@F1kW>>9mt;_41#xO64`zXjDolL7TKWn97IO|6|#lJlO9ielkJIs5Q-i|1<(eK
z41>4$InXHLRS2&{8fm33jDqjdBy!krd;IgbQC%Wuu%}0WVisK<e|{xj8syBgyVsOq
z!hF+WX(o^l9lyE=hlTTaM0$@Jx}oz`bWd0Xx*!Hw=ves6_dU31oB)Fw=-~XsZOAF?
z(D?^-4t-j1{nt-$RUIzmi443}b&J*5n+*Ec5&!d)2>pQPj_|$=Pz=a3WUKaLBos5x
zCTId_Uk3C*C~DDNrpxO7A-m)vfxG;_U{6=vLn8Pt%Gi1ZwIc`{d>O_0mg))8tq8rY
zbB)tQ%is%5r#J_CMevoc>o>)YQ+wyTk~h#np;6>q-~OTR-S1Etp8Ot4v6%zC5u3=>
z<=H`>aP>63%eh%WZ$cz9A@FK!F|X+js81RaNN$WGy+M=oMsd;`R!VN1YaZZ?kKTXg
zNML$Hlj)6>ZZUYP&1a7$r#HNv-gtX@4*(?iM8fYtN<yw^tw@<?cT#bZ`fA}5agwgG
zRS=d|;jrTSI+8s2s27N2gg2UOQs&$dR)vMK$f98+?3~!ovkAl|x!dNkxW?A>5>?K=
y*#Ob}|8YO_o+k$jQ&}nJ=MU?Ht;~LrEk6MW00=b6VR?N30000<MNUMnLSTZCQE)5(

diff --git a/src/assets/img/icon/举报.svg b/src/assets/img/icon/举报.svg
deleted file mode 100644
index e228111..0000000
--- a/src/assets/img/icon/举报.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1539702074319" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4164" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 358.555826c-12.288 0-22.26087 9.97287-22.26087 22.26087l0 268.221217c0 12.288 9.97287 22.26087 22.26087 22.26087s22.26087-9.97287 22.26087-22.26087L534.26087 380.816696C534.26087 368.528696 524.288 358.555826 512 358.555826zM512 716.176696c-12.288 0-22.26087 9.97287-22.26087 22.26087l0 44.699826c0 12.288 9.97287 22.26087 22.26087 22.26087s22.26087-9.97287 22.26087-22.26087l0-44.699826C534.26087 726.149565 524.288 716.176696 512 716.176696zM998.912 867.394783 575.688348 131.33913C559.972174 104.025043 536.754087 88.33113 512 88.33113S464.027826 104.025043 448.311652 131.33913L25.088 867.394783c-8.859826 15.426783-13.356522 30.675478-13.356522 45.345391 0 32.456348 23.908174 65.224348 77.312 65.224348l845.913043 0c53.381565 0 77.289739-32.768 77.312-65.224348C1012.268522 898.070261 1007.771826 882.821565 998.912 867.394783zM934.956522 933.420522 89.043478 933.420522c-9.861565 0-32.790261-2.025739-32.790261-20.702609 0-6.678261 2.56-14.669913 7.41287-23.129043L486.912 153.533217c15.137391-26.290087 35.06087-26.290087 50.198261 0l423.223652 736.033391c4.85287 8.45913 7.41287 16.450783 7.41287 23.129043C967.746783 931.394783 944.818087 933.420522 934.956522 933.420522z" p-id="4165"></path></svg>
\ No newline at end of file
diff --git a/src/components/Share.vue b/src/components/Share.vue
index 3a63635..f38244a 100644
--- a/src/components/Share.vue
+++ b/src/components/Share.vue
@@ -15,71 +15,78 @@
           <span>更多</span>
         </div>
       </div>
+
       <div class="line"></div>
       <div class="shares pl1r pb2r">
-        <div class="share-to pr1r pl1r"
-             v-for="item in 5"
-        >
-          <img src="../assets/img/icon/friend_circle.svg" alt="">
+        <div class="share-to pr1r pl1r">
+          <img src="../assets/img/icon/components/video/tofriend.webp" alt="">
+          <span>分享到日常</span>
+        </div>
+        <div class="share-to pr1r pl1r">
+          <img src="../assets/img/icon/components/video/towechat.webp" alt="">
           <span>朋友圈</span>
         </div>
         <div class="share-to pr1r pl1r">
-          <img src="../assets/img/icon/wechat.svg" alt="">
-          <span>微信</span>
+          <img src="../assets/img/icon/components/video/towechatchat.webp" alt="">
+          <span>微信好友</span>
         </div>
         <div class="share-to pr1r pl1r">
-          <img src="../assets/img/icon/sq-share-qqzone-01.svg">
+          <img src="../assets/img/icon/components/video/tozone.webp" alt="">
           <span>QQ空间</span>
         </div>
         <div class="share-to pr1r pl1r">
-          <img src="../assets/img/icon/QQ.svg">
-          <span>QQ</span>
+          <img src="../assets/img/icon/components/video/toqq.webp" alt="">
+          <span>QQ好友</span>
         </div>
         <div class="share-to pr1r pl1r">
-          <img src="../assets/img/icon/sina.svg">
-          <span>微博</span>
+          <img src="../assets/img/icon/components/video/totoutiao.webp" alt="">
+          <span>今日头条</span>
         </div>
         <div class="share-to pr1r pl1r">
-          <img src="../assets/img/icon/more.svg">
-          <span>更多</span>
+          <img src="../assets/img/icon/components/video/toweibo.webp" alt="">
+          <span>微博</span>
         </div>
       </div>
       <div class="toolbar pl1r pb2r">
         <div class="tool pr1r pl1r ">
-          <img src="../assets/img/icon/举报.svg" alt="">
+          <img src="../assets/img/icon/components/video/comeonlook.webp" alt="">
+          <span>一起看视频</span>
+        </div>
+        <div class="tool pr1r pl1r ">
+          <img src="../assets/img/icon/components/video/warring.png" alt="">
           <span>举报</span>
         </div>
         <div class="tool pr1r pl1r ">
-          <img src="../assets/img/icon/download.svg" alt="">
+          <img src="../assets/img/icon/components/video/download.png" alt="">
           <span>保存本地</span>
         </div>
         <div class="tool pr1r pl1r ">
-          <img src="../assets/img/icon/collect.svg" alt="">
+          <img src="../assets/img/icon/components/video/star.png" alt="">
           <span>收藏</span>
         </div>
         <div class="tool pr1r pl1r ">
-          <img src="../assets/img/icon/qiangjing.svg" alt="">
-          <span>抢镜</span>
+          <img src="../assets/img/icon/components/video/comeonplay.webp" alt="">
+          <span>合拍</span>
         </div>
         <div class="tool pr1r pl1r">
-          <img src="../assets/img/icon/qr_code.svg" alt="">
-          <span>二维码</span>
+          <img src="../assets/img/icon/components/video/bizhi.webp" alt="">
+          <span>动态壁纸</span>
         </div>
         <div class="tool pr1r pl1r">
-          <img src="../assets/img/icon/dongtaibizhi.svg" alt="">
-          <span>动态壁纸</span>
+          <img src="../assets/img/icon/components/video/dislike.png" alt="">
+          <span>不感兴趣</span>
         </div>
         <div class="tool pr1r pl1r">
-          <img src="../assets/img/icon/hepai.svg" alt="">
-          <span>合拍</span>
+          <img src="../assets/img/icon/components/video/link.png" alt="">
+          <span>复制链接</span>
         </div>
         <div class="tool pr1r pl1r">
-          <img src="../assets/img/icon/dislike.svg" alt="">
-          <span>不感兴趣</span>
+          <img src="../assets/img/icon/components/video/qrcode.png" alt="">
+          <span>二维码</span>
         </div>
         <div class="tool pr1r pl1r">
-          <img src="../assets/img/icon/href.svg" alt="">
-          <span>复制链接</span>
+          <img src="../assets/img/icon/hepai.svg" alt="">
+          <span>合拍</span>
         </div>
       </div>
     </div>
@@ -100,6 +107,8 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import "../assets/scss/index";
+
 .share {
   position: fixed;
   /*top: 200px;*/
@@ -158,17 +167,16 @@ export default {
     display: flex;
 
     .share-to {
-      width: 50px;
 
       img {
-        width: 30px;
-        height: 30px;
-        padding: 10px;
+        width: 5rem;
+        height: 5rem;
         border-radius: 50%;
-        background: #1ace04;
       }
 
       span {
+        color: @second-text-color;
+        font-size: 1rem;
         display: block;
         text-align: center;
       }
@@ -184,14 +192,16 @@ export default {
       float: left;
 
       img {
-        width: 30px;
-        height: 30px;
-        padding: 10px;
+        width: 3rem;
+        height: 3rem;
+        padding: 1rem;
         border-radius: 50%;
-        background: #eaeaea;
+        background: @second-btn-color;
       }
 
       span {
+        color: @second-text-color;
+        font-size: 1rem;
         display: block;
         text-align: center;
       }
diff --git a/src/components/Video.vue b/src/components/Video.vue
index 73e36fb..ac6465a 100644
--- a/src/components/Video.vue
+++ b/src/components/Video.vue
@@ -5,7 +5,14 @@
 <!--</template>-->
 <template>
   <div class="bg-video" v-bind:style="{'height':height+'px'}">
-    <video :src="video.videoUrl" poster="../assets/img/poster/1.jpg" ref="video" muted :autoplay="play" loop>
+<!--    <video :src="video.videoUrl" poster="../assets/img/icon/components/video/loading.gif" ref="video" muted :autoplay="play" loop>-->
+<!--    poster="../assets/img/poster/1.jpg"-->
+
+    <video :src="video.videoUrl"
+           ref="video"
+           muted
+           preload
+           :autoplay="play" loop>
       <p> 您的浏览器不支持 video 标签。</p>
     </video>
     <div class="float-container" v-if="true" @click.stop="togglePlayVideo">
@@ -172,13 +179,11 @@ export default {
       this.currentTime = Math.ceil(e.target.currentTime)
       this.pageX = this.currentTime * this.step
     }
-    video.addEventListener('timeupdate', fun)
     video.addEventListener('loadedmetadata', e => {
       this.duration = video.duration
       if (this.duration > 60) {
         this.step = this.width / Math.floor(this.duration)
-      } else {
-        video.removeEventListener('timeupdate', fun)
+        video.addEventListener('timeupdate', fun)
       }
     })
     video.addEventListener('play', e => {
diff --git a/src/components/slide/SlideColumnVirtualList.vue b/src/components/slide/SlideColumnVirtualList.vue
new file mode 100644
index 0000000..ede6fa2
--- /dev/null
+++ b/src/components/slide/SlideColumnVirtualList.vue
@@ -0,0 +1,308 @@
+<template>
+  <div id="base-slide-wrapper">
+    <div id="base-slide-list" ref="slideList"
+         :style="{'flex-direction':'column'}"
+         @touchstart="touchStart($event)"
+         @touchmove="touchMove($event)"
+         @touchend="touchEnd($event)">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+import * as Vue from 'vue'
+
+export default {
+  name: "SlideColumnVirtualList",
+  props: {
+    renderSlide: {
+      type: Function,
+      default: () => {
+        return null
+      }
+    },
+    list: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    defaultVirtualItemTotal: {
+      type: Number,
+      default: () => 5
+    },
+    activeIndex: {
+      type: Number,
+      default: () => 0
+    },
+  },
+  data() {
+    return {
+      wrapperHeight: 0,
+
+      startLocationX: 0,
+      startLocationY: 0,
+
+      moveXDistance: 0,
+      moveYDistance: 0,
+
+      judgeValue: 10,
+      startTime: 0,
+
+      currentSlideItemIndex: 0,
+      isDrawDown: true,
+      isCanDownWiping: false,
+      isNeedCheck: true,
+
+      slideList: null,
+      slideItems: null,
+      slideItemsHeights: [],
+      appInsMap: new Map()
+    }
+  },
+  watch: {
+    watchList: {
+      handler(newVal, oldVal) {
+        let that = this
+        if (oldVal.length === 0) {
+          let startIndex = 0
+          if (this.currentSlideItemIndex >= this.defaultVirtualItemTotal) {
+            startIndex = this.currentSlideItemIndex - (this.defaultVirtualItemTotal - 1) / 2
+          }
+          this.list.slice(startIndex, startIndex + 5).map(
+              (item, index) => {
+                let el = null
+                //自动播放，当前条（可能是0，可能是其他），试了下用jq来找元素，然后trigger play事件，要慢点样
+                if (startIndex + index === this.currentSlideItemIndex) {
+                  el = this.getInsEl(item, startIndex + index, true)
+                } else {
+                  el = this.getInsEl(item, startIndex + index)
+                }
+                this.slideList.appendChild(el)
+              })
+          if (that.currentSlideItemIndex > 2) {
+            this.$setCss(this.slideList, 'transform', `translate3d(0px,
+             ${-this.currentSlideItemIndex * this.wrapperHeight}px,  0px)`)
+            $(".video-slide-item").each(function () {
+              $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight)
+            })
+          }
+          setTimeout(this.checkChildren, 100)
+        } else {
+          let endLength = oldVal.length + 3
+          newVal.slice(oldVal.length, endLength).map((item, index) => {
+            let el = this.getInsEl(item, oldVal.length + index)
+            //这里必须要设置个top值，不然会把前面的条目给覆盖掉
+            $(el).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight)
+            this.slideList.appendChild(el)
+          })
+          this.checkChildren()
+        }
+      },
+      deep: true
+    }
+  },
+  computed: {
+    //包装下，不然后watch里面监听到的新值和旧值是一样的，麻了
+    watchList() {
+      return [...this.list]
+    },
+  },
+  mounted: async function () {
+    this.checkChildren()
+    this.currentSlideItemIndex = this.activeIndex
+    this.list.slice(this.currentSlideItemIndex, (this.defaultVirtualItemTotal + 1) / 2).map((item, index) => {
+      this.slideList.appendChild(this.getInsEl(item, index))
+    })
+    this.checkChildren()
+  },
+  methods: {
+    getInsEl(item, index, play = false) {
+      let slideVNode = this.renderSlide(item, index, play)
+      const app = Vue.createApp({
+        render() {
+          return slideVNode
+        }
+      })
+      const parent = document.createElement('div')
+      const ins = app.mount(parent)
+      this.appInsMap.set(index, app)
+      // this.appInsMap.set(index, ins)
+      return ins.$el
+    },
+    checkChildren() {
+      this.slideList = this.$refs.slideList
+      this.slideItems = this.slideList.children
+      this.wrapperHeight = this.$getCss(this.slideList, 'height')
+    },
+    touchStart(e) {
+      this.$setCss(this.slideList, 'transition-duration', `0ms`)
+      this.showIndicator && this.$setCss(this.indicatorRef, 'transition-duration', `0ms`)
+      this.toolbarStyleTransitionDuration = 0
+      this.startLocationX = e.touches[0].pageX
+      this.startLocationY = e.touches[0].pageY
+      this.startTime = Date.now()
+
+      let that = this
+      let items = $(".video-slide-item")
+      if (items.length > this.defaultVirtualItemTotal) {
+        let middle = (this.defaultVirtualItemTotal - 1) / 2
+        let removeNum = 0
+        items.each(function (index) {
+          if ($(this).data('index') === that.currentSlideItemIndex) {
+            console.log('start-index', index)
+            if (index !== middle) {
+              removeNum = index - middle
+            }
+          }
+        })
+        items.each(function (index) {
+          $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight)
+        })
+        for (let i = 0; i < removeNum; i++) {
+          $(items[i]).remove()
+        }
+      }
+    },
+    touchMove(e) {
+      this.moveXDistance = e.touches[0].pageX - this.startLocationX
+      this.moveYDistance = e.touches[0].pageY - this.startLocationY
+
+      this.isDrawDown = this.moveYDistance < 0
+
+      this.checkDirection()
+
+      //me页面，需要获取向下滑动的时候
+      if (!this.isDrawDown) {
+        this.$attrs['onFirst'] && this.$emit('first', this.moveYDistance)
+      }
+
+      //todo 太卡了，后面考虑用原生js来写
+      // this.$attrs['onMove'] && this.$emit('move', {
+      //   x: {distance: this.moveXDistance, isDrawRight: this.isDrawRight},
+      //   y: {distance: this.moveYDistance, isDrawDown: this.isDrawDown},
+      // })
+
+      if (this.isCanDownWiping) {
+        if (this.currentSlideItemIndex === 0 && !this.isDrawDown) return; //在第一个item，并且想往下划。
+        if (this.currentSlideItemIndex === this.list.length - 1 && this.isDrawDown) return
+        // console.log('this.isCanDownWiping')
+        this.$stopPropagation(e)
+        this.$setCss(this.slideList, 'transform', `translate3d(0px, ${-this.getHeight(this.currentSlideItemIndex) +
+        this.moveYDistance +
+        (this.isDrawDown ? this.judgeValue : -this.judgeValue)
+        }px, 0px)`)
+      }
+    },
+    touchEnd(e) {
+      if (this.isCanDownWiping) {
+        if (this.currentSlideItemIndex === 0 && !this.isDrawDown) return
+        if (this.currentSlideItemIndex === this.list.length - 1 && this.isDrawDown) return this.$attrs['onEnd'] && this.$emit('end')
+
+        this.$stopPropagation(e)
+
+        this.$setCss(this.slideList, 'transition-duration', `300ms`)
+        let endTime = Date.now()
+        let gapTime = endTime - this.startTime
+
+        if (Math.abs(this.moveYDistance) < 20) gapTime = 1000
+        if (Math.abs(this.moveYDistance) > (this.wrapperHeight / 3)) gapTime = 100
+        if (gapTime < 150) {
+          if (this.isDrawDown) {
+            this.currentSlideItemIndex += 1
+          } else {
+            this.currentSlideItemIndex -= 1
+          }
+          // console.log(this.slideItems.length)
+          let that = this
+          if (this.isDrawDown) {
+            let addItemIndex = this.currentSlideItemIndex + 2
+            if (this.slideItems.length < this.defaultVirtualItemTotal) {
+              let res = $(`#base-slide-list .video-slide-item[data-index=${addItemIndex}]`)
+              if (res.length === 0) {
+                this.slideList.appendChild(this.getInsEl(this.list[addItemIndex], addItemIndex))
+              }
+            }
+            if (this.slideItems.length === this.defaultVirtualItemTotal
+                && this.currentSlideItemIndex >= (this.defaultVirtualItemTotal + 1) / 2
+                && this.currentSlideItemIndex <= this.list.length - 3
+            ) {
+              let res = $(`#base-slide-list .video-slide-item[data-index=${addItemIndex}]`)
+              // console.log(videos)
+              if (res.length === 0) {
+                this.slideList.appendChild(this.getInsEl(this.list[addItemIndex], addItemIndex))
+                this.appInsMap.get($("#base-slide-list .video-slide-item:first").data('index')).unmount()
+                // $("#base-slide-list .base-slide-item:first").remove()
+                $(".video-slide-item").each(function () {
+                  $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight)
+                })
+              }
+            }
+            if (this.slideItems.length > this.defaultVirtualItemTotal) {
+              this.appInsMap.get($("#base-slide-list .video-slide-item:first").data('index')).unmount()
+              $(".video-slide-item").each(function () {
+                $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight)
+              })
+            }
+          } else {
+            if (this.currentSlideItemIndex > 1 && this.currentSlideItemIndex <= this.list.length - 4) {
+              let addItemIndex = this.currentSlideItemIndex - 2
+              this.slideList.prepend(this.getInsEl(this.list[addItemIndex], addItemIndex))
+              this.appInsMap.get($("#base-slide-list .video-slide-item:last").data('index')).unmount()
+              // $("#base-slide-list .base-slide-item:last").remove()
+              $(".video-slide-item").each(function () {
+                $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight)
+              })
+            }
+          }
+          this.checkChildren()
+        }
+        this.$setCss(this.slideList, 'transform', `translate3d(0px, ${-this.getHeight(this.currentSlideItemIndex)}px,  0px)`)
+      }
+      this.resetConfig()
+      this.$attrs['onUpdate:active-index'] && this.$emit('update:active-index', this.currentSlideItemIndex)
+    },
+    resetConfig() {
+      this.isCanDownWiping = false
+      this.isNeedCheck = true
+      this.moveXDistance = 0
+      this.moveYDistance = 0
+    },
+    getHeight(index) {
+      return this.wrapperHeight * index
+    },
+    checkDirection() {
+      if (!this.isNeedCheck) return
+      let angle = (Math.abs(this.moveXDistance) * 10) / (Math.abs(this.moveYDistance) * 10)
+      if (angle < 0.6) {
+        //上下划
+        this.isCanDownWiping = true
+        this.isNeedCheck = false
+        return
+      }
+      if (angle > 5) {
+        //左右划
+        this.isCanDownWiping = false
+        this.isNeedCheck = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "../../assets/scss/index";
+
+#base-slide-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  #base-slide-list {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    position: relative;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/Test.vue b/src/pages/Test.vue
index da0c899..36f01e3 100644
--- a/src/pages/Test.vue
+++ b/src/pages/Test.vue
@@ -6,27 +6,23 @@
       </template>
     </BaseHeader>
     <div class="content">
-      <SlideColumnList
-          ref="slideList"
-          direction="column"
-      >
-        <SlideItem v-for="(item,index)  of videos" :key="index">
-          <Video1
-              v-model:video="videos[index]"
-              @showComments="isCommenting = !isCommenting"
-              @showShare="isSharing = !isSharing"
-              @goUserInfo="baseActiveIndex = 1"
-          ></Video1>
-        </SlideItem>
-      </SlideColumnList>
+      <Share :is-sharing="true" ref="share"/>
 
     </div>
   </div>
 </template>
 <script>
+import SlideColumnList from "../components/slide/SlideColumnList";
+import SlideRowList from "../components/slide/SlideRowList";
+import Video1 from "../components/Video";
+import Comment from "../components/Comment";
+import Share from "../components/Share";
+import Me from "./me/Me";
+
 export default {
   name: "Test",
   props: {},
+  components: {SlideColumnList, SlideRowList, Video1, Comment, Share, Me},
   data() {
     return {
       videos: [
diff --git a/src/pages/home/Index2.vue b/src/pages/home/Index2.vue
index 7c1ff1f..e841cd0 100644
--- a/src/pages/home/Index2.vue
+++ b/src/pages/home/Index2.vue
@@ -89,17 +89,15 @@
             </SlideColumnList>
           </SlideItem>
           <SlideItem>
-            <SlideColumnList
+            <SlideColumnVirtualList
                 ref="slideList"
-                direction="column"
-                :virtual="true"
                 :list="videos"
                 :renderSlide="render"
                 v-model:active-index="videoActiveIndex"
                 v-model:active-index1="videoActiveIndex"
                 @end="end"
             >
-            </SlideColumnList>
+            </SlideColumnVirtualList>
           </SlideItem>
         </SlideRowList>
         <Footer v-bind:init-tab="1"/>
@@ -196,7 +194,23 @@ export default {
           "status": 1
         }
       ],
-      videos: [],
+      videos: [
+        // {
+        //   "id": "d2f55373-80dd-4c14-93a7-7a40e9cbf049",
+        //   "posterUrl": "images/20210815/0.png",
+        //   "videoUrl": "http://qy9rc9xff.hn-bkt.clouddn.com/29.mp4",
+        //   "title": "",
+        //   "likeNum": null,
+        //   "commentNum": null,
+        //   "sharedNum": null,
+        //   "duration": null,
+        //   "musicId": "126f9654-450b-466c-8003-085199a7f9b9",
+        //   "browseCount": 0,
+        //   "createTime": "1629683008",
+        //   "createBy": "3e301843-e8bb-41c0-8240-9c4b42a17341",
+        //   "status": 1
+        // }
+      ],
       localVideos: [
         {
           videoUrl: mp40,
@@ -341,6 +355,9 @@ export default {
         let video = $(this).find('video')
         if ($(this).data('index') === newVal) {
           video.trigger('play')
+          video.on('canplay', () => {
+            video.trigger('play')
+          })
         } else {
           video.trigger('pause')
           setTimeout(() => {
@@ -370,7 +387,6 @@ export default {
       if (res.code === this.SUCCESS_CODE) {
         this.totalSize = res.data.count
         this.videos = this.videos.concat(res.data.list)
-
         // this.videos = this.$clone(this.localVideos)
       } else {
         this.pageNo--
@@ -380,7 +396,7 @@ export default {
       console.log(e)
     },
     end() {
-      console.log('end')
+      this.$notice('暂时没有更多了')
     }
   }
 }
diff --git a/src/utils/mixin.js b/src/utils/mixin.js
index 34cacff..2bdd600 100644
--- a/src/utils/mixin.js
+++ b/src/utils/mixin.js
@@ -3,6 +3,7 @@ import BaseHeader from "../components/BaseHeader";
 import SlideList from "../components/slide/SlideList";
 import SlideRowList from "../components/slide/SlideRowList";
 import SlideColumnList from "../components/slide/SlideColumnList";
+import SlideColumnVirtualList from "../components/slide/SlideColumnVirtualList";
 import SlideItem from "../components/slide/SlideItem";
 import Indicator from "../components/Indicator";
 import Video from "../components/Video";
@@ -19,6 +20,7 @@ export default {
     SlideList,
     SlideRowList,
     SlideColumnList,
+    SlideColumnVirtualList,
     SlideItem,
     Indicator,
     'Video1':Video,