fix bug

src/assets/style/main.scss

@@ -331,6 +331,11 @@ img {
   font-weight: bold;
 }
 
+
+.bold-500 {
+  font-weight: 500;
+}
+
 .radius-5 {
   border-radius: 5px;
 }

src/components/wt-card/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <el-card shadow="hover">
+    <div class="font-16 bold-500 flex-justify-start flex mb-10">
+      {{ title }}
+    </div>
+    <slot></slot>
+  </el-card>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/home/component/params/params7.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-center flex-col">
-    <!-- title and btn -->
+    <!-- wt-card and btn -->
     <div class="flex flex-center full-width flex-justify-between mt-10 mb-10">
       <span class="full-width text-left bold"
         >{{ info.dictValue }}（单位：万元）</span

src/views/project/componens/info1.vue

@@ -0,0 +1,17 @@
+<template>
+  <wt-card title="基础信息">
+    <div class="flex flex-justify-start light-green-bg full-width">333</div>
+  </wt-card>
+</template>
+
+<script>
+import wtCard from '@/components/wt-card/index.vue'
+
+export default {
+  components: {
+    wtCard
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/project/componens/info2.vue

@@ -0,0 +1,17 @@
+<template>
+  <wt-card title="前期情况" class="mt-10">
+    <div>info2</div>
+  </wt-card>
+</template>
+
+<script>
+import wtCard from '@/components/wt-card/index.vue'
+
+export default {
+  components: {
+    wtCard
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/project/index.vue

@@ -12,9 +12,8 @@
     </tips-custom>
     <!--    content-->
     <div>
-      <el-card>
-        <div style="height: 4200px"></div>
-      </el-card>
+      <info1 />
+      <info2 />
     </div>
     <!--    buttom-->
     <div class="bottom flex flex-center flex-justify-end">
@@ -39,9 +38,11 @@ meta: { layout: 'empty','show': false}
 import tipsCustom from '@/components/tips-custom/index.vue'
 import top from '@/views/project/componens/top.vue'
 import confing from '@/config/website.js'
+import Info1 from '@/views/project/componens/info1.vue'
+import Info2 from '@/views/project/componens/info2.vue'
 
 export default {
-  components: { tipsCustom, top },
+  components: { Info2, Info1, tipsCustom, top },
   data() {
     return {
       projectId: '',