删除网站中H1、H2、H3、strong、em标签

src/assets/css/cus-client/cus-client-page.scss

@@ -15,7 +15,7 @@
       .banner-left{
         width:500px;
         display: inline-block;
-        h1{@include setFontStyle(40);color: #FFF;letter-spacing: 0;padding-top: 150px;}
+        h4{@include setFontStyle(40);color: #FFF;letter-spacing: 0;padding-top: 150px;}
         p{@include setFontStyle(4);display: inline-block;background: #6D4FFF;border-radius: 24px;color: #FFF;margin: 24px 5px;padding: 6px 40px;}
       }
       .banner-right{
@@ -113,7 +113,7 @@
           img{display: inline-block;margin-top: 18px;}
         }
 
-        h1{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;margin-left: 74px;}
+        h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;margin-left: 74px;}
         p{@include setFontStyle(-6);height:48px;color: rgba(0,0,0,0.65);line-height: 22px;margin-left:74px;@include multi-line-ellipsis(2);}
       }
       li:last-child{border-right: 0;}
@@ -122,7 +122,7 @@
         cursor: pointer;
         //左侧图片区域
         .link-left{background-image: url("~@/assets/images/client/index/" + "index-linkLeft-bg-a.png");}
-        h1{color: #2B5CFD}
+        h5{color: #2B5CFD}
       }
 
     }
@@ -156,7 +156,7 @@
             transition: .3s all linear;
             margin: 0 29px;
             @include setFontStyle(-6);
-            h2{@include setFontStyle(-2);color: rgba(0,0,0,0.85);text-align: center;margin-bottom: 16px;}
+            h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);text-align: center;margin-bottom: 16px;}
             p{line-height: 22px;color: rgba(0,0,0,0.65);margin-bottom: 32px;text-align: justify;min-height: 136px;@include multi-line-ellipsis(6);max-height: 136px}
             a{width: 120px;height: 32px;line-height: 32px;opacity:0;margin: 0 auto;}
           }
@@ -220,7 +220,7 @@
           width: 25%;display: inline-block;margin-top: 38px;height: 112px;overflow: hidden;
           img{margin: 0 auto;display: block;transition: all .2s linear;}
           div{transition: all .25s linear;text-align: center;}
-          h2{@include setFontStyle(-2);color: rgba(0,0,0,0.85);text-align: center;margin: 18px 0 10px;}
+          h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);text-align: center;margin: 18px 0 10px;}
           p{@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;margin: 0 8px 8px;min-height: 48px;@include multi-line-ellipsis(2);max-height: 48px;}
           a{@include setFontStyle(-6);display: block;color: #2B5CFD;margin: 0 auto;transition: .3s all linear;}
         }
