解决方案

whycwx

2022-09-09 ba3f692e1ac2c0292e2fce70b3ac811426d9c7c3

解决方案

 src/pages/solutionTotal/solutiontotal.vue

@@ -2,8 +2,11 @@
  <div>
    <div class="solve_p_top2">
        <div class="top2_bg">
            <h2>专注测试维护解决方案！</h2>
            <p>Dedicated In Test Maintenance Solutions</p>
            <div class="title_box">
                <h2>专注测试维护解决方案！</h2>
                <p>Dedicated In Test Maintenance Solutions</p>
            </div>
            
        </div>
    </div>
    <div class="tab_box">
@@ -127,15 +130,22 @@
<style  lang="less" scoped>
    .solve_p_top2{
        .top2_bg{
            display: flex;
            justify-content:center;
            align-content:center; //主轴居中对齐
            align-items:center;//交叉轴的中点对齐
            width: 100%;
            height: 343px;
            background: url("../../assets/img/jjfa_banner.png") no-repeat;
            background-size: 100%;
            padding-top: 60px;
            h2,p{
                color:#fff;
                padding-left: 35px;
                
            .title_box{
                margin-top: -40px;
                h2,p{
                    color:#fff;
                    padding-left: 35px;
                    text-align: center;
                }
            }
            .bg_list{
                width:30%;