更新

src/views/service/detail/wisdom.vue

@@ -1,19 +1,23 @@
 <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>注册登录</el-button><i class="el-icon-right"></i> <el-button plain>提交申请</el-button> <i class="el-icon-right"></i
-            ><el-button plain>确认推荐需求</el-button> <i class="el-icon-right"></i> <el-button plain>完成智慧推荐</el-button>
-          </el-col>
-        </div>
+  <div id="wisdom" style="background-color: #F5F5F54f;">
+    <div class="w_1200">
+      <div 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>注册登录</el-button><i class="el-icon-right"></i> <el-button plain>提交申请</el-button> <i class="el-icon-right"></i>
+            <el-button plain>确认推荐需求</el-button> <i class="el-icon-right"></i>
+            <el-button plain>完成智慧推荐</el-button>
+          </div>
+        </el-col>
       </div>
     </div>
   </div>
@@ -21,12 +25,9 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
-
 export default {
-  name: 'detail',
-  props: {
-    newsid: null,
-  },
+  name: 'wisdom',
+  props: {},
   components: {},
   data: () => {
     return {
@@ -38,56 +39,35 @@ export default {
         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;
-}
-.detailmain .info p {
-  padding: 10px 0 10px 0;
-}
-
-.detailmain .info p span {
-  color: #000000;
-  font-weight: bold;
-}
-.context {
-  text-align: center;
-  padding: 20px 0 20px 0;
+.main {
+  .title {
+    text-align: center;
+    font-size: 25px;
+  }
+  .info {
+    font-size: 18px;
+    div {
+      padding: 0 0 15px 0;
+      p {
+        padding: 0 0 10px 0;
+      }
+      p:first-child {
+        font-weight: bold;
+      }
+    }
+  }
 }
 </style>