微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)_微信小程序模糊搜索功能实现 - CSDN文库

微信小程序

157 浏览量更新于2023-05-04 评论 2 收藏 107KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序搜索框样式并实现跳转到搜索页面微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功小程序搜索功

能能)

上效果图:

一一:搜索框功能实现搜索框功能实现

1.在首页做一个搜索框的样式并实现跳转到搜索页面在首页做一个搜索框的样式并实现跳转到搜索页面

<view class='page_row' bindtap="suo">

<view class="search">

<view class="df search_arr">

<icon class="searchcion" size='20' type='search'></icon>

<input class="" disabled placeholder="请输入关键字" value="{{searchValue}}"/>

</view>

</view>

<view class='sousuo'>搜索</view>

</view>

.search{

width: 80%;

}

.search_arr {

border: 1px solid #d0d0d0;

border-radius: 10rpx;

margin-left: 20rpx;

}

.search_arr input{

margin-left: 60rpx;

height: 60rpx;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论0

weixin_38626080

粉丝: 8
资源: 973

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