|
|
@ -6,25 +6,36 @@ |
|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<div class="search-list"> |
|
|
<div class="search-list d-flex flex-column"> |
|
|
<!-- <a-radio-group v-model="value"> |
|
|
<!-- <a-radio-group v-model="value"> |
|
|
<a-radio :style="radioStyle" :value="1">主题论坛</a-radio> |
|
|
<a-radio :style="radioStyle" :value="1">主题论坛</a-radio> |
|
|
<a-radio :style="radioStyle" :value="2">创新社区</a-radio> |
|
|
<a-radio :style="radioStyle" :value="2">创新社区</a-radio> |
|
|
<a-radio :style="radioStyle" :value="3">孵化社区</a-radio> |
|
|
<a-radio :style="radioStyle" :value="3">孵化社区</a-radio> |
|
|
<a-radio :style="radioStyle" :value="4">产业社区</a-radio> |
|
|
<a-radio :style="radioStyle" :value="4">产业社区</a-radio> |
|
|
</a-radio-group> --> |
|
|
</a-radio-group> --> |
|
|
<div> |
|
|
<div class="mt-2"> |
|
|
|
|
|
<a-input-group compact style="margin: 1rem auto "> |
|
|
|
|
|
<a-select |
|
|
|
|
|
style="width:30%" |
|
|
|
|
|
v-model="value" |
|
|
|
|
|
> |
|
|
|
|
|
<a-select-option :value="1">主题论坛</a-select-option> |
|
|
|
|
|
<a-select-option :value="2">创新社区</a-select-option> |
|
|
|
|
|
<a-select-option :value="3">孵化社区</a-select-option> |
|
|
|
|
|
<a-select-option :value="4">产业社区</a-select-option> |
|
|
|
|
|
</a-select> |
|
|
<a-input-search |
|
|
<a-input-search |
|
|
@search="searchData" |
|
|
@search="searchData" |
|
|
class="search" |
|
|
class="search" |
|
|
enter-button |
|
|
enter-button |
|
|
placeholder="请输入..." |
|
|
placeholder="请输入..." |
|
|
style="width: 60%" |
|
|
style="width: 70%" |
|
|
v-model="iptCon" |
|
|
v-model="iptCon" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</a-input-group> |
|
|
|
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<a-button @click="jumpPost()" class="btn " type="primary">发帖</a-button> |
|
|
<a-button @click="jumpPost()" class="btn mt-2" type="primary">发帖</a-button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
@ -180,26 +191,23 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.search-list { |
|
|
.search-list { |
|
|
height: 72px; |
|
|
// height: 72px; |
|
|
line-height: 72px; |
|
|
line-height: 1.8px; |
|
|
padding: 0 24px; |
|
|
padding: 0.8rem auto ; |
|
|
position: relative; |
|
|
width: 90% |
|
|
|
|
|
margin 0 auto |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
// box-shadow: 0 0 10px #ccc; |
|
|
// box-shadow: 0 0 10px #ccc; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.search { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
right: 110px; |
|
|
|
|
|
top: 20px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
width: 75px; |
|
|
width: 100%; |
|
|
height: 32px; |
|
|
height: 32px; |
|
|
position: absolute; |
|
|
// position: absolute; |
|
|
right: 25px; |
|
|
// right: 25px; |
|
|
top: 20px; |
|
|
// top: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.post { |
|
|
.post { |
|
|
|