Commit b5610be7 by Lyan

知识中心bug修改

parent bd99d01f
...@@ -35,7 +35,8 @@ export default { ...@@ -35,7 +35,8 @@ export default {
border-top: 1px solid red; border-top: 1px solid red;
font-size: 12px; font-size: 12px;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 15px; p{
margin: 12px 0;
}
} }
</style> </style>
...@@ -273,8 +273,9 @@ export default { ...@@ -273,8 +273,9 @@ export default {
return { return {
animate:false, animate:false,
items:[ //消息列表对应的数组 items:[ //消息列表对应的数组
{name:"学习贯彻十九届五中全会精神"}, {name:"学习贯彻十九届五中全会精神1"},
{name:"学习贯彻十九届五中全会精神"}, {name:"学习贯彻十九届五中全会精神2"},
{name:"学习贯彻十九届五中全会精神3"},
], ],
marginTop:0 marginTop:0
}; };
...@@ -296,13 +297,13 @@ export default { ...@@ -296,13 +297,13 @@ export default {
}, },
methods: { methods: {
scroll(){ scroll(){
this.marginTop='-56'; this.marginTop='-60';
this.animate=!this.animate; this.animate=!this.animate;
var that = this; // 在异步函数中会出现this的偏移问题,此处一定要先保存好this的指向 var that = this; // 在异步函数中会出现this的偏移问题,此处一定要先保存好this的指向
setTimeout(function(){ setTimeout(function(){
that.items.push(that.items[0]); that.items.push(that.items[0]);
that.items.shift(); that.items.shift();
this.marginTop='0'; that.marginTop='0';
that.animate=!that.animate; // 这个地方如果不把animate 取反会出现消息回滚的现象,此时把ul 元素的过渡属性取消掉就可以完美实现无缝滚动的效果了 that.animate=!that.animate; // 这个地方如果不把animate 取反会出现消息回滚的现象,此时把ul 元素的过渡属性取消掉就可以完美实现无缝滚动的效果了
},1000) },1000)
}, },
...@@ -333,6 +334,7 @@ export default { ...@@ -333,6 +334,7 @@ export default {
img{ img{
height: 60px!important; height: 60px!important;
} }
} }
...@@ -368,6 +370,8 @@ html{ ...@@ -368,6 +370,8 @@ html{
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
a{ a{
font-size: 16px;
text-decoration: underline;
color:#fff; color:#fff;
} }
} }
...@@ -378,6 +382,7 @@ html{ ...@@ -378,6 +382,7 @@ html{
border:1px solid #BADFF2; border:1px solid #BADFF2;
} }
.djwh-container{ .djwh-container{
margin-top: 20px;
.left-img{ .left-img{
img{ img{
width: 100%; width: 100%;
...@@ -415,7 +420,7 @@ html{ ...@@ -415,7 +420,7 @@ html{
width: 138px; width: 138px;
text-align: center; text-align: center;
color: #fff; color: #fff;
font-size: 14px; font-size: 16px;
font-weight: 800; font-weight: 800;
line-height: 26px; line-height: 26px;
} }
...@@ -463,7 +468,7 @@ html{ ...@@ -463,7 +468,7 @@ html{
margin-top: 10px; margin-top: 10px;
img{ img{
padding: 5px; padding:0 5px 5px 5px;
width: 100%; width: 100%;
} }
} }
...@@ -474,13 +479,20 @@ html{ ...@@ -474,13 +479,20 @@ html{
float: right; float: right;
width: 78%; width: 78%;
height: 60px; height: 60px;
line-height: 40px;
overflow: hidden; overflow: hidden;
padding-left: 4px; padding-left: 4px;
border: 1px solid #ccc; border: 1px solid #ccc;
// transition: all 1s linear 0s; // transition: all 1s linear 0s;
color: #000066; color: #000066;
font-size: 12px; font-size: 12px;
#con1{
height: 60px;
p{
height: 60px;
line-height: 35px;
}
}
} }
.anim{ .anim{
transition: all 1s ; transition: all 1s ;
...@@ -492,10 +504,10 @@ html{ ...@@ -492,10 +504,10 @@ html{
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
letter-spacing: 4px; letter-spacing: 4px;
background: -moz-linear-gradient(to top, #F64108, #B80908); background: -moz-linear-gradient(to bottom, #F64108, #B80908);
background: -ms-linear-gradient(to top, #F64108, #B80908); background: -ms-linear-gradient(to bottom, #F64108, #B80908);
background: -webkit-linear-gradient(to top, #F64108, #B80908); background: -webkit-linear-gradient(to bottom, #F64108, #B80908);
background: linear-gradient(to top, #F64108, #B80908); background: linear-gradient(to bottom, #F64108, #B80908);
font-weight: 800; font-weight: 800;
} }
...@@ -533,7 +545,7 @@ html{ ...@@ -533,7 +545,7 @@ html{
padding: 0; padding: 0;
margin-top: 15px; margin-top: 15px;
.middle-list{ .middle-list{
padding: 5px; padding: 5px 0;
} }
ul{ ul{
padding: 0; padding: 0;
...@@ -551,7 +563,9 @@ html{ ...@@ -551,7 +563,9 @@ html{
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space:nowrap; white-space:nowrap;
text-decoration: underline;
// line-height: 28px; // line-height: 28px;
color: #0000ee;
} }
...@@ -561,6 +575,7 @@ html{ ...@@ -561,6 +575,7 @@ html{
content: "\25CF"; content: "\25CF";
margin-right: 5px; margin-right: 5px;
float: left; float: left;
font-size: 10px;
} }
} }
......
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
<div class="keyletter " > <div class="keyletter " >
<span v-for="(item, i) in chaxun.keyArr" :key="i">{{item}}</span> <span v-for="(item, i) in chaxun.keyArr" :key="i">{{item}}</span>
</div> </div>
<div class="knowledge-top-form col-lg-12"> <div class="knowledge-top-form col-lg-24">
<el-select class="col-lg-2" <el-select class="col-lg-3"
v-model="chaxun.type" v-model="chaxun.type"
placeholder="请选择" placeholder="请选择"
clearable clearable
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
> >
</el-option> </el-option>
</el-select> </el-select>
<el-input class="col-lg-8" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input> <el-input class="col-lg-7" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input>
<div class="top-form-btn col-lg-2" > <div class="top-form-btn col-lg-2" >
<img src="../../assets/image/home/sousuo-ico1.png" alt="" /> <img src="../../assets/image/home/sousuo-ico1.png" alt="" />
</div> </div>
......
...@@ -156,7 +156,7 @@ export default { ...@@ -156,7 +156,7 @@ export default {
line-height: 22px; line-height: 22px;
color: #6b6a6a; color: #6b6a6a;
background: transparent; background: transparent;
white-space: pre-wrap; // white-space: pre-wrap;
// font-size: 16px; // font-size: 16px;
i { i {
color: $side-bg-color; color: $side-bg-color;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment