9

src/common/platform.styl

@@ -53,10 +53,10 @@
 
 
 .center-content {
-  float: right;
-  margin: 50px 0;
-  width: 79%;
-  line-height: 36px;
+  // float: right;
+  margin: 0.5rem auto ;
+  // width: 79%;
+  line-height: 24px;
   font-size: 16px;
 
 }

src/common/portrait.styl

@@ -324,7 +324,9 @@
 .flex-row-reverse{
   flex-direction: row-reverse;
 }
-
+.justify-start{
+  justify-content: flex-start;
+}
 .justify-center{
   justify-content: center;
 }

src/components/Introduce/SettledModel.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <a-button style="width:90%" @click="showModal" type="primary">加入我们</a-button>
+    <a-button style="width:30%" @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" v-if="current === 0">
         <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称" required>

src/components/SettledEnterprise/SettledEnterprise.vue

@@ -3,9 +3,9 @@
     <div class="d-flex flex-nowrap flex-row-reverse mb-5">
       <a-input-search
         @search="getBusiness"
-        enter-button="搜索"
+        enter-button   
         placeholder="请输入..."
-        style="width: 50%"
+        style="width: 100%;margin: 0 auto "
         v-model="business"
       />
     </div>
@@ -17,35 +17,14 @@
         v-for="(item, i) in lists"
       >
         <div class="ent-box pointer">
-          <p class="ent-index">{{ i + 1 }}</p>
-          <span class="ent-name" style="margin-left: 50px">{{ item.company }}</span>
-          <span class="ent-mainBusiness" style="margin-left: 50px">{{ item.mainBusiness }}</span>
+          <div class="d-flex align-center justify-start">
+            <div class="ent-index" style="margin-left:0">{{ i + 1 }}</div>
+            <div class="ent-name" style="margin-left: 0.5rem">{{ item.company }}</div>
+          </div> 
+          <div class="ent-mainBusiness " style="margin-left: 2.2rem">{{ item.mainBusiness }}</div>
         </div>
       </div>
-      <!-- <div
-        :key="0 + `${i}`"
-        @click="openProfile(item.company,item.introduce)"
-        class="ent-box-div"
-        v-for="(item, i) in lists"
-      >
-        <div class="ent-box pointer">
-          <p class="ent-index">{{ i + 1 }}</p>
-          <span class="ent-name" style="margin-left: 50px">{{ item.company }}</span>
-          <span class="ent-mainBusiness" style="margin-left: 50px">{{ item.mainBusiness }}</span>
-        </div>
-      </div>
-      <div
-        :key="j"
-        @click="openProfile(item.company,item.introduce)"
-        class="ent-box-div"
-        v-for="(item, j) in lists"
-      >
-        <div class="ent-box pointer">
-          <p class="ent-index">{{ j + 1 }}</p>
-          <span class="ent-name" style="margin-left: 50px">{{ item.company }}</span>
-          <span class="ent-mainBusiness" style="margin-left: 50px">{{ item.mainBusiness }}</span>
-        </div>
-      </div>-->
+      
       <company-profile :show-profile="showProfile" @closeProfile="closeProfile" v-if="showProfile" />
     </div>
   </div>
