From 0843d3b62997acbf4452d7498934bb28bb9cd0a6 Mon Sep 17 00:00:00 2001 From: zhaofang <752743406@qq.com> Date: Tue, 30 Aug 2022 18:47:52 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BE=8B=E5=92=8C=E9=97=AE=E7=AD=94?= =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/portal-index.scss | 11 +- src/components/Portal/authorInfo.vue | 2 +- src/views/portal/case/Index.vue | 184 +++++++++++---------------- src/views/portal/qa/Index.vue | 41 +++--- 4 files changed, 107 insertions(+), 131 deletions(-) diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss index 77b9423b..c3a53720 100644 --- a/src/assets/styles/portal-index.scss +++ b/src/assets/styles/portal-index.scss @@ -7,6 +7,7 @@ font-size: 24px; font-family: JCHEadA; color: #D9D9D9; + margin-right: 10px; } .portal-title-one{ font-size: 24px; @@ -64,6 +65,14 @@ .content-div{ width: 100% } - +.blue-one{ + color: #387DF7; +} +.blue-tow{ + color: #089DFF; +} +.blue-three{ + color: #00C6FF; +} diff --git a/src/components/Portal/authorInfo.vue b/src/components/Portal/authorInfo.vue index a6cd938b..004a41ae 100644 --- a/src/components/Portal/authorInfo.vue +++ b/src/components/Portal/authorInfo.vue @@ -106,7 +106,7 @@ import { userAvatarText } from "@/utils/tools.js"; line-height: 18px; display: flex; .author-text{ - color: #666666; + color: #6E7B84; margin-left: 4px; } .uavatar{ diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue index a4833a27..39398000 100644 --- a/src/views/portal/case/Index.vue +++ b/src/views/portal/case/Index.vue @@ -68,7 +68,7 @@ - + 最热 最新 @@ -83,13 +83,13 @@
-
+
-
+
@@ -112,7 +112,7 @@ {{item.isAll?'收起':'展开'}}
-
+
@@ -132,83 +132,33 @@
-
+
- - - -
- 人气榜 -
-
- - - - - - - - - -
- {{index+1}} -
-
- -
- {{ item.title }} -
- - -
-
-
-
- -
- 好评榜 -
-
- - - - - - - - - -
- {{index+1}} -
-
- -
- {{ item.title }} - -
- - -
-
-
+
+

好评榜

+
    +
  • + 0{{index+1}}. + 0{{index+1}}. + 0{{index+1}}. + 0{{index+1}}. + {{ item.title }} +
  • +
+
+
+

人气榜

+
    +
  • + 0{{index+1}}. + 0{{index+1}}. + 0{{index+1}}. + 0{{index+1}}. + {{ item.title }} +
  • +
