diff --git a/src/assets/img/detail/collect.png b/src/assets/img/detail/collect.png new file mode 100755 index 0000000..36b6b88 Binary files /dev/null and b/src/assets/img/detail/collect.png differ diff --git a/src/assets/img/detail/like.png b/src/assets/img/detail/like.png new file mode 100755 index 0000000..1f2be16 Binary files /dev/null and b/src/assets/img/detail/like.png differ diff --git a/src/assets/img/detail/share.png b/src/assets/img/detail/share.png new file mode 100755 index 0000000..74a0a14 Binary files /dev/null and b/src/assets/img/detail/share.png differ diff --git a/src/icons/svg/pen.svg b/src/icons/svg/pen.svg new file mode 100755 index 0000000..9587ad1 --- /dev/null +++ b/src/icons/svg/pen.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ 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 { } } - }