更新

src/views/service/detail/exhibition.vue

@@ -1,97 +1,68 @@
 <template>
-  <div id="detail" style="background-color: #F5F5F54f;">
-    <div class="w_0100">
-      <div class="w_1200">
-        <div class="detailmain">
-          <el-col class="title" :span="24"> {{ detail.title }}</el-col>
-
-          <el-col :span="24" class="info">
-            <p><span>简介:</span>{{ detail.desc }}</p>
-            <p><span>描述:</span>{{ detail.miaoshu }}</p></el-col
-          >
-          <el-col :span="24" class="context">
-            <el-button plain style="cursor: default;">注册登录</el-button><i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">提交申请办展资料</el-button> <i class="el-icon-right"></i
-            ><el-button plain style="cursor: default;">确认需求</el-button> <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">展会宣传</el-button>
-          </el-col>
+  <div id="exhibition" style="background-color: #F5F5F54f;">
+    <el-col :span="24" class="main">
+      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <el-col :span="24" class="info">
+        <div>
+          <p>简介:</p>
+          <p>{{ detail.desc }}</p>
+        </div>
+        <div>
+          <p>描述:</p>
+          <p>{{ detail.miaoshu }}</p>
+        </div>
+        <div>
+          <el-button plain style="cursor: default;">注册登录</el-button><i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">提交申请办展资料</el-button> <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">确认需求</el-button><i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">展会宣传</el-button>
         </div>
-      </div>
-    </div>
+      </el-col>
+    </el-col>
   </div>
 </template>
 
 <script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-
 export default {
-  name: 'detail',
-  props: {
-    newsid: null,
-  },
+  name: 'exhibition',
+  props: {},
   components: {},
   data: () => {
     return {
       detail: {
         title: '展会管理',
         desc: '本届展会会将集中展示包括科技超市、动态监测、直播大厅、技术培训、实现对接等代表信息产业的核心内容,主打造一流创新服务平台。',
-
         miaoshu:
           '展会众多业内人士齐聚直播大厅现场进行业务洽谈、产品展示、以及行业经验的交流。展会邀请各种行业的企业进行参加,促进行业交流，内外交流，横向交流，促进商业发展',
       },
-
-      img: {
-        top_bg: require('@/assets/live/top_bg.png'),
-        logo: require('@/assets/live/logo.png'),
-        img1: require('@/assets/live/1.jpg'),
-      },
-
-      detailinfo: {},
     };
   },
   created() {},
   methods: {},
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
+  computed: {},
 };
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/style.css';
-.w_1200 {
-  width: 95%;
-  margin: 0 auto;
-}
-.detailmain {
-  min-height: 500px;
-}
-
-.detailmain .title {
-  color: #215199;
-  font-size: 18px;
-  text-align: center;
-  font-weight: bold;
-  font-size: 25px;
-}
-.detailmain .info p {
-  padding: 10px 0 10px 0;
-  font-size: 20px;
-}
-
-.detailmain .info p span {
-  color: #000000;
-  font-weight: bold;
-}
-.context {
-  text-align: center;
-  padding: 20px 0 20px 0;
-  font-size: 20px;
+.main {
+  .title {
+    text-align: center;
+    font-size: 25px;
+    color: #22529a;
+    font-weight: bold;
+    margin: 15px 0;
+  }
+  .info {
+    font-size: 18px;
+    div {
+      margin: 0 0 15px 0;
+      p {
+        padding: 0 0 10px 0;
+      }
+      p:first-child {
+        font-weight: bold;
+      }
+    }
+  }
 }
 </style>