+
@@ -112,7 +112,7 @@
{{item.isAll?'收起':'展开'}}
-
-
+
-
-
-
-
- 人气榜
-
-
-
-
-
-
-
-
-
-
-
-
- {{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;