From f31d84a7e38eeb96c873faace74bfabdb8f2d2b0 Mon Sep 17 00:00:00 2001 From: XiaoMo Date: Fri, 31 Mar 2023 15:00:10 +0800 Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?= =?UTF-8?q?=E4=BA=8E=202023/03/31=20-15:00:01?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/detail/collect.png | Bin 0 -> 1773 bytes src/assets/img/detail/like.png | Bin 0 -> 1729 bytes src/assets/img/detail/share.png | Bin 0 -> 1331 bytes src/icons/svg/pen.svg | 11 + src/views/detail/detailIndex.vue | 246 +++++++++++++++++- .../search/searchResult/SearchResult.vue | 1 - 6 files changed, 252 insertions(+), 6 deletions(-) create mode 100755 src/assets/img/detail/collect.png create mode 100755 src/assets/img/detail/like.png create mode 100755 src/assets/img/detail/share.png create mode 100755 src/icons/svg/pen.svg diff --git a/src/assets/img/detail/collect.png b/src/assets/img/detail/collect.png new file mode 100755 index 0000000000000000000000000000000000000000..36b6b886ca09bd205ce66ece9d1fc8fbc74db918 GIT binary patch literal 1773 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBc-sEa{HEjtmSN`?>!lvI6;x#X;^) z4C~IxyaaL-l0AZa85pY67#JE_7#My5g&JNkFq8sKd6mGxU^Rn*LA+qju0R_G1}2#R zpAc7|f>AIU0$4*p`uEE%K#9#IL4Lsu9B$H^-zYfGJ@`w}Vdg%Yi9e_Be$6vW-lA;M zcHVj4jsI0D|L))No`0c~VXaEf#t#BZzKU7rHfa7`;lUzg9@Dh^wBXIYOjjnhz{Mxt zYXA9hb$wUbwl5dL4!rmz^Xf_}U&NxEwJt@6n2UqNFK0wc#L3;}j7q$_HCy#DduYD; zla;JKh0pZezcKndI_;fve1H1qW0Ng=6CPD~X{~y2ZpYc~4&RF=<-vI`>sM>kbY81I zYClcs*WZE!pz|4%yxm;OkH}&m4PtvRxSh>>C`57PN zD01|8ktP%GloPsVf|RwqbQdd})!FWH)abNHbf)3bqoTgK7r$+)-JEm&+phl!>Gzmh z?{W0o-HlIsw&(L)>-=e_Z~X6^VOhMGIZ0E`PO6?s@N75R41R~r4twLhZAxA>x^P}t z@vmEDhxn^bo~*`{MIw)tl=gbgtv3`}Vk8{2WF_;Z&PPTPr&XdBz4~${(#88?n!a+> zI<^yvr_Mf}E9#Nh`6j-TC2Zw(F3m7^wrc`6ubsME>hhEI;a%3&*Ao+(>qE9oJh4x+ zdh>~w1$ml!H?t=D-3XHkc>Ad{|Fq`qeaidp=!ba7AN-hWQugatcX@BL z#EJ;*mOibOCiFh@mh`X6c;nmhGZrkpcXw58n9jF`ooA~ySm`;aY;fLVS(8%Lxw++V zrAV~Haho35%T?bAEs;M ziKu@tnp$Yt8g6>fFjmsFPipBsj{S)~Q+{dfiwQmzF(LLv`gO(|dk?%?>4v~0$f( zUUXdP0VhNIo!VbKo9*&HoKUuTq$N1P>xz1*kJbO%>py$izgDYKWD1Z}zYxJAwQ`%s zi5+5I>R!uMnC(@mIw~`HanRctI<IQDA>*XVkazAK7(^9EvKNG-`p#SGB}7q9i4;B-JXp zC>2OC7#SED>KYp88X1Hb8d{l}SQ!{=8(3Hw7^F>G52{fR8glbfGSez?YY;yzz743s z3uHraS-MqHVsWZ&X;CIaT4qkFmA<}yMt*Lpequ^)W}bd#a(emrKOe;8v5KOAYAcxB_H?F*)UpD<&l@3Prje)6`gNOAn)Ty;*~)urRXrt@>+ zUrLySNiSd7pQ9t!@cCbYxn#lL)ce_iXT@Lhz4}zjqB4Eg?$bpzf(H9)=e~^&V%z$= zHA>4zl*!&%@FSq!8>Y!3#vli79*3{1N{T^vIq4)2|o8GYG7q*dKXFhlfcP@q=EQr8$k zk+mFGyF%^=h=;ri5*1yN*PzqI)Fqu4BJjPoZpF^>AgNg)&(E=+Uv7NTGT-{7jd9|e z^_QNdrdk(0d;ZMO^r`jE3E7Q7^@)uBTGbPs>I)V9GdpMVX*^1+JW-pg`K4>R?)NDT zA15(te`xnE4R6a+72UvO+L3ilW0>l#tqIoy8DB5l%J|l8 z!|W9eS{b1W@A7P$b>sV0hivX&YZJ0V=PBNAtFykLAh?0qtJFGp-@I$*kK12RVAK1c z7-Zj&-}nAd<2LD<87w!N|GLGv>GU-3ol-Yh-dfP`7W=-Lm-
-QVlFf=!}{8MEA z#=pJep`grGuj~D09kNIAeHvsBKm2&h(&}Q_rG0g;N_M|+Kd;irm#2UI=9f=9PyAdn zqtN`?v^}pL&U~_e!ToQdu{wq!nY*sXnRV}-B6wi2Y!7Sh`xrCd52vo4X*uL~Ew%V( zRQVm7&9BY#?rnOpEke_F&AFiWuij3sj4c0f<;8Y}Cf~xDyVfzzVLn`L^5UZEIYHm5 zy&(>J92g1?zg1wWQnXWHD1Ug!mW9Wg`CWJV2L)b*+BUW}1v@2%#as=BJ@z5&Ed`o( zMvO(74UQiD#@r5Nq8kcp{`dS8WvmVKXy-YQZ1sS1+3_okUj^!BrL)>hX8Gd$!_t^p zO{2jguZDToVcj>Zk{^T)Czc-2z9Vd%%P=YaXvG6_qf!Usl-19fPH{F|uPKvubkG!4 z`1e+N!$lJZ2QCB7i!8zH6^g&YWEc24mRPYKSiCz_PQh-$y_-x+(k}3xTq*e_hV_Ho zB>5Si>f5xJHzuB$lLFB^RXv zDF!10BST#SGhGAo5JNL7V+$)&Lu~^KD+7b)xkpSbm{*mUrw25pTw&RAprH(&u6{1-oD!M!lvI6;x#X;^) z4C~IxyaaL-l0AZa85pY67#JE_7#My5g&JNkFq8sKd6mGxU^Rn*LA+qju0R{0zN!G9 z5LcjrQ7|AOFoBPS321R`NswPKgCH9>XUT(`z<{&k8`lvvTfg{-G- zI@X>LVOo-(8TKPw>eEN3#a}MnH&A6(y7ewucCw8BhclBRzsXyDUf#Z2@!+|_^X9*H z03E`Z`FSLrOUhr&MMeE?enRm#@6+%BmmrRdUl$HWn3#PSsq{CH4I6NtB@s=EAqkw5nf{#EMv4ZJOEOV3>RaN@;{A1xnjW}ar*p{ZynJ5TV94*xl!gg!+j zo%+iOE?bHNH+<$klgX>&WV%B|cdBnj?#(lC?V=j%)^)0F)7!F5aqnWr*#X6;mnU%F z`No&Tyt{hCLfK7U1-I8Xm^3&CS$5IZC__c*>d`11&WSesOKZ#`4e`6K&ZFs#|& zo@~_+Y{BHg{=sWaApe2Ai89xi7cBkW-=Np9vi?Cnv*C_Sk8U!^?a)5?{E|nVeZ0~0 z{rfx(8Y8ajIeQ-2cO$c?YN77y!fQXXHRdP`(kYX@0Ff!CNFw-@#3^6paGBmX^Hq|z;ure^1@x=WtiiX_$ zl+3hB+!|i){2vI^;0dy!xGdc&DX} + + + + + + + + + + \ No newline at end of file diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue index 3a727db..e79804f 100755 --- a/src/views/detail/detailIndex.vue +++ b/src/views/detail/detailIndex.vue @@ -56,9 +56,53 @@
- - -
+ + + + + +
+ +
+
+
+ + + + 想问啥，大胆问 +
+
+
+
+
+ +
+
+
+
+
+
+ +
{{ stat.like == 0 ? '' : stat.like }}赞
+
+
+
+
+ +
收藏
+
+
+ +
转发
+ +
+
+
+
@@ -85,14 +129,32 @@ export default { url: "https://bbs.gter.net/thread-2543548-1-1.html", } }, + + info: { + avatar: "https://oss.gter.net/avatar/97KwEWANd_4DHWiY6VbnSUFSCKroYWFjYQ~~/middle", + + }, + + islogin: true, + prepareLiskeState: false, + prepareLiskeAnimateState: false, + stat: {}, + iscollect: 0, + }; }, mounted() { - }, methods: { + tapLike() { }, + + + // 点击转发 + transmit(){ + + } }, @@ -148,7 +210,6 @@ export default { } } - .detail-title-box { padding: .72rem 0.2933rem 0; color: #000; @@ -279,5 +340,180 @@ export default { } } + .paging { + margin-top: .48rem; + + ::v-deep { + .el-pagination.is-background .el-pager li:not(.disabled).active { + background: rgba(98, 177, 255, 1); + border-radius: 50%; + } + + .el-pagination .btn-next .el-icon, + .el-pagination .btn-prev .el-icon { + font-size: .4rem; + } + } + } + + .discuss-bottom { + position: fixed; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 100vw; + background-color: #fff; + padding: 0 0.4rem; + box-sizing: border-box; + z-index: 99; + border-top: 0.0133rem solid #dbdcdd; + padding-right: 0; + height: 2rem; + width: 10rem; + justify-content: space-between; + + + .swiper { + width: 4.6667rem; + height: 2rem; + position: relative; + overflow: auto; + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; + + &::-webkit-scrollbar { + width: 0 !important; + } + } + + + .bottom-item { + justify-content: space-between; + height: 100%; + + .bottom-comment { + width: 4.6rem; + height: 0.8rem; + border-radius: 1rem; + padding: 0 0.28rem; + font-size: 0.32rem; + color: #aaaaaa; + background-color: #f2f2f2; + border: 0.0133rem solid #ebebeb; + box-sizing: border-box; + position: relative; + + + .bottom-comment-icom { + width: 0.4rem; + height: 0.4rem; + margin-right: 0.16rem; + } + + } + + .bottom-operation-box { + width: 3.8667rem; + justify-content: space-between; + } + + .bottom-operation-icom { + width: 0.48rem; + height: 0.48rem; + margin-bottom: 0.1333rem; + } + + .bottom-operation-item { + position: relative; + padding: 0 0.4rem; + } + + .bottom-operation-button { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: transparent; + padding: 0; + margin: 0; + border: none; + outline: none; + + &::after { + border: none; + } + } + + + + .bottom-transmit-icom { + width: 0.4rem; + height: 0.4rem; + } + + .bottom-operation-text { + font-size: 0.32rem; + color: #555555; + } + + .bottom-information { + position: relative; + min-width: 4.6667rem; + max-width: 53.3333rem; + height: 0.8rem; + border-radius: 1rem; + background: linear-gradient(to right, #fff, #50e3c2, #50e3c2, #50e3c2); + } + + .bottom-information-avatar { + width: 0.8rem; + height: 0.8rem; + border-radius: 50%; + } + + .bottom-information-content { + color: #fff; + font-size: 0.2933rem; + display: flex; + align-items: center; + justify-content: space-around; + padding: 0 0.1333rem; + + .vertical { + height: 0.2933rem; + background-color: #fff; + width: 0.0133rem; + } + } + + + + .bottom-information-item:not(:last-of-type) { + justify-content: center; + } + + } + + .praise_bubble { + width: 50px; + height: 200px; + position: absolute; + bottom: 1.2rem; + background-color: transparent; + } + + .praise_bubble .bubble { + position: absolute; + width: 40px; + height: 40px; + left: 0; + bottom: 0px; + background-repeat: no-repeat; + background-size: 100%; + transform-origin: bottom; + } + } + } \ No newline at end of file diff --git a/src/views/search/searchResult/SearchResult.vue b/src/views/search/searchResult/SearchResult.vue index 90c9f48..695b1af 100755 --- a/src/views/search/searchResult/SearchResult.vue +++ b/src/views/search/searchResult/SearchResult.vue @@ -259,6 +259,5 @@ export default { } } - }