|
|
@@ -3,33 +3,31 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
|
|
|
<el-col :span="24" class="one">
|
|
|
- <el-image class="image" :src="news" fit="fill" />
|
|
|
- <div class="w_1200">
|
|
|
- <div class="input">
|
|
|
- <a-tabs v-model:activeKey="activeKey" centered>
|
|
|
- <a-tab-pane key="1" tab="全部"> </a-tab-pane>
|
|
|
- <a-tab-pane key="2" tab="找专家"> </a-tab-pane>
|
|
|
- <a-tab-pane key="3" tab="找资源"> </a-tab-pane>
|
|
|
- <a-tab-pane key="4" tab="找需求"> </a-tab-pane>
|
|
|
- <a-tab-pane key="5" tab="更多+"> </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- <a-input-search
|
|
|
- v-model:value="searchValue"
|
|
|
- placeholder="请输入想要搜索的内容"
|
|
|
- enter-button="搜索"
|
|
|
- size="large"
|
|
|
- @search="onSearch"
|
|
|
- />
|
|
|
- <div class="hot">
|
|
|
- <div class="hot_1">热门搜索：</div>
|
|
|
- <div class="hot_2">
|
|
|
- <span>商贸</span>
|
|
|
- <span>红旗</span>
|
|
|
- <span>有机发光器件</span>
|
|
|
- <span>车载显示屏</span>
|
|
|
- <span>政府质量奖</span>
|
|
|
- <span>科技</span>
|
|
|
- </div>
|
|
|
+ <!-- <el-image class="image" :src="news" fit="fill" /> -->
|
|
|
+ <div class="input">
|
|
|
+ <a-tabs v-model:activeKey="activeKey" centered>
|
|
|
+ <a-tab-pane key="1" tab="全部"> </a-tab-pane>
|
|
|
+ <a-tab-pane key="2" tab="找专家"> </a-tab-pane>
|
|
|
+ <a-tab-pane key="3" tab="找资源"> </a-tab-pane>
|
|
|
+ <a-tab-pane key="4" tab="找需求"> </a-tab-pane>
|
|
|
+ <a-tab-pane key="5" tab="更多+"> </a-tab-pane>
|
|
|
+ </a-tabs>
|
|
|
+ <a-input-search
|
|
|
+ v-model:value="searchValue"
|
|
|
+ placeholder="请输入想要搜索的内容"
|
|
|
+ enter-button="搜索"
|
|
|
+ size="large"
|
|
|
+ @search="onSearch"
|
|
|
+ />
|
|
|
+ <div class="hot">
|
|
|
+ <div class="hot_1">热门搜索：</div>
|
|
|
+ <div class="hot_2">
|
|
|
+ <span>商贸</span>
|
|
|
+ <span>红旗</span>
|
|
|
+ <span>有机发光器件</span>
|
|
|
+ <span>车载显示屏</span>
|
|
|
+ <span>政府质量奖</span>
|
|
|
+ <span>科技</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -65,18 +63,16 @@ const search = async () => {}
|
|
|
<style scoped lang="scss">
|
|
|
.main {
|
|
|
.one {
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .image {
|
|
|
- width: 100%;
|
|
|
- height: 200px;
|
|
|
- }
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ height: 200px;
|
|
|
+ background: url(/images/bg.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
|
.input {
|
|
|
width: 830px;
|
|
|
- position: absolute;
|
|
|
- left: 27%;
|
|
|
- bottom: 25%;
|
|
|
.hot {
|
|
|
display: flex;
|
|
|
margin: 10px 0 0 0;
|