@@ -228,7 +228,7 @@
         li:hover:not(:last-child) {
           img{opacity: 0;transform: translateY(10px);}
           div{margin-top: -147px}
-          h2{@include setFontStyle(-2);margin-top: 90px;}
+          h5{@include setFontStyle(-2);margin-top: 90px;}
         }
         li:last-child:hover{
           cursor: pointer;
@@ -275,7 +275,7 @@
           width: 25%;display: inline-block;
           div{width: 190px;height: 190px;border-radius:50%;position:relative;margin: 48px auto 24px;transition: all 0.3s;background-size: cover}
           i{width: 62px;height: 62px;position: absolute;top: 63px;left: 45px;background-size: cover;}
-          h2{@include setFontStyle(-2);text-align: center;color: rgba(0,0,0,0.85);}
+          h5{@include setFontStyle(-2);text-align: center;color: rgba(0,0,0,0.85);}
         }
         li:nth-child(1){
           div{background-image: url("~@/assets/images/client/index/" + "index-chose-service.png");}
@@ -295,7 +295,7 @@
         }
         li:hover{
           div{box-shadow: 0 3px 9px rgba(43, 92, 253,0.25);transform: translateY(-10px);cursor: pointer;}
-          h2{color: #2B5CFD;}
+          h5{color: #2B5CFD;}
         }
         //选择我们动画效果
         @keyframes choseImgUpDown1 {
@@ -348,7 +348,7 @@
           height: inherit;
           box-sizing: border-box;
           position: relative;
-          h1{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;@include multi-line-ellipsis(2);line-height: 30px;max-height: 60px;}
+          h5{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;@include multi-line-ellipsis(2);line-height: 30px;max-height: 60px;}
           p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(6);margin-bottom: 24px;max-height: 144px;}
           a{width: 132px;height: 32px;line-height:32px;position: absolute;bottom: 32px;}
         }
@@ -382,7 +382,7 @@
         display: inline-block;
         h4{@include setFontStyle(40);color: #FFF;letter-spacing: 0;padding-top: 110px;}
         p{@include setFontStyle(0);color: #FFF;margin: 16px 0;}
-        em{width:1px;height:16px;display:inline-block;margin: 0 24px;background: #DFE6FE;vertical-align: middle;}
+        i{width:1px;height:16px;display:inline-block;margin: 0 24px;background: #DFE6FE;vertical-align: middle;}
         a{width: 132px;height: 32px;line-height: 32px;display: block;@include setFontStyle(-4);color: #2B5CFD;background: #FFFFFF;text-align:center;border-radius: 4px;}
       }
     }
@@ -586,7 +586,7 @@
           display: inline-block;
           vertical-align: top;
 
-          h1{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;}
+          h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;}
           div{
             margin-bottom: 16px;
             i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-details-time.svg");}

src/views/client/Index.vue

@@ -5,7 +5,7 @@
             <div class="client-container">
                 <!--  banner左侧区域 -->
                 <div class="banner-left">
-                    <h1>让知识更有价值</h1>
+                    <h4>让知识更有价值</h4>
                     <p>考试平台 / 培训平台 / 课程开发</p>
                 </div>
                 <!--  banner右侧区域 -->
@@ -29,10 +29,10 @@
         <div class="client-link-box">
             <div class="client-container">
                 <ul>
-                    <li><div class="link-left"><img :src="linkImg1" alt="认识我们"></div><h1>认识我们</h1><p>数字化、信息化转型中一股逆流而上的清风</p></li>
-                    <li><div class="link-left"><img :src="linkImg2" alt="新版本上线"></div><h1>新版本上线</h1><p>麦塔3.9.1版本上线了，功能抢先看</p></li>
-                    <li><div class="link-left"><img :src="linkImg3" alt="政府行业解决方案"></div><h1>政府行业解决方案</h1><p>助力政府企业向信息化、数字化转变，节约行业成本、提高办事效率</p></li>
-                    <li><div class="link-left"><img :src="linkImg4" alt="行业新动态"></div><h1>行业新动态</h1><p>时代推动企业发展，在信息化、数字化的浪潮下，不进则退</p></li>
+                    <li><div class="link-left"><img :src="linkImg1" alt="认识我们"></div><h5>认识我们</h5><p>数字化、信息化转型中一股逆流而上的清风</p></li>
+                    <li><div class="link-left"><img :src="linkImg2" alt="新版本上线"></div><h5>新版本上线</h5><p>麦塔3.9.1版本上线了，功能抢先看</p></li>
+                    <li><div class="link-left"><img :src="linkImg3" alt="政府行业解决方案"></div><h5>政府行业解决方案</h5><p>助力政府企业向信息化、数字化转变，节约行业成本、提高办事效率</p></li>
+                    <li><div class="link-left"><img :src="linkImg4" alt="行业新动态"></div><h5>行业新动态</h5><p>时代推动企业发展，在信息化、数字化的浪潮下，不进则退</p></li>
                 </ul>
             </div>
         </div>
@@ -40,12 +40,12 @@
         <!-- 产品和服务 -->
         <div class="client-products-services">
             <div class="client-container">
-                <h1 class="client-title">产品和服务</h1>
+                <h4 class="client-title">产品和服务</h4>
                 <ul class="products-services-box">
                     <li>
                         <div class="products-services-img"><i></i></div>
                         <div class="products-services-content">
-                            <h2>考试系统</h2>
+                            <h5>考试系统</h5>
                             <p>麦塔在线考试系统满足不同行业考试考核需求：教育机构出题判卷、课后练习布置；企事业单位企业文化、业务水平提升；政府机构党建知识考核、提高服务意识；电力金融医疗专业技能、安全生产通通交给我们！</p>
                             <a class="client-default-Btn">了解详情</a>
                         </div>
@@ -53,7 +53,7 @@
                     <li>
                         <div class="products-services-img"><i></i></div>
                         <div class="products-services-content">
-                            <h2>培训系统</h2>
+                            <h5>培训系统</h5>
                             <p>麦塔在线培训系统满足企业全流程培训场景，支持移动web端、PC端、APP端答题和学习，多种学习模式保障学习效果，结果及时反馈，让知识转化为行动，提升培训成效，让学员充分获取学习乐趣与动力，满足您的个性化培训考试需求。</p>
                             <a class="client-default-Btn">了解详情</a>
                         </div>
@@ -61,7 +61,7 @@
                     <li>
                         <div class="products-services-img"><i></i></div>
                         <div class="products-services-content">
-                            <h2>课件制作</h2>
+                            <h5>课件制作</h5>
                             <p>麦塔能够快速搭建企业单位、教育机构学习资源库，满足学习平台需求，针对目标对象的学习习惯和学习方式个性化开发课程核心内容，将零散、隐性的知识系统化、显性化，现已开发了管理类通用课程、医药类课程、银行业课程等数千门课程内容。</p>
                             <a class="client-default-Btn">了解详情</a>
                         </div>
@@ -73,56 +73,79 @@
         <!-- 行业学习需求 -->
         <div class="client-demand-box">
             <div class="client-container">
-                <h1 class="client-title">满足不同行业学习需求</h1>
+                <h4 class="client-title">满足不同行业学习需求</h4>
                 <ul class="industry-box">
                     <li><img :src="demandImg1" alt="政府机构">
-                        <div><h2>政府机构</h2>
-                            <p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a @click="goThirdParty(0)">了解更多</a></div>
+                        <div>
+                            <h5>政府机构</h5>
+                            <p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a @click="goThirdParty(0)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg2" alt="医药卫生">
-                        <div><h2>医药卫生</h2>
-                            <p>应对种类繁多的专业医疗资格考试，“三基、三严”考试，辅助人才队伍建设</p><a @click="goThirdParty(1)">了解更多</a></div>
+                        <div>
+                            <h5>医药卫生</h5>
+                            <p>应对种类繁多的专业医疗资格考试，“三基、三严”考试，辅助人才队伍建设</p><a @click="goThirdParty(1)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg3" alt="能源化工">
-                        <div><h2>能源化工</h2>
-                            <p>提高安全生产培训效率，分析不足、排查隐患</p><a @click="goThirdParty(2)">了解更多</a></div>
+                        <div>
+                            <h5>能源化工</h5>
+                            <p>提高安全生产培训效率，分析不足、排查隐患</p><a @click="goThirdParty(2)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg4" alt="信息产业">
-                        <div><h2>信息产业</h2>
-                            <p>创新学习方式，打造在线学习品牌，提高全员移动学习的积极性</p><a @click="goThirdParty(3)">了解更多</a></div>
+                        <div>
+                            <h5>信息产业</h5>
+                            <p>创新学习方式，打造在线学习品牌，提高全员移动学习的积极性</p><a @click="goThirdParty(3)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg5" alt="交通运输">
-                        <div><h2>交通运输</h2>
-                            <p>推动技能领域交流互鉴，进一步培养和选拔高技能人才</p><a @click="goThirdParty(4)">了解更多</a></div>
+                        <div>
+                            <h5>交通运输</h5>
+                            <p>推动技能领域交流互鉴，进一步培养和选拔高技能人才</p><a @click="goThirdParty(4)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg6" alt="机械机电">
-                        <div><h2>机械机电</h2>
-                            <p>帮助用户创建优质工程，打造一流企业的管理方针</p><a @click="goThirdParty(5)">了解更多</a></div>
+                        <div>
+                            <h5>机械机电</h5>
+                            <p>帮助用户创建优质工程，打造一流企业的管理方针</p><a @click="goThirdParty(5)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg7" alt="教育培训">
-                        <div><h2>教育培训</h2>
-                            <p>不受时间、地点等因素限制，学员与教师相隔万里也可以开展教学活动</p><a @click="goThirdParty(6)">了解更多</a></div>
+                        <div>
+                            <h5>教育培训</h5>
+                            <p>不受时间、地点等因素限制，学员与教师相隔万里也可以开展教学活动</p><a @click="goThirdParty(6)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg8" alt="食品餐饮">
-                        <div><h2>食品餐饮</h2>
-                            <p>定期培训考核，严格把控服务质量、食品安全标准</p><a @click="goThirdParty(7)">了解更多</a></div>
+                        <div>
+                            <h5>食品餐饮</h5>
+                            <p>定期培训考核，严格把控服务质量、食品安全标准</p><a @click="goThirdParty(7)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg9" alt="金融保险">
-                        <div><h2>金融保险</h2>
+                        <div>
+                            <h5>金融保险</h5>
                             <p>针对员工岗位性质、能力素质和业务需求，精心设计考试内容，选备了相应的题库，分岗位进行集中测试。</p><a @click="goThirdParty(8)">了解更多</a>
                         </div>
                     </li>
                     <li><img :src="demandImg10" alt="汽车制造">
-                        <div><h2>汽车制造</h2>
-                            <p>一线门店轻量化练习，边看边练，提高工作效率、增加企业利润</p><a @click="goThirdParty(9)">了解更多</a></div>
+                        <div>
+                            <h5>汽车制造</h5>
+                            <p>一线门店轻量化练习，边看边练，提高工作效率、增加企业利润</p><a @click="goThirdParty(9)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg11" alt="新闻出版">
-                        <div><h2>新闻出版</h2>
-                            <p>推进编辑出版专业水平提高，出版专业技术人员职业资格考试等</p><a @click="goThirdParty(10)">了解更多</a></div>
+                        <div>
+                            <h5>新闻出版</h5>
+                            <p>推进编辑出版专业水平提高，出版专业技术人员职业资格考试等</p><a @click="goThirdParty(10)">了解更多</a>
+                        </div>
                     </li>
                     <li><img :src="demandImg12" alt="更多">
-                        <div><h2>更多</h2>
-                            <p>更多行业学习需求</p><a @click="goThirdParty(11)">了解更多</a></div>
+                        <div>
+                            <h5>更多</h5>
+                            <p>更多行业学习需求</p><a @click="goThirdParty(11)">了解更多</a
+                        ></div>
                     </li>
                 </ul>
             </div>
@@ -130,11 +153,11 @@
 
         <!-- 新闻资讯 -->
         <div class="client-industry-information">
-            <h1 class="client-title">新闻资讯</h1>
+            <h4 class="client-title">新闻资讯</h4>
             <el-carousel :interval="5000" type="card">
                 <el-carousel-item v-for="(item,index) in topCarousels" :key="index">
                     <div class="industry-img-box" :style="{backgroundImage: 'url(' + item.pic + ')'}"></div>
-                    <div class="industry-content-box"><h1>{{item.title}}</h1>
+                    <div class="industry-content-box"><h5>{{item.title}}</h5>
                         <p>{{item.intro}}</p><a class="client-default-Btn" @click="checkInfo(item)">了解详情</a></div>
                 </el-carousel-item>
             </el-carousel>
@@ -143,20 +166,20 @@
         <!-- 为什么选择我们 -->
         <div class="client-chose-box">
             <div class="client-container">
-                <h1 class="client-title">为什么选择我们</h1>
+                <h4 class="client-title">为什么选择我们</h4>
                 <ul class="chose-img-box">
                     <li>
                         <div><i></i></div>
-                        <h2>专业的顾问服务</h2></li>
+                        <h5>专业的顾问服务</h5></li>
                     <li>
                         <div><i></i></div>
-                        <h2>完善的培训体系</h2></li>
+                        <h5>完善的培训体系</h5></li>
                     <li>
                         <div><i></i></div>
-                        <h2>可靠的开发技术</h2></li>
+                        <h5>可靠的开发技术</h5></li>
                     <li>
                         <div><i></i></div>
-                        <h2>成熟的运营能力</h2></li>
+                        <h5>成熟的运营能力</h5></li>
                 </ul>
             </div>
         </div>
@@ -164,7 +187,7 @@
         <!-- 我们始终专注教育系统研发更懂用户需求 -->
         <div class="client-cert-box">
             <div class="client-container">
-                <h1 class="client-title">我们始终专注教育系统研发更懂用户需求</h1>
+                <h4 class="client-title">我们始终专注教育系统研发更懂用户需求</h4>
                 <div class="cert-img-box">
                     <span><img :src="certImg1" alt="栋科考试管理系统"></span>
                     <span><img :src="certImg2" alt="栋科精品课程管理系统"></span>
@@ -184,7 +207,7 @@
         <!-- 超过10万家客户的信任之选 -->
         <div class="client-customer-box">
             <div class="client-container">
-                <h1 class="client-title">超过10万家客户的信任之选</h1>
+                <h4 class="client-title">超过10万家客户的信任之选</h4>
                 <ul class="customer-img-box">
                     <li><img :src="customerImg1" alt="中国人民银行"></li>
                     <li><img :src="customerImg2" alt="汇丰"></li>

src/views/client/aboutUs.vue

@@ -6,7 +6,7 @@
         <!-- 公司简介 -->
         <div class="company-profile-box">
             <div class="client-container-middle">
-                <h1 class="client-title mb40">公司简介</h1>
+                <h4 class="client-title mb40">公司简介</h4>
                 <div class="company-profile-left">
                     <p>大连栋科软件工程有限公司是专业的教育软件与数字化资源服务供应商，创立于2007年，总部位于大连软件园。</p>
                     <p>公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。“共同成长、相伴一生”是栋科软件始终不渝的核心价值观。栋科软件将一如既往，持续创新、创造价值，与客户、合作伙伴共享共赢。</p>
@@ -18,7 +18,7 @@
         <!-- 品牌介绍 -->
         <div class="brand-introduction-box">
             <div class="client-container-middle fn-clear">
-                <h1 class="client-title mb40">品牌介绍</h1>
+                <h4 class="client-title mb40">品牌介绍</h4>
                 <div class="brand-introduction-content">
                     <img :src="brandIntroductionImg" alt="品牌介绍">
                     <span>MTA是Master of Training  Administration的缩写，含义是培训管理专家，麦塔致力于为客户提供专业的在线教育方案，打造企业核心竞争力。麦塔品牌诞生于2009年，公司创始团队多年来一直深耕在线教育领域，积累了丰富的行业经验。研发团队集结了来自互联网、科技、教育等多个领域专家级研发工程师，率先实现了移动化、平台化、知识化、智能化的学习管理模式。麦塔肩负着“改变互联网教育未来”的使命，持续创新、创造价值，与客户和合作伙伴共享共赢。</span>
@@ -29,7 +29,7 @@
         <!-- 企业文化 -->
         <div class="corporate-culture-box">
             <div class="client-container-middle">
-                <h1 class="client-title mb40">企业文化</h1>
+                <h4 class="client-title mb40">企业文化</h4>
                 <dl>
                     <dt><i></i><span>核心价值观</span></dt>
                     <dd>共同成长，相伴一生</dd>
@@ -47,7 +47,7 @@
         <!-- 联系我们 -->
         <div class="contact-us-box">
             <div class="client-container">
-                <h1 class="client-title mb40">联系我们</h1>
+                <h4 class="client-title mb40">联系我们</h4>
                 <ul class="contact-container-box">
                     <li><i></i><span>咨询QQ</span><p>2956600477/3375245762</p></li>
                     <li><i></i><span>联系电话</span><p>400-052-2130</p></li>

src/views/client/examPlatform.vue

@@ -7,7 +7,7 @@
                 <!--  banner文字区域 -->
                 <div class="exam-banner-container">
                     <h4>麦塔在线考试平台</h4>
-                    <p>简约而不简单<em></em>简约而不简单</p>
+                    <p>简约而不简单<i></i>简约而不简单</p>
                     <a>了解详情</a>
                 </div>
             </div>

src/views/client/newsInfor.vue

@@ -12,7 +12,7 @@
                 <li v-for="(item,index) in newsList  " :key="index">
                     <img :src=" item.pic ||newsInforImg" alt="行业动态">
                     <div class="newsInfor-list-content">
-                        <h1>{{item.title}}</h1>
+                        <h5>{{item.title}}</h5>
                         <div><i></i><span>{{item.startTime}}</span><i type="visits"></i><span>{{item.visits}}</span>
                         </div>
                         <p>{{item.intro}}</p>