购物栏置底 - uni-ui组件uni-goods-nav放在屏幕下方的办法

Posted 2022-02-05 Rudon滨海渔村

核心步骤

1. 看效果 https://hellouniapp.dcloud.net.cn/pages/extUI/goods-nav/goods-nav
2. 获取代码 https://uniapp.dcloud.io/component/uniui/uni-nav-bar
3. 官方手册例子可以显示，但是没有置底
4. 用<view class="myFixedBottom">将视图代码包起来
5. 在style中定义

   .myFixedBottom 
   	width: 100%;
   	position: fixed;
   	bottom: 0;
   	left: 0;
   

6. ok