updates

src/modules/home/components/Main.vue

@@ -13,26 +13,28 @@ const list = [
 ]
 </script>
 <template>
-  <div class="main1">
-    <div class="main_con">
-      <img
-        src="https://webapp-pub.ezijing.com/project_online/fi/main1.png"
-        alt=""
-      />
-      <div class="con_content">
-        清控紫荆金融保险研究院&清控紫荆金融保险学院，基于政策指导，通过汇聚清华等国内外高校、行业骨干企业、行业研究机构的科研资源与实践成果，打造国内顶尖、国际卓越的金融保险智库，达到“产学研”的深度融合。
+  <div v-if="!mobile">
+    <div class="main1">
+      <div class="main_con">
+        <img
+          src="https://webapp-pub.ezijing.com/project_online/fi/main1.png"
+          alt=""
+        />
+        <div class="con_content">
+          清控紫荆金融保险研究院&清控紫荆金融保险学院，基于政策指导，通过汇聚清华等国内外高校、行业骨干企业、行业研究机构的科研资源与实践成果，打造国内顶尖、国际卓越的金融保险智库，达到“产学研”的深度融合。
+        </div>
       </div>
     </div>
-  </div>
-  <div class="main2">
-    <div class="main_con1">
-      <div class="con_content">
-        通过创立通晓金融保险理论与行业实务双方面的金融保险课题研发团队，针对金融保险不同领域、不同阶段的学习需求，为金融从业者提供专业学习契机、为金融机构培育高素质国际化人才。
+    <div class="main2">
+      <div class="main_con1">
+        <div class="con_content">
+          通过创立通晓金融保险理论与行业实务双方面的金融保险课题研发团队，针对金融保险不同领域、不同阶段的学习需求，为金融从业者提供专业学习契机、为金融机构培育高素质国际化人才。
+        </div>
+        <img
+          src="https://webapp-pub.ezijing.com/project_online/fi/main3.png"
+          alt=""
+        />
       </div>
-      <img
-        src="https://webapp-pub.ezijing.com/project_online/fi/main3.png"
-        alt=""
-      />
     </div>
   </div>
   <div v-else>
@@ -128,7 +130,8 @@ const list = [
 .introduce {
   padding: 0.4rem 0.3rem;
   .content {
-    background: url('https://webapp-pub.ezijing.com/project_online/fi/main2.png') no-repeat center;
+    background: url('https://webapp-pub.ezijing.com/project_online/fi/main2.png')
+      no-repeat center;
     background-size: 100% 100%;
     font-size: 0.26rem;
     color: #ffffff;