首页

src/style/font/font.scss

@@ -7,3 +7,13 @@
   font-family: 'Alimama';
   src: url('@/style/font/Alimama.ttf');
 }
+
+@font-face {
+  font-family: 'YouSheBiaoTiHei';
+  src: url('@/style/font/YouSheBiaoTiHei.TTF');
+}
+
+@font-face {
+  font-family: 'PangMenZhengDao';
+  src: url('@/style/font/PangMenZhengDao.ttf');
+}

src/views/manage/home/index.vue

@@ -1,17 +1,92 @@
 <template>
-  <div class="size-full p-4">
-    <paramsTextarea />
+  <div class="size-full overflow-y-auto">
+    <div
+      class="flex h-[21.88rem] w-full rounded-lg bg-[url('@/assets/images/home/head.png')] bg-[length:auto_100%] bg-center bg-no-repeat"
+    >
+      <div class="my-auto" style="margin-left: 10%">
+        <div
+          class="text-5xl text-[#3363DE]"
+          style="font-family: YouSheBiaoTiHei"
+        >
+          {{ titleCpt }}
+        </div>
+        <div
+          class="mt-2 w-1/2 text-base text-[#062F89]"
+          style="line-height: 1.88rem"
+        >
+          构建起面向政府的多场景数字化 AI
+          服务中枢，依托自主研发的大模型智能应用可视化开发引擎，实现智能应用的快速搭建与灵活配置，深度融合自然语言处理、知识图谱等前沿
+          AI
+          技术，形成覆盖政务咨询、政策解读、数据研判等全链条的智能应用矩阵。平台以
+          “数智赋能”
+          为核心，全面推动政府数字化转型提质增效，助力各级部门实现智慧化升级与高效协同办公，为政府治理现代化和高质量发展注入强劲动能。
+        </div>
+      </div>
+    </div>
+    <div class="mt-2 flex w-full flex-col items-center rounded-lg bg-[#ffffff]">
+      <div style="font-family: Alimama" class="mt-10 text-4xl">
+        <span style="font-family: Alimama" class="text-[#2F82FF]"
+          >热门应用</span
+        >
+        当下最火 AI 实用场景集合
+      </div>
+      <div class="mt-4 text-lg text-[#303133]">
+        覆盖生活办公全需求，让前沿技术即刻落地你的日常
+      </div>
+      <div class="mt-10 flex gap-4.5" v-loading="state.hot.loading">
+        <template v-for="item in state.hot.data">
+          <div
+            class="flex h-[20.5rem] w-[17.8rem] flex-col rounded-lg bg-linear-to-br bg-[url('@/assets/images/home/hot-bg.png')] from-[#F3FAFF] to-[#ffffff] bg-[length:100%_100%] bg-no-repeat px-7 py-8"
+          >
+            <img
+              src="@/assets/images/app/app-default-logo.png"
+              class="size-13"
+            />
+            <div class="flex justify-between">
+              <div>智慧口岸智能咨询</div>
+              <div class="flex items-center">
+                <SvgIcon name="hot" color="#ffffff" /> 2333
+              </div>
+            </div>
+          </div>
+        </template>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { getCurrentInstance, reactive, ref } from 'vue'
+import { computed, getCurrentInstance, onMounted, reactive, ref } from 'vue'
 import paramsTextarea from '@/views/workflow/instance/component/params-textarea/index.vue'
 
 const emit = defineEmits([])
 const props = defineProps({})
 const { proxy }: any = getCurrentInstance()
-const state: any = reactive({})
+const state: any = reactive({
+  hot: {
+    loading: false,
+    data: [{}, {}, {}, {}],
+  },
+  model: {
+    loading: false,
+    data: [],
+  },
+  app: {
+    loading: false,
+    data: [],
+  },
+})
+const titleCpt = computed(() => import.meta.env.VITE_TITLE)
+const initHot = () => {}
+const initModel = () => {
+  state.model.loading = true
+}
+const initApp = () => {}
+onMounted(() => {
+  initHot()
+  initModel()
+  initApp()
+})
 </script>
 
 <style lang="scss" scoped></style>