问题一: more.vue中3个横向布局的图片,被挤到下一行了
解决方法: 设置content为flex(row),设置img的width为33.3333%,设置content为justify-content为space-around
.content{
@include flex(row);
position: relative;
justify-content: space-around;
padding-bottom: 60px;
img{
width: 33.3333%;
height: 280px;
}
问题二:in.vue中进度条显示出问题
解决方法:设置inner的max-width为100%
article{
@include flex(row);
align-items: center;
justify-content: space-around;
padding: 0 20px;
height: 30px;
line-height: 30px;
.wrapper{
width: 144px;
height: 10px;
background: #F6E6E6;
border-radius: 22px;
.inner{
width: 40%;
max-width: 100%;
height: 10px;
background-image: linear-gradient(270deg,#F55 %1,#FF9C31 100%) ;
border-radius: 22px;
}
}
p{
font-size: 24px;
color: #999;
}
}
问题三: 对于导航栏,例如选择我的,或者众筹时候,没有变为红色
解决办法:
在reset.scss中添加router-link-active为设置color为red,由于优先级不够,需要添加!important
router-link-active{ p{ color: red!important; } }