案例和问答首页样式修改

This commit is contained in:
zhaofang
2022-08-30 18:47:52 +08:00
parent 07aa2c8fb0
commit 0843d3b629
4 changed files with 107 additions and 131 deletions

View File

@@ -77,23 +77,23 @@
</el-card>
</el-row>
</div>
<div style="width: 410px !important;">
<div style="width: 410px;">
<!-- <div> -->
<div style="padding:0" id="qa-fixd">
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">提问题</div>
<div class="portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</ul>
<div class="portal-model-btn" @click="$refs.addQuestion.askQuestionDialog = true">提问题</div>
<div class="portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">贡献榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-right-text" v-if="index>2" style="margin-right:94px">0{{index+1}}.</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</li>
</ul>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
@@ -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;