m0_46123285的博客

主要涉及到组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。自定义导航栏的样式需要适配不同的机型。操作步骤准备组件静态结构修改页面配置，隐藏默认导航栏，修改文字颜色样式适配 —> 安全区域。

说明：Pinia用法与Vue3项目完全一致，uni-app项目仅需解决。实现持久化，小程序端不兼容，需要替换持久化API。

注意：获取手机号功能针对非个人开发者，且完成认证的小程序开放工作场景：使用企业小程序appid，且把微信号添加到开发者列表中。

根据订单的不同状态展示订单列表，并实现多Tabs分页加载。

获取当前页面栈，如果不能返回上一页，按钮变成返回首页。2.导航栏动画效果：滚动驱动的动画，根据滚动位置而不断改变动画的进度。

订单模块页面较多，将用新的分包文件夹独立管理订单模块页面：填写订单页，支付订单页，订单详情页，订单列表页。新建文件夹pagesOrder,右键新建分包create。

为了解决小程序tabBar页面限制导致无法返回到上一页问题，将购物车业务作为独立组件，让其能够从底部tabBar访问，又能够在商品详情中。计算并展示购物车中选中商品所要支付的总金额，在用户切换商品选中状态和改变购买数量后，总的金额也要相应的进行重新计算。tabBar页：小程序跳转到tabBar页面时，会关闭其他所有非tabBar页面，所以小程序的。购物车可以从下方tabBar打开，也可以从商品详情下方的购物车打开。修改单个商品选中会影响全选状态，修改全选状态同理。计件总数不为0时去结算。

SKU概念：存货单位，库存管理的最小可用单元，通常称为“单品”。SKU 常见于电商领域，对于前端工程师而言，更多关注SKU算法，基于后端的SKU数据渲染页面并实现交互。

input双向绑定,pick组件和switch使用change事件获取复用商品的。

用户对会员信息进行更新操作，涉及到表单数据提交、图片读取、文件上传等。登录后才可以获取用户个人信息，目前已封装请求拦截器，拦截器中自动添加了token,无需再手动添加。发现该用户详情类型定义中与用户登录的某些字段一样，将共有部分提取可进行封装，如下在修改昵称保存后并返回到上一页。

在用户登录/注册成功后，展示会员信息，更新会员信息。主要实现的业务：1.渲染当前登录会员的昵称和头像，从Store中获取。2.猜你喜欢分页加载，可封装成组合式函数实现复用逻辑。去掉默认导航，自定义导航文本颜色经验：分包一般是按照项目的业务模块划分，如会员模块分包，订单模块分包等。

pages下新建一个文件夹goods——> goods.vue，在分类category.vue父组件中确保传递商品的id,goods.vue中接收传递过来的id。点击送至和服务均打开弹出层，准备两个vue，商品goods.vue导入后，将其放在uni-popup中。商品详情里轮播图滑动切换时，右下角更新自定义下标，当图片被点击时放大预览。获取页面参数，根据商品的id查询到某个商品的详细信息展示给用户。关闭按钮在子组件，要调用父组件的弹出层关闭（子调父）

由于类型为unknown，修改为如下保存数据，鼠标滑过res,出现类型。

uniapp的商城项目，涉及vue3技术。