TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

完善商品搜索，商品分页，调整聊聊栏目提示开发提示，新增检查版本更新

Browse Source
This commit is contained in:
唐明明
2022-01-14 10:19:17 +08:00
parent e46e35cfbd
commit 1c4393bb6a
9 changed files with 419 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
pages/index/search.vue
View File

@@ -1,26 +1,28 @@
<template>
<view class="content">
<view>
<!-- 搜索 -->
<view class="search">
<view class="search-nav">
<u-search
v-model="keyword"
placeholder="请输入食物名称"
focus
:clearabled="true"
:showAction="false"
@change="change"
@search="search"
@clear="clear"
color="#000000"
bgColor="#F3F6FB"
searchIconColor="#34CE98"
/>
</view>
<view class="search-cancel" @click="$router.back(-1)">
取消
</view>
</view>
<u-sticky>
<view class="header ios-top">
<view class="search">
<view class="search-nav">
<u-search
v-model="keyword"
placeholder="请输入食物名称"
focus
:clearabled="true"
:showAction="false"
@change="change"
@search="search"
@clear="clear"
color="#000000"
bgColor="#F3F6FB"
searchIconColor="#34CE98"
/>
</view>
<view class="search-cancel" @click="$Router.back()">取消</view>
</view>
</view>
</u-sticky>
<view class="recommend" v-if="listArr == ''">
<view class="recommend-title">
@@ -123,44 +125,34 @@
</script>
<style lang="scss" scoped>
.content {
padding-top: calc(var(--status-bar-height) + 120rpx);
overflow: hidden;
}
// 搜索
.search {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
height: 120rpx;
background-color: white;
@extend .ios-top;
padding: $padding;
box-sizing: border-box;
.search-nav {
width: calc(100% - 100rpx);
background: $window-color;
height: 80rpx;
line-height: 80rpx;
border-radius: 40rpx;
color: $text-gray;
font-size: $title-size-lg;
display: flex;
}
.search-cancel {
color: $main-color;
position: absolute;
right: $padding;
top: $padding;
line-height: 80rpx;
width: 100rpx;
text-align: right;
}
}
.header{
background-color: white;
.search {
position: relative;
padding: $padding/2 $padding;
box-sizing: border-box;
.search-nav {
width: calc(100% - 100rpx);
background: $window-color;
height: 80rpx;
line-height: 80rpx;
border-radius: 40rpx;
color: $text-gray;
font-size: $title-size-lg;
display: flex;
}
.search-cancel {
color: $main-color;
position: absolute;
right: $padding;
top: $padding/2;
line-height: 80rpx;
width: 100rpx;
text-align: right;
}
}
}
.recommend {
padding: $padding;
box-sizing: border-box;