uniapp 顶部tabs固定

增加sticky-top样式 

		<view class="sticky-top">
			<u-tabs @change="changePackStatus" height="84" font-size="28" name="cate_name" bar-width="60" bar-height="4"
			 active-color="#EB9309" count="cate_count" :list="list" :is-scroll="false" :current="current"></u-tabs>
			 <view class="search-box">
			 	<u-search search-icon="/static/images/search.png" :show-action="false" bg-color="#F5F5F5" placeholder="搜索订单号或备注"
			 	 @change="search" v-model="keyword"></u-search>
			 </view>
		</view>
	.sticky-top{
		position: sticky;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 1;
	}

 

相关文章

咱们国内现在手机分为两类,Android手机与苹果手机,现在用的...
前言 上一篇做了php的微信登录,所以也总结一下Java的微信授...
前言 上一篇文章写到如何上架IOS应用到Appstore,其中漏掉了...
文件-新建-1.项目 ┌─uniCloud 云空间目录,阿里云为uniClo...
Flexbox #Flex 容器 Flex 是 Flexible Box 的缩写,意为&...
globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景...