|
|
@@ -1,7 +1,25 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <h1>这是智搜首页</h1>
|
|
|
- <el-button @click="$router.push({name: '4f6dd2ea-7c0a-4923-9a57-932ef42235f6'})">跳转到列表</el-button>
|
|
|
+ <div class="web-home">
|
|
|
+ <div class="title">
|
|
|
+ <img src="@/assets/images/web/web-home_title.png"/>
|
|
|
+ </div>
|
|
|
+ <div class="area">
|
|
|
+
|
|
|
+ <div class="selected">
|
|
|
+ <div class="label">搜索范围：</div>
|
|
|
+ <div class="value"></div>
|
|
|
+ </div>
|
|
|
+ <div class="search-input">
|
|
|
+ <el-input v-model="state.searchText" placeholder="请输入关键字进行查询"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="history">
|
|
|
+ <div class="label">搜索记录</div>
|
|
|
+ <div class="result">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<!-- <el-button @click="$router.push({name: '4f6dd2ea-7c0a-4923-9a57-932ef42235f6'})">跳转到列表</el-button>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -9,8 +27,22 @@
|
|
|
import {getCurrentInstance, reactive} from "vue";
|
|
|
|
|
|
const {proxy} = getCurrentInstance()
|
|
|
-const state: any = reactive({})
|
|
|
+const state: any = reactive({
|
|
|
+ searchText: ''
|
|
|
+})
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.web-home {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-image: url("@/assets/images/web/web-home_bg.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ gap: 40px;
|
|
|
+}
|
|
|
</style>
|
CzRger