@@ -164,26 +143,22 @@ export default {
 .ent-box-div {
   width: 100%;
   margin-right: 11%;
-  position: relative;
-  height: 76px;
+  height: 4rem;
 }
 
+
 .ent-box {
   width: 100%;
-  // margin-right: 11%;
-  position: relative;
-  height: 56px;
   line-height: 56px;
-  padding: 0 14px;
+  padding: 0 ;
   background: #FFFFFF;
-  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  border-bottom: 1px solid #EEEEEE
   opacity: 1;
   // margin-bottom: 20px;
 }
 
 .ent-index {
   width: 28px;
-  position: absolute;
   top: 14px;
   line-height: 28px;
   text-align: center;
@@ -197,33 +172,23 @@ export default {
 }
 
 .ent-name {
-  position: absolute;
-  left: 0;
-  width: 50%;
-  height: 24px;
-  top: 50%;
-  margin-top: -12px;
+
   font-size: 22px;
   font-family: Microsoft YaHei;
   font-weight: bold;
-  line-height: 24px;
+  line-height: 22px;
   color: rgba(0, 0, 0, 0.65);
   opacity: 1;
-  overflow: hidden;
+
 }
 
 .ent-mainBusiness {
-  position: absolute;
-  left: 60%;
-  width: 25%;
+
   height: 24px;
-  top: 50%;
-  margin-top: -12px;
-  font-size: 22px;
+  font-size: 16px;
   font-family: Microsoft YaHei;
-  font-weight: bold;
   line-height: 24px;
-  color: rgba(0, 0, 0, 0.65);
+  color: #B0B0B0;
   opacity: 1;
   overflow: hidden;
 }
@@ -252,8 +217,9 @@ export default {
   overflow: hidden;
 
   div {
-    justify-content: center;
     align-items: center;
   }
 }
+
+
 </style>

src/views/Challenge/Children/Solicitation.vue

@@ -112,8 +112,8 @@ export default {
 }
 
 .center-txt {
-  
-  margin: 1rem auto ;
+  padding-bottom 0.5rem
+  margin: 0.3rem auto ;
   width: 100%;
   line-height: 1.5rem;
   font-size: 16px;

src/views/IncubationPlatform/Children/place/EntitySpace.vue

@@ -9,24 +9,14 @@
         class="set-mol"
         type="primary"
       >统计信息填报</a-button>
-
-      <!-- <div class="top-title">实体众创空间</div>
-      <div class="top-content">
-        山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，
-        致力建设集创新链、孵化链和产业链为一体，产学研协同、多学科交叉、大中小企业融通、
-        线上线下相结合的融合发展机制和开放式创新创业平台，培育打造全链条一体化新型社会研发机构和创新创业生态系统，
-        构筑专业化、集群化、园区化、产业发展新模式和新业态。公司秉持“创新、开放、协同、融合”发展理
-        念，以“赋能健康中国，筑梦绿色未来”为愿景，以“构建创新创业生态，发展特色产业集群，打造全链条一体化开放
-        式创新创业高地”为使命，大力推动建设“共融共生，共建 共创”价值共同体。
-      </div>-->
     </div>
     <!-- 孵化场所 -->
     <div @click="$router.push('')" class="center-box c-box pointer">
-      <div class="center-title">
+      <div class="center-title d-flex align-center">
         <div class="circular"></div>
-        <div style="margin-left: 40px">孵化场所</div>
+        <div style="margin-left: 2rem">孵化场所</div>
       </div>
-      <div class="center-content d-flex flex-nowrap">
+      <div class="center-content d-flex ">
         孵化场所分为运营办公区、公共空间区、独立空间区和开放办公区。公共空间区包括路演厅
         （项目路演、知识培训、产品展示等多项功能）、会议室、洽谈室、第三空间（创业咖啡）。
         开放空间区按功能食品、生物医药、数字健康领域进行分区设置。
@@ -34,9 +24,9 @@
     </div>
     <!-- 公共实验室 -->
     <div @click="$router.push('')" class="center-box pointer">
-      <div class="center-title">
+      <div class="center-title d-flex align-center">
         <div class="circular"></div>
-        <div style="margin-left: 40px">公共实验室</div>
+        <div style="margin-left: 2rem">公共实验室</div>
       </div>
       <div class="center-content d-flex flex-column">
         <span>
@@ -55,9 +45,9 @@
     </div>
     <!-- 中试基地 -->
     <div @click="$router.push('')" class="center-box c-box pointer">
-      <div class="center-title">
+      <div class="center-title d-flex align-center">
         <div class="circular"></div>
-        <div style="margin-left: 40px">中试基地</div>
+        <div style="margin-left: 2rem">中试基地</div>
       </div>
       <div class="center-content d-flex flex-column">
         <div>发酵工程中试基地位于山西维尔乳制品有限公司，基地具有发酵乳制品等生产加工条件，可提供微生物发酵实验及相关中试。</div>
@@ -101,9 +91,9 @@
     </div>-->
     <!-- 入驻企业名录 -->
     <div class="center-box" style="margin-bottom: 15px">
-      <div class="center-title" style="top: 105px;">
+      <div class="center-title d-flex align-center" style="top: 105px;">
         <div class="circular"></div>
-        <div style="margin-left: 40px">入驻企业名录</div>
+        <div style="margin-left: 2rem">入驻企业名录</div>
       </div>
       <div class="center-content">
         <settled-enterprise :lists="lists" @searchEnt="searchEnt" />
@@ -185,7 +175,26 @@ export default {
 .inner {
   margin: 10px auto 15px;
 }
+.center-title {
+
+  top: 10%;
+  font-size: 28px;
+  color: #000;
+}
+.center-box {
+  
+  background: #fff;
+  padding: 0 1rem;
 
+}
+
+.circular {
+  height: 20px;
+  width: 20px;
+  background: #13ACC4;
+  border-radius: 50%;
+  margin: auto 0
+}
 .center-btn {
   position: absolute;
   left: 26.2%;
@@ -311,7 +320,7 @@ export default {
 
 
 .set-mol {
-  width 90%
+  width 35%
   // margin 0 auto
 }