+
@@ -517,7 +467,7 @@ export default { } if (scrollTop > 630) { document.querySelector("#fixd-box").style.cssText = - "position: fixed;top: -250px;width:245.5px"; + "position: fixed;top: -250px;width:410px"; } else { document.querySelector("#fixd-box").style.cssText = "position: static"; } @@ -759,7 +709,9 @@ export default { display: flex; .case-tittext { font-size: 18px; - width: 80%; + font-weight: 600; + color: #333333; + width: 73%; display: -webkit-box; overflow: hidden; word-break: break-all; @@ -783,15 +735,16 @@ export default { .keyword-text { div { - padding:0px 7px; + padding:0px 8px; margin-top: 5px; float: left; - line-height: 22px; - font-size: 14px; - color: #2974D6; - border: 1px solid #2974D6; - border-radius: 10px; + line-height: 24px; + font-size: 12px; + border-radius:2px; margin-right: 8px; + color: #2C68FF; + height: 24px; + background: rgba(44,104,255,0.06); } } .searBox { @@ -914,21 +867,20 @@ export default { .quyer-tag { // margin-left: 10px; .order-class { - color: #666666; - width: 52px; - // text-align: left; - border: 1px solid #dfdfdf; - // padding-left: 5px; - // padding-top: 5px; - // padding-bottom: 5px; - // padding: 8px 20px; + padding:0px 12px; + color: #6E7B84; + line-height: 32px; + border-radius: 0px; .el-icon--right { margin-left: 0; } } .actice { - background: #3e7fff; + border: 0px; + background: #387DF7; color: #fff; + font-size: 14px; + border-radius: 4px; } } /* 分页div */ @@ -939,19 +891,26 @@ export default { } } .order-div { - padding: 12px 15px; + padding: 34px 50px 20px 50px; background-color: #fff; // margin-bottom: ; } .data-content { background-color: #fff; - padding: 5px 10px; + padding: 5px 50px; + ::v-deep .interact-bar-btns{ + .interact-bar-btn{ + text-align: right; + min-width: 78px !important; + margin-right: 0; + } + } .case-list:last-child { border-bottom: none; } .case-list { - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #999; margin: 8px 0px; padding-bottom: 15px; padding-left: 5px; @@ -974,23 +933,24 @@ export default { .case-info-date { flex: 1; text-align: right; - font-size: 12px; - height: 30px; - font-weight: 200; - color: #8590a6; + font-weight: normal; + // font-size: 12px; + // height: 30px; + // font-weight: 200; + // color: #8590a6; i { margin-right: 5px; } } } .case-info-summary { - margin-top:8px; + margin-top:16px; cursor: pointer; margin-bottom: 5px; word-break: break-all; - line-height: 25px; - font-size: 15px; - color: #121212; + line-height: 24px; + font-size: 14px; + color: #333330; font-weight: 400; } .case-info-tools { @@ -1045,13 +1005,21 @@ export default { text-align: center; } } - +.list-bg{ + border-image: linear-gradient(180deg, rgba(8, 127, 255, 1), rgba(8, 127, 255, 0)) 1 1; + background: linear-gradient(180deg, #7bb4ed 0%, #fff 36%); + } + .list-bg1{ + background: linear-gradient(180deg, #f3a46f 0%, #fff 36%) + } .ranking-card { + .center { text-align: center; } } .right-box { + line-height: 25px; .ranking-title { diff --git a/src/views/portal/qa/Index.vue b/src/views/portal/qa/Index.vue index 5816fa61..0de93262 100644 --- a/src/views/portal/qa/Index.vue +++ b/src/views/portal/qa/Index.vue @@ -77,23 +77,23 @@
-
+
-
提问题
-
-

贡献榜

-
    -
  • - 0{{index+1}}. - 0{{index+1}}. - 0{{index+1}}. - 0{{index+1}}. - {{ item.sysCreateUname }} -
  • -
+
提问题
+
+

贡献榜

+
    +
  • + 0{{index+1}}. + 0{{index+1}}. + 0{{index+1}}. + 0{{index+1}}. + {{ item.sysCreateUname }} +
  • +
+
-
@@ -245,7 +245,7 @@ export default { } } if(scrollTop > 400) { - document.querySelector('#qa-fixd').style.cssText = "position: fixed;top: 0;width:410px;"; + document.querySelector('#qa-fixd').style.cssText = "position: fixed;top: 20px;width:410px;"; } else { document.querySelector('#qa-fixd').style.cssText = "position: static"; } @@ -472,8 +472,6 @@ export default { padding:0px 12px; color: #6E7B84; line-height: 32px; - // background-color: #FFFFFF; - // border: 1px solid #DDDDDD; border-radius: 0px; } @@ -512,7 +510,8 @@ export default { min-height: 382px; ::v-deep .interact-bar-btns{ .interact-bar-btn{ - min-width: 30px !important; + text-align: right; + min-width: 78px !important; } } .qa-list:last-child { @@ -520,12 +519,12 @@ export default { } .qa-list { // margin: 5px 0; - padding: 20px 10px; + padding: 33px 0 ; // padding-bottom: 10px; // padding-left: 10px; padding-right: 0px; margin-right:10px; - border-bottom: 1px solid #E8E8E8; + border-bottom: 1px solid #999; } .qa-info-box { .qa-info { @@ -558,7 +557,7 @@ export default { .qa-info-summary { cursor: pointer; line-height: 20px; - margin: 12px 0 20px 0; + margin: 12px 0 27px 0; // color: #121212; // height: 45px; // font-size: 15px;