罗世杰:下拉栏吸顶

This commit is contained in:
LuoShijie
2023-11-27 20:50:12 +08:00
parent 0411b70025
commit c99a58c97f
8 changed files with 69 additions and 49 deletions

View File

@@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<view class="sticky">
<view class="search-box-bg"> <view class="search-box-bg">
<view class="bug-fix"></view> <view class="bug-fix"></view>
<view class="search-box"> <view class="search-box">
@@ -14,6 +15,8 @@
<view> <view>
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown> <DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
</view> </view>
</view>
<view class="marginLR10"> <view class="marginLR10">
<ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="3" :shopInfoList="shopInfoList" /> <ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="3" :shopInfoList="shopInfoList" />
</view> </view>

View File

@@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<view class="sticky">
<view class="search-box-bg"> <view class="search-box-bg">
<view class="bug-fix"></view> <view class="bug-fix"></view>
<view class="search-box"> <view class="search-box">
@@ -14,6 +15,8 @@
<view> <view>
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown> <DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
</view> </view>
</view>
<view class="marginLR10"> <view class="marginLR10">
<ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="4" :shopInfoList="shopInfoList" /> <ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="4" :shopInfoList="shopInfoList" />
</view> </view>

View File

@@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<view class="sticky">
<view class="search-box-bg"> <view class="search-box-bg">
<view class="bug-fix"></view> <view class="bug-fix"></view>
<view class="search-box"> <view class="search-box">
@@ -14,6 +15,8 @@
<view> <view>
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown> <DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
</view> </view>
</view>
<view class="marginLR10"> <view class="marginLR10">
<SearchShopList :showStyle="1" :searchInfoList="searchInfoList" /> <SearchShopList :showStyle="1" :searchInfoList="searchInfoList" />
</view> </view>

View File

@@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<view class="sticky">
<view class="search-box-bg"> <view class="search-box-bg">
<view class="bug-fix"></view> <view class="bug-fix"></view>
<view class="search-box"> <view class="search-box">
@@ -14,6 +15,8 @@
<view> <view>
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown> <DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
</view> </view>
</view>
<view class="marginLR10"> <view class="marginLR10">
<ShowShopList :showStyle="1" :shopInfoList="shopInfoList" /> <ShowShopList :showStyle="1" :shopInfoList="shopInfoList" />
</view> </view>
@@ -155,8 +158,6 @@
.search-box-bg { .search-box-bg {
width: 100%; width: 100%;
position: relative;
z-index: 3;
background-color: #F8F8F8; background-color: #F8F8F8;
.bug-fix { .bug-fix {

View File

@@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<view class="sticky">
<view class="search-box"> <view class="search-box">
<view class="search-box-input"> <view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search" <u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
@@ -7,6 +8,8 @@
</u-input> </u-input>
</view> </view>
</view> </view>
</view>
<view class="content"> <view class="content">
<ShowShopList v-if="listId == 0" :isEdit="true" :showStyle="1" :shopInfoList="searchInfoList" @delItem="handleDel" <ShowShopList v-if="listId == 0" :isEdit="true" :showStyle="1" :shopInfoList="searchInfoList" @delItem="handleDel"
@updateItem="handleUpdate1"></ShowShopList> @updateItem="handleUpdate1"></ShowShopList>

View File

@@ -6,7 +6,7 @@
<view class="dropdown-bug"> <view class="dropdown-bug">
</view> </view>
<view class="marginLR10"> <view class="marginLR10 sticky">
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown> <DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
</view> </view>
<view class="marginLR10"> <view class="marginLR10">

View File

@@ -7,7 +7,7 @@
<view class="dropdown-bug"> <view class="dropdown-bug">
</view> </view>
<view class="marginLR10"> <view class="marginLR10 sticky">
<DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown> <DropDown @getQueryInfo="getShopList" ref="dropdown" @cancelPageNum="cancelPageNum"></DropDown>
</view> </view>
<view class="marginLR10"> <view class="marginLR10">

View File

@@ -74,3 +74,10 @@ $uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px; $uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色 $uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px; $uni-font-size-paragraph:15px;
.sticky {
position: sticky;
top: 0;
z-index: 9;
}