From 1278260812dc0172848af7dca7d8164d7382bdbd Mon Sep 17 00:00:00 2001 From: zhangsir Date: Tue, 10 Sep 2024 16:07:18 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BE=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/case/Frame(1).png | Bin 0 -> 467 bytes src/assets/images/case/Frame(10).png | Bin 0 -> 412 bytes src/assets/images/case/Frame(11).png | Bin 0 -> 474 bytes src/assets/images/case/Frame(12).png | Bin 0 -> 427 bytes src/assets/images/case/Frame(13).png | Bin 0 -> 471 bytes src/assets/images/case/Frame(14).png | Bin 0 -> 424 bytes src/assets/images/case/Frame(15).png | Bin 0 -> 461 bytes src/assets/images/case/Frame(16).png | Bin 0 -> 689 bytes src/assets/images/case/Frame(17).png | Bin 0 -> 625 bytes src/assets/images/case/Frame(2).png | Bin 0 -> 514 bytes src/assets/images/case/Frame(3).png | Bin 0 -> 665 bytes src/assets/images/case/Frame(4).png | Bin 0 -> 576 bytes src/assets/images/case/Frame(5).png | Bin 0 -> 475 bytes src/assets/images/case/Frame(6).png | Bin 0 -> 528 bytes src/assets/images/case/Frame(7).png | Bin 0 -> 476 bytes src/assets/images/case/Frame(8).png | Bin 0 -> 540 bytes src/assets/images/case/Frame(9).png | Bin 0 -> 387 bytes src/assets/images/case/Frame.png | Bin 0 -> 413 bytes src/components/Portal/authorInfo.vue | 2 +- src/components/Portal/comments.vue | 36 ++++++++++- src/components/Portal/interactBar.vue | 89 ++++++++++++++++++++++++-- src/views/case/ManageList.vue | 19 +++--- src/views/portal/case/Excellent.vue | 3 - src/views/portal/case/Index.vue | 68 ++++++++++++++------ 24 files changed, 176 insertions(+), 41 deletions(-) create mode 100644 src/assets/images/case/Frame(1).png create mode 100644 src/assets/images/case/Frame(10).png create mode 100644 src/assets/images/case/Frame(11).png create mode 100644 src/assets/images/case/Frame(12).png create mode 100644 src/assets/images/case/Frame(13).png create mode 100644 src/assets/images/case/Frame(14).png create mode 100644 src/assets/images/case/Frame(15).png create mode 100644 src/assets/images/case/Frame(16).png create mode 100644 src/assets/images/case/Frame(17).png create mode 100644 src/assets/images/case/Frame(2).png create mode 100644 src/assets/images/case/Frame(3).png create mode 100644 src/assets/images/case/Frame(4).png create mode 100644 src/assets/images/case/Frame(5).png create mode 100644 src/assets/images/case/Frame(6).png create mode 100644 src/assets/images/case/Frame(7).png create mode 100644 src/assets/images/case/Frame(8).png create mode 100644 src/assets/images/case/Frame(9).png create mode 100644 src/assets/images/case/Frame.png diff --git a/src/assets/images/case/Frame(1).png b/src/assets/images/case/Frame(1).png new file mode 100644 index 0000000000000000000000000000000000000000..90d9a10404aa476ce4b85abf01842c1c0c689490 GIT binary patch literal 467 zcmV;^0WAKBP)Px$jY&j7R5(wKQM*b5Q4l?I#SgHtx7HByFeD_ztO$yYh?Rv}So#ye)<(z|h**e) zDHIgn=1F#wXku?G1X2kGF?V$C#x+X73|q|XJ?EY?=Mo0g$xVI}Oc?-Khu+uImi6%$ zMuUlkBSo}g&RDN5T8YDI@iJ#` zF>!{OiHL;y0!Bx~ztrV}QrM-dd}W6TskwM$`l4Vr6)-6z0SH#eGMk}S1bUIj{oQek3ZMmvhfITHKCNp_N&u^CQD|IcvWF(;O zq-U`wH~)^q{Oj4*n$wiCAGF9PBLUNY+fib7&?B3Sc$xC{gP7q&*sluCqapsSzJy&> zH9A4XTEi&DLw?iulOz?*T3mWI8EC~r{&6bTn{8%{#ezO6)fy%!_aTgFZ)JA{v;KZG z=v$|9qY>h+nu-Oc_Dc1qjUUA>6h_=p0nh*|yuP(trPx$R!KxbR5(wKlCdkrQ545N-|Jf zn-b$;i7`9kQ84VDKskidxzDE`vIen=Y}z z$Fo!%+2ValOA$2X=ZOW)63V=&&4q=j1dPUWhnoB%4i1GGWEZ(fWGNZ5?qX6UqcJDD zN@6@r6YLu6l=MBIQbM6X{S3)&vac|OJm$Z>M7HkV^%ABSl-==$GY}?`-DdV*tlzTp zv&uQtBrEcJM%yh$DiiFt?pRIo0z~ePx$lu1NER5(wCl0Qh4VI0Rl-{;cv!dmk^@C!5eH#XpjYe)(DKX&v_bPos@1eoMatDGD^9tNXaHvf7i=mD*hT`!`(|S{ePx$Wl2OqR5(wqlD$itQ5eO4=gn)$*ug( zM6d7&^As2gKmz9!*i((;yCT1ceoM)L*MbQH5;z{ZD_*}Ls(Q&$9*CRQcy4$P6l1`F z13?{=I-!Or<#A|-z;s$=SALf(G%!UeVjN;7Ej~n1GUi-h3mEOGUkl0#pYjx*V1%&D z0!133&8tMr8g?a`Hg9rb_uYxIZPpV}@hx#Nn2{u5KGrB$MYMqBpCubMsbz@VMKY&kR#w%VNBj&ZWg#gk)YI2J_~aef2S=XI$Kl zW1V6cWL5<#h_UVvdhIYr3e;)xQA>30LcbZvU+KSr0YTaaXDV~`r^EiA<^I*XKLB6P VdUvvlddvU-002ovPDHLkV1hj@wjuxk literal 0 HcmV?d00001 diff --git a/src/assets/images/case/Frame(13).png b/src/assets/images/case/Frame(13).png new file mode 100644 index 0000000000000000000000000000000000000000..45d0ec2dce062f0997a172e074ecfd1b9285989c GIT binary patch literal 471 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/case/Frame(3).png b/src/assets/images/case/Frame(3).png new file mode 100644 index 0000000000000000000000000000000000000000..4d1f7349483b89b35d89efaee65388c05ec1077c GIT binary patch literal 665 zcmV;K0%rY*P)Px%Q%OWYR5(wSlTS!gQ543%@A@V+qKsTfv=N2=AeJ_jW9smbNP}=OLJ+iY5iX^j z8?hGRQrfu{iV0kbLP%Xk#%W5OGNFXB+_Y#_kVxUoJ$c_a<5Qm#oz=VVob!9%`ObaB zKVs@dauh)I?asFQrAk>UIX$gwaP-I*g3cEHT$V z{3XB|oysn3ZH_~+2gr*T5$}PdSmPkr0Pv2p^9wOW#6=`zlP1TG8|~rbj831a45?_2 zd_vj|uibM!545bp0gpWT%k)Bw!Z<)j#C#`sLWl~#sf6vakUY$uZ5WuL&d8OKqS+n{ zDh|N0bw%k#noo^~vtaYUZ3#avXf2k`r86-hCikz``jQ9x!kE5jBs@`gb71{*Z{BVK zyJHp1-3#Y>^jcHx-qC$0omxESgq#n%L+o?dZj?$yB%9s%aoly?-+_weGs`g;-)K8} z#T*>XsIsQ^=7!~9(9-fS!Qnkth)EEvqT)rrS4MEJ?Q-MOKu{|4ev&{htg#}AZFe8G zHa8}0@vEhkJ5VyZ{qxpZJGrKPHSCJSykN+!5~Q8 z($sJ_5Tvy}=DM!E@+HFp%TJy@)q3gdw?g4xuL|<(PYTb(00000NkvXXu0mjfg@!;x literal 0 HcmV?d00001 diff --git a/src/assets/images/case/Frame(4).png b/src/assets/images/case/Frame(4).png new file mode 100644 index 0000000000000000000000000000000000000000..fd03bac68a389d6a6b727cc4a6290f60e2888c3b GIT binary patch literal 576 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/case/Frame.png b/src/assets/images/case/Frame.png new file mode 100644 index 0000000000000000000000000000000000000000..c7409f2fea20ed266e8daa52a0fbdefe68b700aa GIT binary patch literal 413 zcmV;O0b>4%P)Px$S4l)cR5(w4QcFrhK@hAO+<6p5K_Q^71b4c~9bC9_rw8y1Djq{2poj@E-$(K^ z8gb(dJVFqhlIeN#@`UJYX1cq&ySjSVX!RPT+m}R=0)Xl}*bKhHA8a_+;B9;84GfTk z3{gc_-=RVR-*qw{Y#%zN+N2^T^(yhDm-pR~mwcotOaa{#bO3K;0=K}a4q{!3%=pk7 z$0&_%ljLQA{&mUw6979AOR+h~JtR}5Do)A@J`<~2CUk5K@*rmn{&T0igkw8pb)-Udc1Dw=K)}x=e1yiJgJQ7)s#O3>wvDj6?)b%Kj5Ak0fO9fL zdFHDzJ^K0US5avm2~t?J*k2Tk<0TA)^G&yGy3Ked8t{dJbZq; z22hXRj*t4**>-KMvq-4)r!1CD-p?JeL-Dk>vC{f0A^Cp*`~tzHgsMjH00000NkvXX Hu0mjfTe`Fd literal 0 HcmV?d00001 diff --git a/src/components/Portal/authorInfo.vue b/src/components/Portal/authorInfo.vue index 159bade5..bb6f8001 100644 --- a/src/components/Portal/authorInfo.vue +++ b/src/components/Portal/authorInfo.vue @@ -15,7 +15,7 @@
{{userName}} {{userInfo}} - {{tag}} + {{tag}}
diff --git a/src/components/Portal/comments.vue b/src/components/Portal/comments.vue index 54c9fd15..3c925e0f 100644 --- a/src/components/Portal/comments.vue +++ b/src/components/Portal/comments.vue @@ -92,11 +92,19 @@
- @@ -960,6 +968,28 @@ line-height: 35px; a{ margin-right:15px; + &:hover{ + .is_comment{ + background: url('../../assets/images/case/Frame(9).png'); + background-size: 100%; + } + .is_remove{ + background: url('../../assets/images/case/Frame(15).png'); + background-size: 100%; + } + } + .is_comment{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame.png'); + background-size: 100%; + } + .is_remove{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame(8).png'); + background-size: 100%; + } span{ margin-left: 6px; color: #8590A6; diff --git a/src/components/Portal/interactBar.vue b/src/components/Portal/interactBar.vue index 9391f64e..a47ff5d9 100644 --- a/src/components/Portal/interactBar.vue +++ b/src/components/Portal/interactBar.vue @@ -10,7 +10,8 @@ - + +
{{ data.answers? data.answers:0}}
@@ -23,14 +24,16 @@
- + +
{{data.comments? data.comments:0}}
- + +
{{ data.praises? data.praises:0}}
@@ -38,19 +41,22 @@
- + +
{{ data.favorites? data.favorites:0}}
- + +
{{data.shares}}
- + +
{{ formatNum(data.views)}} @@ -713,6 +719,77 @@ export default { justify-content: flex-end; .interact-bar-btn { margin: 0 0 0 15px; + display: flex; + justify-content: end; + align-items: center; + &:hover{ + .is_praise{ + background: url('../../assets/images/case/Frame\(10\).png'); + } + .is_favorite{ + background: url('../../assets/images/case/Frame\(11\).png'); + background-size: 100%; + } + .is_share{ + background: url('../../assets/images/case/Frame\(14\).png'); + background-size: 100%; + } + .is_view{ + background: url('../../assets/images/case/Frame\(12\).png'); + background-size: 100%; + } + .is_comment{ + background: url('../../assets/images/case/Frame\(9\).png'); + background-size: 100%; + } + } + .is_comment{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame.png'); + background-size: 100%; + margin-right: 4px; + } + .is_view{ + width: 17px; + height: 17px; + background: url('../../assets/images/case/Frame\(5\).png'); + background-size: 100%; + margin-right: 4px; + } + .is_share{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame\(7\).png'); + background-size: 100%; + margin-right: 4px; + } + .is_praise{ + width: 14px; + height: 14px; + background: url('../../assets/images/case/Frame\(1\).png'); + margin-right: 4px; + } + .is_praise_a{ + width: 14px; + height: 14px; + background: url('../../assets/images/case/Frame\(10\).png'); + margin-right: 4px; + } + .is_favorite{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame\(2\).png'); + background-size: 100%; + margin-right: 4px; + } + .is_favorite_a{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame\(11\).png'); + background-size: 100%; + margin-right: 4px; + } } .interact-bar-value{ // color:#6E7B84; ui图给的颜色，但是效果于ui图效果不一样，也没有透明度，所以找一个相近的和谐的颜色 diff --git a/src/views/case/ManageList.vue b/src/views/case/ManageList.vue index 96cf5cfa..5b05e653 100644 --- a/src/views/case/ManageList.vue +++ b/src/views/case/ManageList.vue @@ -137,20 +137,20 @@
- 年度 + 年度
- 组织领域 + 组织领域
- 最佳理由 + 最佳理由
+ width="50" + label="排序"> @@ -200,6 +201,7 @@