首页调整

src/views/accurateTeaching/main.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="app-back">
     <div class="banner">
-      <el-image style="width: 100vw" :src="require('@/assets/images/personal_database.png')" fit="none"></el-image>
+      <el-image :src="require('@/assets/images/index/banner/personal_database.png')" fit="cover"></el-image>
     </div>
-    <div class="app-content">
-      <index-card title="班级任务" class="mb20">
+    <div class="fx-column fx-cen-cen pb20">
+      <index-card title="班级任务" class="mt20 index-block">
         <el-row :gutter="20">
-          <el-col class="relative "   :span="4" v-for="item in plan" >
+          <el-col class="relative fx-cen-cen fx-column"   :span="4" v-for="item in plan" >
             <div class="plan_item pointer" @click="$router.push(item.path)">
               <div class="img-wrap">
                 <img  :src="item.img"/>
@@ -16,7 +16,7 @@
           </el-col>
         </el-row>
       </index-card>
-      <index-card title="资源库" class="mb20">
+      <index-card title="资源库" class="mt20 index-block">
         <mx-image-wrap :list="library" titleClass="text-white" titlePostion="left"></mx-image-wrap>
       </index-card>
     </div>
@@ -34,49 +34,49 @@ export default {
       plan: [
         {
           title: '微课视频',
-          img: require('@/assets/images/micro_video.png'),
+          img: require('@/assets/images/index/database/micro_video.png'),
           path: '/personalDatabase/class-task/micro-video'
         },
         {
           title: '作业视频',
-          img: require('@/assets/images/homework_video.png'),
+          img: require('@/assets/images/index/database/homework_video.png'),
           path: '/personalDatabase/class-task/homework-video'
         },
         {
           title: '作业任务',
-          img: require('@/assets/images/paper_work.png'),
+          img: require('@/assets/images/index/database/paper_work.png'),
           path: '/personalDatabase/class-task/paper-work'
         },
         {
           title: '学校通知',
-          img: require('@/assets/images/school_notice.png'),
+          img: require('@/assets/images/index/database/school_notice.png'),
           path: '/personalDatabase/class-task/school-notice'
         },
         {
           title: '班级通知',
-          img: require('@/assets/images/class_notice.png'),
+          img: require('@/assets/images/index/database/class_notice.png'),
           path: '/personalDatabase/class-task/class-notice'
         },
         {
           title: '系统通知',
-          img: require('@/assets/images/system_notice.png'),
+          img: require('@/assets/images/index/database/system_notice.png'),
           path: '/personalDatabase/class-task/system-notice'
         },
       ],
       library: [
         {
           title: '个人资源库',
-          img: require('@/assets/images/personal_library.png'),
+          img: require('@/assets/images/index/database/personal_library.png'),
           path: '/personalDatabase/personalResources/index'
         },
         {
           title: '校本资源库',
-          img: require('@/assets/images/school_library.png'),
+          img: require('@/assets/images/index/database/school_library.png'),
           path: '/personalDatabase/schoolResources/index'
         },
         {
           title: '云库',
-          img: require('@/assets/images/cloud_library.png'),
+          img: require('@/assets/images/index/database/cloud_library.png'),
           path: '/personalDatabase/cloudTank/index'
         },
       ],
@@ -92,6 +92,7 @@ export default {
   border: 1px solid #C5C5C5;
   margin-bottom: 20px;
   border-radius: 4px;
+  width: 134px;
   height: 134px;
   .img-wrap{
     width: 100%;
@@ -103,4 +104,18 @@ export default {
     border: 1px solid #00CCB4;
   }
 }
+
+@media screen and (min-width: 1440px) {
+  .index-block {
+    width: 1350px;
+    overflow: hidden;
+  }
+}
+
+@media screen and (max-width: 1439px) {
+  .index-block {
+    width: calc(100vw - 80px);
+    overflow: hidden;
+  }
+}
 </style>

src/views/career/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="app-back">
     <div class="banner">
-      <el-image style="width: 100vw" :src="require('@/assets/images/zhiyuan_banner.png')" fit="none"></el-image>
+      <el-image style="width: 100vw" :src="require('@/assets/images/index/zhiyuan/zhiyuan_banner.png')" fit="none"></el-image>
     </div>
-    <div class="app-content">
-      <index-card title="数据查询" class="mb20">
+    <div class="fx-cen-cen fx-column pb20">
+      <index-card title="数据查询" class="mt20 index-block">
         <el-row :gutter="20">
-          <el-col class="relative "   :span="4" v-for="item in plan" >
+          <el-col class="relative fx-cen-cen fx-column"   :span="4" v-for="item in plan" >
             <div class="plan_item pointer" @click="$router.push(item.path)">
               <div class="img-wrap">
                 <img  :src="item.img"/>
@@ -16,7 +16,7 @@
           </el-col>
         </el-row>
       </index-card>
-      <index-card title="模拟志愿" class="mb20">
+      <index-card title="模拟志愿" class="mt20 index-block">
         <el-steps :active="0" finish-status="success">
           <el-step title="选择批次"></el-step>
           <el-step title="填报批次"></el-step>
@@ -32,7 +32,7 @@
           </el-col>
         </el-row>
       </index-card>
-      <index-card-news-single type="高考政策" morePath="/fuzhu/newGaokaoNews"  />
+      <index-card-news-single class="index-block mt20" type="高考政策" morePath="/fuzhu/newGaokaoNews"  />
     </div>
   </div>
 </template>
@@ -47,32 +47,32 @@ export default {
       plan: [
         {
           title: '批次控制线',
-          img: require('@/assets/images/zhiyuan_batch.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_batch.png'),
           path: '/zhiyuan/batch'
         },
         {
           title: '投档线',
-          img: require('@/assets/images/zhiyuan_tdx.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_tdx.png'),
           path: '/zhiyuan/ShiftLine'
         },
         {
           title: '一分一段',
-          img: require('@/assets/images/zhiyuan_yfyd.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_yfyd.png'),
           path: '/zhiyuan/yfyd'
         },
         {
           title: '招生计划',
-          img: require('@/assets/images/zhiyuan_plan.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_plan.png'),
           path: '/zhiyuan/enrollPlan'
         },
         {
           title: '高考政策',
-          img: require('@/assets/images/zhiyuan_gkzc.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_gkzc.png'),
           path: '/fuzhu/newGaokaoNews'
         },
         {
           title: '院校查询',
-          img: require('@/assets/images/zhiyuan_yxcx.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_yxcx.png'),
           path: '/new-gaokao/three/UniversitiesColleges'
         },
       ]
@@ -88,6 +88,7 @@ export default {
   border: 1px solid #C5C5C5;
   margin-bottom: 20px;
   border-radius: 4px;
+  width: 134px;
   height: 134px;
   .img-wrap{
     width: 100%;
@@ -95,8 +96,21 @@ export default {
     text-align: center;
   }
   &:hover{
-    background: #00CCB4;
-    border: 1px solid #00CCB4;
+    background: #47C6A2;
+    border: 1px solid #47C6A2;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .index-block {
+    width: 1350px;
+    overflow: hidden;
+  }
+}
+
+@media screen and (max-width: 1439px) {
+  .index-block {
+    width: calc(100vw - 80px);
+    overflow: hidden;
   }
 }
 </style>

src/views/career/main.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="app-back">
     <div class="banner">
-      <el-image style="width: 100vw" :src="require('@/assets/images/fuzhu_banner.png')" fit="fill"></el-image>
+      <el-image style="width: 100vw" :src="require('@/assets/images/index/banner/fuzhu_banner.png')" fit="fill"></el-image>
     </div>
-    <div class="app-content">
+    <div class="fx-column fx-cen-cen pb20">
       <!--      高考政策-->
-      <index-card-gksp class="mb20"></index-card-gksp>
-      <index-news-top-wrapper class="mb20 index-block"/>
+      <index-card-gksp class="mt20 index-block"></index-card-gksp>
+      <index-news-top-wrapper class="mt20 index-block"/>
       <!--      学习技巧-->
-      <index-card-gktf class="mb20"></index-card-gktf>
-      <index-card title="高考名词" class="mb20">
+      <index-card-gktf class="mt20 index-block"></index-card-gktf>
+      <index-card title="高考名词" class="mt20 index-block">
         <div class="fx-row nounList">
           <div v-for="item in nounList" class="pointer" @click="$router.push(item.path)">
             <el-image :src="item.img"></el-image>
@@ -17,7 +17,7 @@
           </div>
         </div>
       </index-card>
-      <index-card-news-single type="单招志愿" morePath="/fuzhu/volunteering_single"  />
+      <index-card-news-single class="mt20 index-block" type="单招志愿" morePath="/fuzhu/volunteering_single"  />
     </div>
   </div>
 </template>
@@ -46,27 +46,27 @@ export default {
       nounList: [
         {
           title: '大学',
-          img: require('@/assets/images/noun_dx.png'),
+          img: require('@/assets/images/index/fuzhu/noun_dx.png'),
         },
         {
           title: '高考政策',
-          img: require('@/assets/images/noun_gkzc.png'),
+          img: require('@/assets/images/index/fuzhu/noun_gkzc.png'),
         },
         {
           title: '专业',
-          img: require('@/assets/images/noun_zy.png'),
+          img: require('@/assets/images/index/fuzhu/noun_zy.png'),
         },
         {
           title: '志愿填报',
-          img: require('@/assets/images/noun_zytb.png'),
+          img: require('@/assets/images/index/fuzhu/noun_zytb.png'),
         },
         {
           title: '招生录取',
-          img: require('@/assets/images/noun_zslq.png'),
+          img: require('@/assets/images/index/fuzhu/noun_zslq.png'),
         },
         {
           title: '分数线',
-          img: require('@/assets/images/noun_fsx.png'),
+          img: require('@/assets/images/index/fuzhu/noun_fsx.png'),
         }
       ]
     }
@@ -79,9 +79,21 @@ export default {
   >div{
     margin-right: 72px;
     &:hover{
-      color: #00CCB4;
+      color: #47C6A2;
     }
   }
 }
+@media screen and (min-width: 1440px) {
+  .index-block {
+    width: 1350px;
+    overflow: hidden;
+  }
+}
 
+@media screen and (max-width: 1439px) {
+  .index-block {
+    width: calc(100vw - 80px);
+    overflow: hidden;
+  }
+}
 </style>

src/views/elective/main.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="app-back">
     <div class="banner">
-      <el-image style="width: 100vw" :src="require('@/assets/images/elective_banner.png')" fit="none"></el-image>
+      <el-image style="width: 100vw" :src="require('@/assets/images/index/banner/elective_banner.png')" fit="cover"></el-image>
     </div>
-    <div class="app-content">
+    <div class="fx-cen-cen fx-column pb20">
       <index-card-subject-query class="mt20 index-block"/>
       <index-card-elective-test class="mt20 index-block"/>
       <index-card-career class="mt20 index-block"/>
       <!--  三库 -->
-      <index-card-colleage class="mt20"></index-card-colleage>
+      <index-card-colleage class="mt20 index-block"></index-card-colleage>
       <!--  资讯 -->
-      <index-card-news-single class="mt20" type="高考政策" morePath="/fuzhu/newGaokaoNews"  />
+      <index-card-news-single class="mt20 index-block" type="高考政策" morePath="/fuzhu/newGaokaoNews"  />
       <!--  大数据选科   -->
-      <index-card-elective class="mt20"></index-card-elective>
+      <index-card-elective class="mt20 index-block"></index-card-elective>
     </div>
   </div>
 </template>
@@ -40,32 +40,32 @@ export default {
       plan: [
         {
           title: '批次控制线',
-          img: require('@/assets/images/zhiyuan_batch.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_batch.png'),
           path: '/zhiyuan/batch'
         },
         {
           title: '投档线',
-          img: require('@/assets/images/zhiyuan_tdx.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_tdx.png'),
           path: '/zhiyuan/ShiftLine'
         },
         {
           title: '一分一段',
-          img: require('@/assets/images/zhiyuan_yfyd.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_yfyd.png'),
           path: '/zhiyuan/yfyd'
         },
         {
           title: '招生计划',
-          img: require('@/assets/images/zhiyuan_plan.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_plan.png'),
           path: '/zhiyuan/enrollPlan'
         },
         {
           title: '高考政策',
-          img: require('@/assets/images/zhiyuan_gkzc.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_gkzc.png'),
           path: '/fuzhu/newGaokaoNews'
         },
         {
           title: '院校查询',
-          img: require('@/assets/images/zhiyuan_yxcx.png'),
+          img: require('@/assets/images/index/zhiyuan/zhiyuan_yxcx.png'),
           path: '/new-gaokao/three/UniversitiesColleges'
         },
       ]
@@ -92,4 +92,17 @@ export default {
     border: 1px solid #00CCB4;
   }
 }
+@media screen and (min-width: 1440px) {
+  .index-block {
+    width: 1350px;
+    overflow: hidden;
+  }
+}
+
+@media screen and (max-width: 1439px) {
+  .index-block {
+    width: calc(100vw - 80px);
+    overflow: hidden;
+  }
+}
 </style>

src/views/evaluating/main.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="app-back">
     <div class="banner">
-      <el-image style="width: 100vw" :src="require('@/assets/images/daoxue_banner.png')" fit="none"></el-image>
+      <el-image :src="require('@/assets/images/index/banner/daoxue_banner.png')" fit="cover"></el-image>
     </div>
-    <div class="app-content">
-      <index-card title="在线试卷" class="mb20">
+    <div class="fx-column fx-cen-cen pb20">
+      <index-card title="在线试卷" class="mt20 index-block">
         <el-row :gutter="20">
          <el-col :span="8"  v-for="item in onLinePaper">
           <div class="wrap-item fx-row jc-between ai-center">
@@ -13,7 +13,7 @@
             </div>
             <div>
               <div class="fx-row ai-center">
-                <el-image  :src="require('@/assets/images/icon_paper.png')"></el-image>
+                <el-image  :src="require('@/assets/images/index/daoxue/icon_paper.png')"></el-image>
                 <p class="bold">{{item.title}}</p>
               </div>
               <p class="mt20 mb20" style="color:#CECECE">少儿数字内容</p>
@@ -25,7 +25,7 @@
          </el-col>
         </el-row>
       </index-card>
-      <index-card title="学情分析" class="mb20">
+      <index-card title="学情分析" class="mt20 index-block">
         <el-row :gutter="20">
           <el-col :span="8"  v-for="item in idc" @click="$router.push(item.path)">
             <div class="wrap-item fx-row jc-between ai-center">
@@ -34,7 +34,7 @@
               </div>
               <div>
                 <div class="fx-row ai-center">
-                  <el-image  :src="require('@/assets/images/icon_paper.png')"></el-image>
+                  <el-image  :src="require('@/assets/images/index/daoxue/icon_paper.png')"></el-image>
                   <p class="bold">{{item.title}}</p>
                 </div>
                 <p class="mt20 mb20" style="color:#CECECE">少儿数字内容</p>
@@ -46,7 +46,7 @@
           </el-col>
         </el-row>
       </index-card>
-      <index-card title="学情报告" class="mb20">
+      <index-card title="学情报告" class="mt20 index-block">
         <el-button type="primary">查看报告</el-button>
       </index-card>
     </div>
@@ -65,34 +65,34 @@ export default {
       onLinePaper: [
         {
           title: '个人测评',
-          img: require('@/assets/images/personal_eval.png'),
+          img: require('@/assets/images/index/daoxue/personal_eval.png'),
           path: '/daoxue/evaluating/personal/index_3'
         },
         {
           title: '真题测评',
-          img: require('@/assets/images/past_eval.png'),
+          img: require('@/assets/images/index/daoxue/past_eval.png'),
           path: '/daoxue/evaluating/past/index_5'
         },
         {
           title: '学校测评',
-          img: require('@/assets/images/school_eval.png'),
+          img: require('@/assets/images/index/daoxue/school_eval.png'),
           path: '/daoxue/evaluating/school/index_1'
         },
       ],
       idc: [
         {
           title: '个人测评',
-          img: require('@/assets/images/personal_idc.png'),
+          img: require('@/assets/images/index/daoxue/personal_idc.png'),
           path: '/daoxue/idc/eval/index_3'
         },
         {
           title: '真题测评',
-          img: require('@/assets/images/past_idc.png'),
+          img: require('@/assets/images/index/daoxue/past_idc.png'),
           path: '/daoxue/idc/eval/index_5'
         },
         {
           title: '学校测评',
-          img: require('@/assets/images/school_idc.png'),
+          img: require('@/assets/images/index/daoxue/school_idc.png'),
           path: '/daoxue/idc/eval/school/index_1'
         },
       ]
@@ -112,5 +112,17 @@ export default {
 .right{
   display: flex;
 }
+@media screen and (min-width: 1440px) {
+  .index-block {
+    width: 1350px;
+    overflow: hidden;
+  }
+}
 
+@media screen and (max-width: 1439px) {
+  .index-block {
+    width: calc(100vw - 80px);
+    overflow: hidden;
+  }
+}
 </style>

src/views/index/components/index-card-elective.vue

@@ -25,7 +25,7 @@ export default {
       list:[
         {
           title: '智能选科报名',
-          src: require('@/assets/images/elective_apply.png'),
+          src: require('@/assets/images/index/elective/elective_apply.png'),
           desc:'通过意向的院校和专业推荐选科方案',
           path: '/new-gaokao/bigdataSelectCourse/round-select',
           titleStyle:{
@@ -44,7 +44,7 @@ export default {
         },
         {
           title: '个人分班信息',
-          src: require('@/assets/images/elective_dispatch.png'),
+          src: require('@/assets/images/index/elective/elective_dispatch.png'),
           desc:'通过意向的院校和专业推荐',
           path: '/new-gaokao/bigdataSelectCourse/personalDivideClass',
           titleStyle:{
@@ -63,7 +63,7 @@ export default {
         },
         {
           title: '个人选科报告',
-          src: require('@/assets/images/elective_report.png'),
+          src: require('@/assets/images/index/elective/elective_report.png'),
           desc:'通过大学/专业维度查询选考科目要求',
           path: '/new-gaokao/bigdataSelectCourse/personalSelectCourseReport',
           titleStyle:{
@@ -82,7 +82,7 @@ export default {
         },
         {
           title: '个人课程表',
-          src: require('@/assets/images/elective_table.png'),
+          src: require('@/assets/images/index/elective/elective_table.png'),
           desc:'通过意向的院校和专业推荐',
           path: '',
           titleStyle:{

src/views/questioncenter/components/main-card/mx-image-wrap.vue

@@ -42,7 +42,7 @@ export default {
   transform: translateX(-50%);
 }
 .left{
-  left: 20px;
+  left: 25px;
   bottom: 20px;
 }
 .other{

src/views/questioncenter/main.vue

@@ -2,13 +2,13 @@
   <!-- 题库中心首页 -->
   <div class="app-back">
     <div class="banner">
-      <el-image style="width: 100vw" :src="require('@/assets/images/question-banner.png')" fit="none"></el-image>
+      <el-image style="width: 100vw" :src="require('@/assets/images/index/banner/question-banner.png')" fit="cover"></el-image>
     </div>
-    <div class="app-content">
-      <index-card title="智能练习" class="mb20">
+    <div class="fx-column fx-cen-cen pb20">
+      <index-card title="智能练习" class="mt20 index-block">
         <mx-image-wrap titlePostion="center" :list="zhineng"></mx-image-wrap>
       </index-card>
-      <index-card title="精品试卷" class="mb20" more-text="更多" @more="more('/question-center/bestPaper')">
+      <index-card title="精品试卷" class="mt20 index-block" more-text="更多" @more="more('/question-center/bestPaper')">
         <el-tabs type="card">
           <el-tab-pane label="名校试卷">
             <el-row :gutter="20">
@@ -26,10 +26,10 @@
           </el-tab-pane>
         </el-tabs>
       </index-card>
-      <index-card title="组卷中心" class="mb20">
+      <index-card title="组卷中心" class="mt20 index-block">
         <mx-image-wrap titlePostion="left" :list="zujuan" titleClass="text-white"></mx-image-wrap>
       </index-card>
-      <index-card title="视频课程" more-text="更多" @more="more('/question-center/video_course')">
+      <index-card title="视频课程" class="mt20 index-block" more-text="更多" @more="more('/question-center/video_course')">
         <el-tabs type="card">
           <el-tab-pane label="同步课程">
             <el-row :gutter="20">
@@ -68,12 +68,12 @@ export default {
       zhineng: [
         {
           title: '同步练习',
-          img: require('@/assets/images/tongbuzaixian.png'),
+          img: require('@/assets/images/index/question-center/tongbuzaixian.png'),
           path: '/question-center/smartExercise?tabActive=0'
         },
         {
           title: '知识点练习',
-          img: require('@/assets/images/zhishidianzaixian.png'),
+          img: require('@/assets/images/index/question-center/zhishidianzaixian.png'),
           path: '/question-center/smartExercise?tabActive=1'
 
         }
@@ -81,17 +81,17 @@ export default {
       zujuan: [
         {
           title: '智能组卷',
-          img: require('@/assets/images/smart_volume.png'),
+          img: require('@/assets/images/index/question-center/smart_volume.png'),
           path: '/question-center/generatingPaperCenter?tabActive=0'
         },
         {
           title: '手动组卷',
-          img: require('@/assets/images/manually.png'),
+          img: require('@/assets/images/index/question-center/manually.png'),
           path: '/question-center/generatingPaperCenter?tabActive=1'
         },
         {
           title: '组卷记录',
-          img: require('@/assets/images/smart_record.png'),
+          img: require('@/assets/images/index/question-center/smart_record.png'),
           path: '/question-center/generatingPaperCenter?tabActive=2'
         }
       ],
@@ -204,4 +204,18 @@ export default {
   padding:5px 0;
   box-shadow: 0px 1px 4px 0px rgba(47,78,154,0.14);
 }
+
+@media screen and (min-width: 1440px) {
+  .index-block {
+    width: 1350px;
+    overflow: hidden;
+  }
+}
+
+@media screen and (max-width: 1439px) {
+  .index-block {
+    width: calc(100vw - 80px);
+    overflow: hidden;
+  }
+}
 </style>