16 changed files with 286 additions and 7 deletions
@ -1,6 +1,7 @@
@@ -1,6 +1,7 @@
|
||||
{ |
||||
"component": true, |
||||
"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 @@
@@ -1,5 +1,10 @@
|
||||
{ |
||||
"navigationStyle": "default", |
||||
"navigationBarBackgroundColor": "#F7F8FA", |
||||
"usingComponents": {} |
||||
"navigationBarTitleText": "搜索", |
||||
"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 @@
@@ -1,3 +1,88 @@
|
||||
page { |
||||
background-color: #f7f8fa; |
||||
.page { |
||||
.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 @@
@@ -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