1

src/views/market/index.vue

@@ -2,7 +2,39 @@
   <div id="index">
     <el-row>
       <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
-        <el-col :span="24" class="one">系统首页</el-col>
+        <el-col :span="24" class="w_1200">
+          <el-col :span="24" class="one">
+            <el-col :span="12" class="one_1">
+              <el-col :span="24" class="top">
+                <component :is="cTop" zTxt="技术成果" eTxt="Achieve" @toMore="toMore('0')"></component>
+              </el-col>
+              <el-col :span="24" class="down"> 列表 </el-col>
+            </el-col>
+            <el-col :span="12" class="one_1">
+              <el-col :span="24" class="top">
+                <component :is="cTop" zTxt="e专利" eTxt="Patent" @toMore="toMore('1')"></component>
+              </el-col>
+              <el-col :span="24" class="down"> 列表 </el-col>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="two">
+            <el-image :src="centerImg"></el-image>
+          </el-col>
+          <el-col :span="24" class="one">
+            <el-col :span="12" class="one_1">
+              <el-col :span="24" class="top">
+                <component :is="cTop" zTxt="项目路演" eTxt="Roadshow" @toMore="toMore('2')"></component>
+              </el-col>
+              <el-col :span="24" class="down"> 列表 </el-col>
+            </el-col>
+            <el-col :span="12" class="one_1">
+              <el-col :span="24" class="top">
+                <component :is="cTop" zTxt="专家智库" eTxt="Expert" @toMore="toMore('3')"></component>
+              </el-col>
+              <el-col :span="24" class="down"> 列表 </el-col>
+            </el-col>
+          </el-col>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -10,29 +42,50 @@
 
 <script setup lang="ts">
 // 基础
+import cTop from '@/components/common/top.vue';
 import type { Ref } from 'vue';
-// reactive,
-import { onMounted, ref, getCurrentInstance } from 'vue';
+import { onMounted, ref } from 'vue';
 // 接口
-//import { TestStore } from '@common/src/stores/test';
-//import type { IQueryResult } from '@/util/types.util';
-//const testAxios = TestStore();
-const { proxy } = getCurrentInstance() as any;
+
 // 加载中
 const loading: Ref<any> = ref(false);
-// 分页数据
-//  const skip = 0;
-//  const limit = proxy.limit;;
+// 中间图片
+const centerImg: Ref<any> = ref('/src/assets/market-4.png');
+
 // 请求
 onMounted(async () => {
   loading.value = true;
-  //  await search({ skip, limit });
+  await search();
   loading.value = false;
 });
-//const search = async (e: { skip: number; limit: number }) => {
-//  const info = { skip: e.skip, limit: e.limit, ...searchInfo.value  };
-//  const res: IQueryResult = await testAxios.query(info);
-//  console.log(res);
-//};
+const search = () => {
+  console.log('1');
+};
+// 查看更多
+const toMore = (e) => {
+  console.log(e);
+};
 </script>
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.main {
+  .one {
+    display: flex;
+    background-image: linear-gradient(rgb(255, 255, 255), rgb(163, 213, 246), rgb(255, 255, 255));
+    padding: 10px 0;
+    .one_1 {
+      max-width: 49.3%;
+      min-height: 530px;
+      overflow: hidden;
+      background: #fff;
+      box-shadow: 0 0 5px #409eff;
+      border-radius: 20px;
+      padding: 15px;
+      margin: 0 20px 0 0;
+    }
+    .one_1:last-child {
+      max-width: 49%;
+      margin: 0;
+    }
+  }
+}
+</style>

src/views/universal/index.vue

@@ -96,17 +96,12 @@ const toMore = (e) => {};
 const toView = (e) => {};
 </script>
 <style scoped lang="scss">
-.w_1200 {
-  max-width: 1200px;
-  margin: 0 auto;
-}
 .main {
   margin: 10px 0 0 0;
   background-image: linear-gradient(rgb(255, 255, 255), rgb(163, 213, 246), rgb(255, 255, 255));
   .one {
     margin: 0 0 10px 0;
     display: flex;
-    flex-direction: row;
     flex-wrap: wrap;
     .one_1 {
       max-width: 49.3%;