diff --git a/src/App.vue b/src/App.vue
index 42408db..1b603b3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -60,13 +60,13 @@ body,
 }
 body {
   background: #f5f5f5 !important;
-  padding-top: 80px;
+  padding-top: 70px;
 }
 body::-webkit-scrollbar {
   width: 0;
 }
 .head-nav {
-  height: 80px;
+  height: 70px;
   width: 100%;
   top: 0;
   background: white;
diff --git a/src/assets/solicitation.png b/src/assets/solicitation.png
new file mode 100644
index 0000000..02f5b1b
Binary files /dev/null and b/src/assets/solicitation.png differ
diff --git a/src/common/platform.styl b/src/common/platform.styl
index 29bb6bd..220cc52 100644
--- a/src/common/platform.styl
+++ b/src/common/platform.styl
@@ -5,7 +5,6 @@
   padding: 0 9%;
   color: #fff;
   font-size: 16px;
-  font-weight: bold;
   div {
     margin-right: 56px;
     cursor: pointer;
diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue
index ab13ce4..3b93100 100644
--- a/src/components/HeadNav/HeadNav.vue
+++ b/src/components/HeadNav/HeadNav.vue
@@ -1,14 +1,21 @@
 <template>
   <div class="white d-flex flex-row flex-nowrap px-10 align-center">
-    <img @click="jumUrl('/')" alt class="logo-img" src="@/assets/logo.png" style="cursor: pointer" />
+    <img
+      @click="jumUrl('/',0)"
+      alt
+      class="logo-img"
+      src="@/assets/logo.png"
+      style="cursor: pointer"
+    />
     <div class="flex-1 ml-8">
       <a-dropdown
+        :class="activeItem === a ? 'list-down-active' : ''"
         :disabled="item.children.length > 0 ? false : true"
         :key="a"
         class="list-down"
         v-for="(item, a) in list"
       >
-        <a @click="jumUrl(item.url)" class="ant-dropdown-link">
+        <a @click="jumUrl(item.url,a)" class="ant-dropdown-link">
           {{ item.name }}&nbsp;&nbsp;
           <a-icon type="down" v-show="item.children.length > 0" />
         </a>
@@ -19,7 +26,7 @@
             style="text-align: center"
             v-for="(con, b) in item.children"
           >
-            <a @click="jumUrl(con.url)">{{ con.title }}</a>
+            <a @click="jumUrl(con.url,a)">{{ con.title }}</a>
           </a-menu-item>
         </a-menu>
       </a-dropdown>
@@ -50,6 +57,7 @@ export default {
   data() {
     return {
       str: '这是头部导航',
+      activeItem: 0,
       list: [
         {
           name: '关于我们',
@@ -194,10 +202,11 @@ export default {
   },
 
   methods: {
-    jumUrl(url) {
+    jumUrl(url, index) {
       if (this.$route.path !== url) {
         this.$router.push(url);
       }
+      this.activeItem = index;
     },
   },
 };
@@ -217,8 +226,18 @@ export default {
   color: rgba(0, 0, 0, 0.65);
 }
 
+.list-down:hover {
+  color: #13ACC4;
+  border-bottom: 2px solid #13ACC4;
+}
+
+.list-down-active {
+  color: #13ACC4;
+  border-bottom: 2px solid #13ACC4;
+}
+
 .logo-img {
-  height: 50px;
+  height: 44px;
 }
 
 .icon-head {
@@ -235,10 +254,9 @@ export default {
     font-size: 14px;
   }
 
-  .logo-img {
-    height: 44px;
-  }
-
+  // .logo-img {
+  // height: 44px;
+  // }
   .icon-head {
     font-size: 24px;
   }
diff --git a/src/components/Index/IndexNewList.vue b/src/components/Index/IndexNewList.vue
index 26195db..ef44914 100644
--- a/src/components/Index/IndexNewList.vue
+++ b/src/components/Index/IndexNewList.vue
@@ -50,7 +50,10 @@
           <div class="d-flex flex-1 flex-column">
             <div class="item-title">{{ item.title }}</div>
             <div class="original"></div>
-            <div :class="i === 0 ? 'item-content1' : 'item-content'">{{ item.content }}</div>
+            <div :class="i === 0 ? 'item-content1' : 'item-content'">
+              <span v-dompurify-html="item.content"></span>
+              <!-- {{ item.content }} -->
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/views/About/Children/Organ.vue b/src/views/About/Children/Organ.vue
index 05cc8f0..7208f67 100644
--- a/src/views/About/Children/Organ.vue
+++ b/src/views/About/Children/Organ.vue
@@ -91,10 +91,10 @@ export default {
           {
             type: 'tree',
             data: this.treedata,
-            top: '0%',
-            left: '12%',
-            bottom: '1%',
-            right: '20%',
+            top: '-5%',
+            left: '5%',
+            bottom: '0%',
+            right: '25%',
             symbolSize: 7,
             lineStyle: { width: 1 },
             itemStyle: { borderWidth: 3, borderColor: '#AACD06' },
@@ -121,6 +121,6 @@ export default {
 
 <style lang="stylus" scoped>
 .inner {
-  margin: 40px auto;
+  margin: 20px auto;
 }
 </style>
diff --git a/src/views/Activity/Activity.vue b/src/views/Activity/Activity.vue
index 2d46cf5..c72ec3a 100644
--- a/src/views/Activity/Activity.vue
+++ b/src/views/Activity/Activity.vue
@@ -12,27 +12,44 @@
         <a-checkbox :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox>
         <a-checkbox :checked="sta.sl === 1" @click="cSta('sl')">沙龙</a-checkbox>
       </span>
-      <a-input-search @search="getData" class="search" enter-button="搜索" placeholder="请输入..." style="width: 381px" v-model="iptCon" />
+      <a-input-search
+        @search="getData"
+        class="search"
+        enter-button="搜索"
+        placeholder="请输入..."
+        style="width: 381px"
+        v-model="iptCon"
+      />
     </div>
     <div class="policy-box">
-      <div :key="index" class="policy-list" v-for="(item, index) in lists">
+      <div
+        :key="index"
+        class="list-box d-flex flex-row flex-nowrap align-center"
+        v-for="(item, index) in lists"
+      >
         <div @click="jumpDetails(item)" class="date-box pointer" v-if="item.releaseTime">
           <p class="date-mon">{{ monthEnglish[item.releaseTime.split('-')[1] - 1] }}.</p>
           <p class="date-day">{{ item.releaseTime.split(' ')[0].split('-')[2] }}</p>
         </div>
-        <p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
-        <p @click="jumpDetails(item)" class="item-content pointer">{{ item.content }}</p>
-        <p class="source-time">
-          <span class="source">
-            时间：{{ item.releaseTime }}
-            <span v-if="item.closeTime">-{{ item.closeTime }}</span>
-          </span>
-          <span class="source">地点：{{ item.address }}</span>
-        </p>
-        <p class="original">
-          <a-button disabled v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)">报名已结束</a-button>
-          <enroll :act-name="item.title" :activity-id="item.activityId" v-else />
-        </p>
+        <div class="d-flex flex-column flex-1">
+          <p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
+          <div class="d-flex flex-nowrap justify-space-between">
+            <p class="source-time">
+              <span class="source" v-if="item.releaseTime">
+                时间：{{ item.releaseTime }}
+                <span>-{{ item.closeTime }}</span>
+              </span>
+              <span class="source" v-if="item.address">地点：{{ item.address }}</span>
+            </p>
+            <p class="original">
+              <a-button
+                disabled
+                v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)"
+              >报名已结束</a-button>
+              <enroll :act-name="item.title" :activity-id="item.activityId" v-else />
+            </p>
+          </div>
+        </div>
       </div>
     </div>
     <a-pagination
@@ -201,32 +218,25 @@ export default {
 }
 
 .policy-box {
-  .policy-list {
-    position: relative;
+  .list-box {
     width: 100%;
-    height: 238px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
     margin-top: 24px;
-    padding: 25px;
+    padding: 10px 25px;
   }
 }
 
 .item-title {
-  margin-left: 200px;
-  overflow: hidden;
-  display: -webkit-box;
+  margin-bottom: 10px;
   font-size: 24px;
   color: rgba(0, 0, 0, 0.65);
   font-family: Microsoft YaHei;
   font-weight: bold;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
 }
 
 .item-content {
-  margin-left: 200px;
   text-indent: 2em;
   font-size: 16px;
   line-height: 36px;
@@ -255,9 +265,6 @@ export default {
 }
 
 .original {
-  position: absolute;
-  right: 25px;
-  bottom: 25px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
@@ -271,15 +278,11 @@ export default {
 }
 
 .date-box {
-  height: 188px !important;
-  width: 188px !important;
-  position: absolute !important;
-  top: 0 !important;
-  // box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  width: 160px !important;
   text-align: center;
   box-shadow: none !important;
-  padding: 25px;
-  margin-top: 24px;
+  margin-top: 0 !important;
+  padding: 0 !important;
 
   p {
     margin-bottom: 0 !important;
@@ -287,25 +290,22 @@ export default {
 }
 
 .date-mon {
-  font-size: 40px;
-  height: 40px;
-  line-height: 40px;
+  font-size: 26px;
+  height: 26px;
+  line-height: 26px;
   font-weight: 500;
   color: #13ACC4;
 }
 
 .date-day {
-  font-size: 70px;
-  height: 80px;
-  line-height: 80px;
+  font-size: 46px;
+  height: 56px;
+  line-height: 56px;
   font-weight: bold;
   color: #13ACC4;
 }
 
 .source-time {
-  margin-left: 200px;
-  position: absolute;
-  bottom: 26px;
   margin-bottom: 0;
 }
 
diff --git a/src/views/Challenge/Children/Notice.vue b/src/views/Challenge/Children/Notice.vue
index 86d0cdf..1b2c38d 100644
--- a/src/views/Challenge/Children/Notice.vue
+++ b/src/views/Challenge/Children/Notice.vue
@@ -4,11 +4,11 @@
     <div class="inner my-1">
       <bread-crumb :arr="arr" />
     </div>
-    <div class="top-box" style="margin-bottom: 100px; min-height: 200px">
+    <!-- <div class="top-box" style="margin-bottom: 100px; min-height: 200px">
       <div class="top-title">结果公告</div>
       <div class="top-content">结果公告在建中</div>
-    </div>
-    <!-- <div class="search-background">
+    </div>-->
+    <div class="search-background">
       <div class="d-flex">
         <div class="flex-3 flex-wrap">
           <span class="ins-title">技术领域：</span>
@@ -45,7 +45,7 @@
         show-quick-jumper
         v-show="total > 8"
       />
-    </div>-->
+    </div>
   </div>
 </template>
 
diff --git a/src/views/Challenge/Children/Release.vue b/src/views/Challenge/Children/Release.vue
index ac0d9c1..573277a 100644
--- a/src/views/Challenge/Children/Release.vue
+++ b/src/views/Challenge/Children/Release.vue
@@ -4,11 +4,11 @@
     <div class="inner my-1">
       <bread-crumb :arr="arr" />
     </div>
-    <div class="top-box" style="margin-bottom: 100px; min-height: 200px">
+    <!-- <div class="top-box" style="margin-bottom: 100px; min-height: 200px">
       <div class="top-title">项目发布</div>
       <div class="top-content">项目发布在建中</div>
-    </div>
-    <!-- <div class="search-background">
+    </div>-->
+    <div class="search-background">
       <div class="d-flex">
         <div class="flex-3 flex-wrap">
           <span class="ins-title">技术领域：</span>
@@ -46,7 +46,7 @@
         show-quick-jumper
         v-show="total > 8"
       />
-    </div>-->
+    </div>
   </div>
 </template>
 
diff --git a/src/views/Challenge/Children/Solicitation.vue b/src/views/Challenge/Children/Solicitation.vue
index c1b9000..9d389bf 100644
--- a/src/views/Challenge/Children/Solicitation.vue
+++ b/src/views/Challenge/Children/Solicitation.vue
@@ -4,34 +4,54 @@
     <div class="inner my-1">
       <bread-crumb :arr="arr" />
     </div>
-    <div class="top-box" style="margin-bottom: 100px; min-height: 200px">
+    <div class="top-box" style="height: 110px">
       <div class="top-title">创新挑战</div>
-      <div class="top-content">创新挑战在建中</div>
+      <div class="top-txt">针对企业具体技术创新需求，通过“揭榜+比拼”方式，面向社会公开征集解决方案的服务。</div>
     </div>
-    <!-- <div class="center-box" style="margin-bottom: 160px">
+    <div class="center-box">
       <div class="center-title">
         <div class="circular"></div>
-        <div style="margin-left: 40px">需求征集</div>
+        <div style="margin-left: 40px">目的及意义</div>
       </div>
-      <div class="center-content">
-        山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，
-        致力建设集创新链、孵化链和产业链为一体，产学研协同、多学科交叉、大中小企业融通、
-        线上线下相结合的融合发展机制和开放式创新创业平台，培育打造全链条一体化新型社会研发机构和创新创业生态系统，
-        构筑专业化、集群化、园区化、产业发展新模式和新业态。公司秉持“创新、开放、协同、融合”发展理
-        念，以“赋能健康中国，筑梦绿色未来”为愿景，以“构建创新创业生态，发展特色产业集群，打造全链条一体化开放
-        式创新创业高地”为使命，大力推动建设“共融共生，共建 共创”价值共同体。
+      <div
+        class="center-txt"
+      >创新挑战有助于解决企业发展实际问题，有效降低创新成本；有助于需求与技术精准对接，促进科技成果转移转化；有助于解决产业关键共性问题，推动区域产业经济发展。</div>
+    </div>
+    <div class="center-box">
+      <div class="center-title">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">挑战流程</div>
+      </div>
+      <div class="center-txt">
+        <img class="fill-weight" src="../../../assets/solicitation.png" />
+      </div>
+    </div>
+    <div class="center-box" style="margin-bottom: 100px">
+      <div class="center-title">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">有关要求</div>
       </div>
-      <a-button class="center-btn" type="primary">需求填报</a-button>
-    </div>-->
+      <div class="center-txt d-flex flex-column">
+        <div>1. 重视信息公开。各有关地方要按规定对通知文件、需求信息、现场赛情况、赛事结果等及时公开和公布，保障信息公开渠道顺畅、快捷，确保赛事运行公平、公开、公正。</div>
+        <div>2. 加强技术秘密和知识产权保护。参与挑战的需求方、挑战者和评审专家均需签订“保密协议”和“免责声明”法律文本。</div>
+        <div>3. 加强监督，确保公平公正。严格按照事先确定的流程和规则进行，建立投诉和纠纷处理机制。</div>
+        <div class="d-flex flex-row-reverse">
+          <!-- <a-button class="mt-3" type="primary">需求填报</a-button> -->
+          <enroll />
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 import HNav from './../components/HNav.vue';
 import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+import Enroll from '../components/Enroll.vue';
+
 export default {
   name: 'Solicitation',
-  components: { HNav, BreadCrumb },
+  components: { HNav, BreadCrumb, Enroll },
   data() {
     return {
       title: '需求征集',
@@ -53,12 +73,33 @@ export default {
 }
 
 .top-box {
+  height: 110px;
+  line-height: 110px;
   background: -webkit-linear-gradient(left, #13ACC4, #A9C300) !important;
+
+  .top-title {
+    top: 0 !important;
+  }
+}
+
+.top-txt {
+  float: right;
+  margin-right: 12%;
+  width: 62%;
+  padding: 0;
+  font-size: 16px;
+  color: #fff;
+}
+
+.center-txt {
+  float: right;
+  margin: 22px 0;
+  width: 79%;
+  line-height: 36px;
+  font-size: 16px;
 }
 
-.center-btn {
-  position: absolute;
-  left: 26%;
-  bottom: 100px;
+.center-title {
+  top: 30% !important;
 }
 </style>
diff --git a/src/views/Challenge/components/Enroll.vue b/src/views/Challenge/components/Enroll.vue
new file mode 100644
index 0000000..c9a2092
--- /dev/null
+++ b/src/views/Challenge/components/Enroll.vue
@@ -0,0 +1,230 @@
+<template>
+  <div>
+    <a-button @click="showModal" type="primary">需求填报</a-button>
+
+    <a-modal
+      :confirm-loading="confirmLoading"
+      :title="title"
+      :visible="visible"
+      @cancel="handleCancel"
+      @ok="handleOk"
+      width="50%"
+    >
+      <a-form :form="form">
+        <!-- 需求名称 -->
+        <a-form-item
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+          class="mb-3"
+          label="需求名称"
+        >
+          <a-input placeholder="请输入需求名称..." v-model.trim="platform.needName" />
+        </a-form-item>
+        <!-- 技术领域 -->
+        <a-form-item
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+          class="mb-3"
+          label="技术领域"
+        >
+          <a-input placeholder="请输入技术领域..." v-model.trim="platform.technicalField" />
+        </a-form-item>
+        <!-- 需求截止时间 -->
+        <a-form-item
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+          class="mb-3"
+          label="需求截止时间"
+        >
+          <a-date-picker @change="changeNeedTime" style="width:100%" />
+        </a-form-item>
+        <!-- 需求类别 -->
+        <a-form-item
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+          class="mb-3"
+          label="需求类别"
+        >
+          <a-checkbox-group @change="onChange" class="line-height-30">
+            <a-checkbox value="1">技术研发（关键、核心技术）</a-checkbox>
+            <a-checkbox value="2">产品研发（产品升级、新产品研发）</a-checkbox>
+            <a-checkbox value="3">技术改造（设备研发、生产条件）</a-checkbox>
+            <a-checkbox value="4">技术配套（技术、产品等配套合作）</a-checkbox>
+          </a-checkbox-group>
+        </a-form-item>
+        <!-- 需求内容 -->
+        <a-form-item
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+          class="mb-3"
+          label="需求内容"
+        >
+          <quill-editor
+            :options="editorOption"
+            @blur="onEditorBlur($event)"
+            @change="onEditorChange($event)"
+            @focus="onEditorFocus($event)"
+            class="editor-box"
+            ref="myQuillEditor"
+            v-model="needContent"
+          ></quill-editor>
+        </a-form-item>
+        <!-- 现有基础 -->
+        <a-form-item
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+          class="mb-3"
+          label="现有基础"
+        >
+          <a-textarea
+            placeholder="（已经开展的工作、所处阶段、投入资金和人力、仪器 设备、生产条件等）"
+            style="min-height:100px"
+            v-model.trim="platform.basics"
+          />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+<script>
+import { quillEditor } from 'vue-quill-editor'; //调用编辑器
+import 'quill/dist/quill.core.css';
+import 'quill/dist/quill.snow.css';
+import 'quill/dist/quill.bubble.css';
+
+const formItemLayout = {
+  labelCol: { span: 5 },
+  wrapperCol: { span: 18 },
+};
+const formTailLayout = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 18, offset: 6 },
+};
+export default {
+  name: 'Enroll',
+  components: { quillEditor },
+  data() {
+    return {
+      form: this.$form.createForm(this, { name: 'submit' }),
+      visible: false,
+      title: '需求填报',
+      formItemLayout,
+      formTailLayout,
+      confirmLoading: false,
+      needContent: ``,
+      editorOption: {
+        placeholder: '请在这里输入',
+        modules: {
+          toolbar: [
+            ['bold', 'italic', 'underline', 'strike'], //加粗，斜体，下划线，删除线
+            ['blockquote', 'code-block'], //引用，代码块
+            [{ header: 1 }, { header: 2 }], // 标题，键值对的形式；1、2表示字体大小
+            [{ list: 'ordered' }, { list: 'bullet' }], //列表
+            [{ script: 'sub' }, { script: 'super' }], // 上下标
+            [{ indent: '-1' }, { indent: '+1' }], // 缩进
+            [{ direction: 'rtl' }], // 文本方向
+            // [{ size: ['small', false, 'large', 'huge'] }], // 字体大小
+            // [{ header: [1, 2, 3, 4, 5, 6, false] }], //几级标题
+            [{ color: [] }, { background: [] }], // 字体颜色，字体背景颜色
+            // [{ font: [] }], //字体
+            [{ align: [] }], //对齐方式
+            ['clean'], //清除字体样式
+            ['image', 'video'], //上传图片、上传视频
+          ],
+        },
+      },
+      platform: {
+        needName: '',
+        technicalField: '',
+        basics: '',
+      },
+    };
+  },
+
+  methods: {
+    // 需求截止时间
+    changeNeedTime(date, dateString) {
+      this.platform.buildTime = this.$moment(date).unix() * 1000;
+      // console.log(this.$moment(date).unix(), dateString);
+    },
+
+    onEditorReady(editor) {
+      // 准备编辑器
+    },
+    onEditorBlur() {}, // 失去焦点事件
+    onEditorFocus() {}, // 获得焦点事件
+    onEditorChange() {
+      // 内容改变事件
+      // console.log(this.content);
+    },
+    // 上传图片事件
+    fileChange(info) {
+      console.log(info);
+      // this.fileList = info.fileList;
+      // if (info.file.status === 'done') {
+      //   this.files = [];
+      //   this.files = info.fileList[0].response.data[0].id;
+      //   console.log(this.files);
+      // }
+    },
+
+    // 显示表单输入框
+    showModal() {
+      this.visible = true;
+    },
+    // 取消显示
+    handleCancel(e) {
+      this.visible = false;
+    },
+
+    // 点击确定
+    handleOk() {
+      this.subMitAdd();
+    },
+    // 加入接口
+    async subMitAdd() {
+      this.confirmLoading = true;
+      try {
+        // const params = { param: {} };
+        // const res = await apply(params);
+        // const { code, msg, data } = res.data;
+        // if (code === 200) {
+        //   this.$message.success('申请成功');
+        //   this.visible = false;
+        //   this.confirmLoading = false;
+        //   for (let key in this.platform) {
+        //     this.platform[key] = '';
+        //   }
+        //   this.platform.isTel = false;
+        // } else {
+        //   throw msg;
+        //   this.confirmLoading = false;
+        // }
+      } catch (error) {
+        this.$message.error(error);
+        this.confirmLoading = false;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.must-color {
+  color: red;
+}
+
+.code_img {
+  height: 32px;
+  width: 120px;
+}
+
+.ql-editor {
+  min-height: 600px;
+  max-height: 800px;
+}
+
+.editor-box >>> .ql-editor {
+  min-height: 150px;
+}
+</style>
diff --git a/src/views/IncubationPlatform/Children/MakerSpace.vue b/src/views/IncubationPlatform/Children/MakerSpace.vue
index 5fd4abb..0232275 100644
--- a/src/views/IncubationPlatform/Children/MakerSpace.vue
+++ b/src/views/IncubationPlatform/Children/MakerSpace.vue
@@ -32,12 +32,6 @@
             </div>
           </div>
         </div>
-        <!-- <div style="margin-top: 30px">
-          <div class="d-flex flex-column">
-            <p class="font-bold-32 title-color">加入流程</p>
-            <img class="fill-width" src="~assets/zckj01.png" />
-          </div>
-        </div>-->
         <div :key="index" style="margin-top: 20px" v-for="(item, index) in list">
           <div class="d-flex justify-space-between space-box" v-if="index % 2 === 0">
             <div class="introduce-box">
@@ -108,14 +102,14 @@ export default {
         {
           title: '实体空间',
           content: '实体空间由孵化场所、公共实验室、中试基地部分组成。',
-          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/st.png',
+          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/xn.png',
           url: '/IncubationPlatform/MakerSpace/EntitySpace',
         },
         {
           title: '虚拟空间',
           content:
             '虚拟众创空间主要面向非入驻实体空间从事功能食品、生物医药和大健康产业相关研发服务和生产的企业。虚拟众创空间依托绿谷数字化平台进行建设，入驻企业可享受实体众创空间的各种创新创业服务，参加相关创新创业活动。',
-          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/xn.png',
+          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/st.png',
           url: '/IncubationPlatform/MakerSpace/VirtualSpace',
         },
       ],
diff --git a/src/views/ItInformation/ItInformation.vue b/src/views/ItInformation/ItInformation.vue
index 6679b81..3f5f15c 100644
--- a/src/views/ItInformation/ItInformation.vue
+++ b/src/views/ItInformation/ItInformation.vue
@@ -7,17 +7,24 @@
 <template>
   <div class="inner">
     <div class="policy-box">
-      <div :key="index" class="policy-list" v-for="(item, index) in lists">
-        <div @click="jumpDetails(item)" class="date-box pointer" v-if="item.time">
+      <div
+        :key="index"
+        class="list-box d-flex flex-row flex-nowrap align-center"
+        v-for="(item, index) in lists"
+      >
+        <div @click="jumpDetails(item)" class="date-box d-flex flex-column" v-if="item.time">
           <p class="date-mon">{{ monthEnglish[item.time.split('-')[1] - 1] }}.</p>
           <p class="date-day">{{ item.time.split(' ')[0].split('-')[2] }}</p>
         </div>
-        <p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
-        <p @click="jumpDetails(item)" class="item-content pointer">{{ item.content }}</p>
-        <p class="source-time">
-          <span class="source">时间：{{ item.time }}</span>
-          <span class="source">地点：{{ item.site }}</span>
-        </p>
+        <div class="d-flex flex-column flex-1">
+          <p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
+          <div class="d-flex flex-nowrap justify-space-between">
+            <p class="source-time">
+              <span class="source" v-if="item.time">来源：{{ item.time }}</span>
+              <span class="source" v-if="item.site">地点：{{ item.site }}</span>
+            </p>
+          </div>
+        </div>
       </div>
     </div>
     <a-pagination
@@ -98,36 +105,29 @@ export default {
 }
 
 .policy-box {
-  .policy-list {
-    position: relative;
+  .list-box {
     width: 100%;
-    height: 238px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
     margin-top: 24px;
-    padding: 25px;
+    padding: 10px 25px;
   }
 }
 
 .item-title {
-  margin-left: 200px;
-  overflow: hidden;
-  display: -webkit-box;
+  margin-bottom: 10px;
   font-size: 24px;
   color: rgba(0, 0, 0, 0.65);
   font-family: Microsoft YaHei;
   font-weight: bold;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
 }
 
 .item-content {
-  margin-left: 200px;
   text-indent: 2em;
   font-size: 16px;
-  color: rgba(0, 0, 0, 0.35);
   line-height: 36px;
+  color: rgba(0, 0, 0, 0.35);
   font-family: Microsoft YaHei;
   overflow: hidden;
   display: -webkit-box;
@@ -152,9 +152,6 @@ export default {
 }
 
 .original {
-  position: absolute;
-  right: 25px;
-  bottom: 25px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
@@ -168,15 +165,11 @@ export default {
 }
 
 .date-box {
-  height: 188px !important;
-  width: 188px !important;
-  position: absolute !important;
-  top: 0 !important;
-  // box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  width: 160px !important;
   text-align: center;
   box-shadow: none !important;
-  padding: 25px;
-  margin-top: 24px;
+  margin-top: 0 !important;
+  padding: 0 !important;
 
   p {
     margin-bottom: 0 !important;
@@ -184,25 +177,22 @@ export default {
 }
 
 .date-mon {
-  font-size: 40px;
-  height: 40px;
-  line-height: 40px;
+  font-size: 26px;
+  height: 26px;
+  line-height: 26px;
   font-weight: 500;
   color: #13ACC4;
 }
 
 .date-day {
-  font-size: 70px;
-  height: 80px;
-  line-height: 80px;
+  font-size: 46px;
+  height: 56px;
+  line-height: 56px;
   font-weight: bold;
   color: #13ACC4;
 }
 
 .source-time {
-  margin-left: 200px;
-  position: absolute;
-  bottom: 26px;
   margin-bottom: 0;
 }