|
|
@@ -4,30 +4,32 @@
|
|
|
<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="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 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>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -71,9 +73,9 @@ const search = async () => {}
|
|
|
}
|
|
|
|
|
|
.input {
|
|
|
- width: 800px;
|
|
|
+ width: 830px;
|
|
|
position: absolute;
|
|
|
- left: 25%;
|
|
|
+ left: 27%;
|
|
|
bottom: 25%;
|
|
|
.hot {
|
|
|
display: flex;
|
