首页content宽度

src/views/accurateTeaching/main.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="container">
+  <div class="app-back">
     <div class="banner">
       <el-image style="width: 100vw" :src="require('@/assets/images/personal_database.png')" fit="none"></el-image>
     </div>
-    <div class="content">
+    <div class="app-content">
       <index-card title="班级任务" class="mb20">
         <el-row :gutter="20">
           <el-col class="relative "   :span="4" v-for="item in plan" >
@@ -87,16 +87,6 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-.content {
-  width: 70%;
-  margin: 0 auto;
-  padding-bottom: 20px;
-  margin-top: 20px;
-}
-
-.container {
-  background: #f5f4f9;
-}
 .plan_item{
   padding: 20px;
   border: 1px solid #C5C5C5;

src/views/career/main.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="container">
+  <div class="app-back">
     <div class="banner">
       <el-image style="width: 100vw" :src="require('@/assets/images/fuzhu_banner.png')" fit="fill"></el-image>
     </div>
-    <div class="content">
+    <div class="app-content">
       <!--      高考政策-->
       <index-card-gksp class="mb20"></index-card-gksp>
       <index-news-top-wrapper class="mb20 index-block"/>
@@ -75,16 +75,6 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-.content {
-  width: 70%;
-  margin: 0 auto;
-  padding-bottom: 20px;
-  margin-top: 20px;
-}
-
-.container {
-  background: #f5f4f9;
-}
 .nounList {
   >div{
     margin-right: 72px;

src/views/evaluating/main.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="container">
+  <div class="app-back">
     <div class="banner">
       <el-image style="width: 100vw" :src="require('@/assets/images/daoxue_banner.png')" fit="none"></el-image>
     </div>
-    <div class="content">
+    <div class="app-content">
       <index-card title="在线试卷" class="mb20">
         <el-row :gutter="20">
          <el-col :span="8"  v-for="item in onLinePaper">
@@ -103,16 +103,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-.content {
-  width: 70%;
-  margin: 0 auto;
-  padding-bottom: 20px;
-  margin-top: 20px;
-}
 
-.container {
-  background: #f5f4f9;
-}
 .wrap-item{
   background: #F7F8FD;
   border-radius: 4px;

src/views/questioncenter/main.vue

@@ -1,10 +1,10 @@
 <template>
   <!-- 题库中心首页 -->
-  <div class="container">
+  <div class="app-back">
     <div class="banner">
       <el-image style="width: 100vw" :src="require('@/assets/images/question-banner.png')" fit="none"></el-image>
     </div>
-    <div class="content">
+    <div class="app-content">
       <index-card title="智能练习" class="mb20">
         <mx-image-wrap titlePostion="center" :list="zhineng"></mx-image-wrap>
       </index-card>
@@ -187,16 +187,6 @@ export default {
 }
 </script>
 <style scoped>
-.content {
-  width: 70%;
-  margin: 0 auto;
-  padding-bottom: 20px;
-  margin-top: 20px;
-}
-
-.container {
-  background: #f5f4f9;
-}
 
 .video_item > img {
   cursor: pointer;