样式调整

src/pages/course/details/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="padding: 24px">
         <el-card shadow="hover" class="m-b-20">
             <div class="flex-between">
                 <el-page-header @back="goBack" :content="'课程详情'"></el-page-header>

src/pages/info/details/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div style="padding-bottom: 20px">
+    <div style="padding: 24px">
 
         <div class="article">
             <el-card shadow="hover" class="m-b-20">
@@ -77,7 +77,7 @@ export default {
 
 <style lang="scss" scoped>
 .article{
-    width: 70%;
+    //width: 70%;
     margin: 0 auto;
     .page{
         padding: 40px;

src/pages/info/list/index.vue

@@ -194,7 +194,7 @@ export default {
 .banner-con{
     width: 100vw;
     height: 200px;
-    background-image: url('../../../assets/img/info-banner1.jpg');
+    background-image: url('../../../assets/img/match-banner.jpg');
     background-size: 100vw 200px;
     background-repeat: no-repeat;
 }

src/pages/match/details/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="padding: 24px">
         <el-card shadow="hover" class="m-b-20">
             <div class="flex-between">
                 <el-page-header @back="goBack" :content="'赛事详情'"></el-page-header>

src/pages/station/preview/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="padding: 24px">
         <el-card shadow="hover" class="m-b-20">
             <div class="flex-between">
                 <el-page-header @back="goBack" :content="curriculumName"></el-page-header>