financeProject相关问题

 问题一: 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;
    }
}

 

 

 

 

你可能感兴趣的:(financeProject相关问题)