16 changed files with 286 additions and 7 deletions
@ -1,6 +1,7 @@ |
|||||||
{ |
{ |
||||||
"component": true, |
"component": true, |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-popup": "@vant/weapp/popup/index" |
"van-popup": "@vant/weapp/popup/index", |
||||||
|
"van-icon": "@vant/weapp/icon/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
@ -1,5 +1,10 @@ |
|||||||
{ |
{ |
||||||
"navigationStyle": "default", |
"navigationStyle": "default", |
||||||
"navigationBarBackgroundColor": "#F7F8FA", |
"navigationBarTitleText": "搜索", |
||||||
"usingComponents": {} |
"usingComponents": { |
||||||
|
"van-tab": "@vant/weapp/tab/index", |
||||||
|
"van-tabs": "@vant/weapp/tabs/index", |
||||||
|
"van-icon": "@vant/weapp/icon/index", |
||||||
|
"pagination": "/components/pagination/index" |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,3 +1,88 @@ |
|||||||
page { |
.page { |
||||||
background-color: #f7f8fa; |
.header { |
||||||
|
position: sticky; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
padding: 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
.search { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.input-wrap { |
||||||
|
flex: 1; |
||||||
|
padding: 0 24rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
background-color: rgba(247, 248, 250, 1); |
||||||
|
border-radius: 68rpx; |
||||||
|
.icon { |
||||||
|
width: 48rpx; |
||||||
|
height: 48rpx; |
||||||
|
} |
||||||
|
.input { |
||||||
|
margin-left: 8rpx; |
||||||
|
flex: 1; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(71, 85, 105, 1); |
||||||
|
height: 80rpx; |
||||||
|
} |
||||||
|
.input-place { |
||||||
|
color: rgba(148, 163, 184, 0.7); |
||||||
|
} |
||||||
|
} |
||||||
|
.btn { |
||||||
|
padding: 16rpx 0 16rpx 32rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(74, 184, 253, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
.history { |
||||||
|
margin-top: 48rpx; |
||||||
|
.h-header { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.title { |
||||||
|
font-size: 36rpx; |
||||||
|
color: rgba(17, 24, 39, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.clear { |
||||||
|
padding: 10rpx; |
||||||
|
width: 40rpx; |
||||||
|
height: 40rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.h-container { |
||||||
|
margin-top: 32rpx; |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
gap: 20rpx 16rpx; |
||||||
|
.tag { |
||||||
|
padding: 4rpx 16rpx; |
||||||
|
background-color: rgba(247, 248, 250, 1); |
||||||
|
border-radius: 8rpx; |
||||||
|
font-size: 24rpx; |
||||||
|
line-height: 40rpx; |
||||||
|
color: rgba(71, 85, 105, 1); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.tabs { |
||||||
|
.van-tabs__line { |
||||||
|
width: 42rpx !important; |
||||||
|
} |
||||||
|
.van-tab--active { |
||||||
|
--tab-font-size: 32rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.page0 { |
||||||
|
min-height: 100vh; |
||||||
|
background-color: rgba(247, 248, 250, 1); |
||||||
|
} |
||||||
|
.page1 { |
||||||
|
min-height: 100vh; |
||||||
|
background-color: rgba(247, 248, 250, 1); |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -0,0 +1,36 @@ |
|||||||
|
<view class="page"> |
||||||
|
<view class="header"> |
||||||
|
<view class="search"> |
||||||
|
<view class="input-wrap"> |
||||||
|
<image class="icon" src="/images/icon1.png"></image> |
||||||
|
<input class="input" placeholder-class="place-input" type="text" placeholder="请搜索你想要的内容" /> |
||||||
|
</view> |
||||||
|
<view class="btn">搜索</view> |
||||||
|
</view> |
||||||
|
<view class="history"> |
||||||
|
<view class="h-header"> |
||||||
|
<view class="title">历史记录</view> |
||||||
|
<image class="clear" src="/images/icon94.png"></image> |
||||||
|
</view> |
||||||
|
<view class="h-container"> |
||||||
|
<view class="tag" wx:for="{{10}}" wx:key="index">暑假活动</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<van-tabs |
||||||
|
class="tabs" |
||||||
|
color="rgba(74, 184, 253, 1)" |
||||||
|
title-inactive-color="rgba(71, 85, 105, 1)" |
||||||
|
title-active-color="rgba(74, 184, 253, 1)" |
||||||
|
active="{{ active }}" |
||||||
|
bind:change="onChange" |
||||||
|
sticky |
||||||
|
> |
||||||
|
<van-tab title="我发布的"> |
||||||
|
<view class="page0"></view> |
||||||
|
</van-tab> |
||||||
|
<van-tab title="智能体"> |
||||||
|
<view class="page1"></view> |
||||||
|
</van-tab> |
||||||
|
</van-tabs> |
||||||
|
</view> |
||||||
Loading…
Reference in new issue