8.6k 字 8 分钟

# 小兔鲜儿 - 微信登录 涉及知识点：微信授权登录，文件上传，Store 状态管理等。 # 微信登录 微信小程序的开放能力，允许开发者获取微信用户的基本信息（昵称、性别、手机号码等），开发者常用来实现注册 / 登录的功能。 # 登录方式 常见登录 / 注册方式： 用户名 / 手机号 + 密码 手机号 +...
12k 字 11 分钟

# 小兔鲜儿 - 分类模块 用户点击左菜单的一级分类，切换右侧对应的二级分类和商品。 # 准备工作 参考效果 商品分类页中的广告位，可复用之前定义的轮播图组件 XtxSwiper 。 静态结构 商品分类页静态结构： src/pages/category/category.vue <script setup lang="ts"> // </script> <template> <view...
11k 字 10 分钟

# 小兔鲜儿 - 推荐模块 主要实现 Tabs 交互、多 Tabs 列表分页加载数据。 # 动态获取数据 参考效果 推荐模块的布局结构是相同的，因此我们可以复用相同的页面及交互，只是所展示的数据不同。 静态结构 新建热门推荐页面文件，并在 pages.json 中添加路由（VS Code 插件自动完成）。 // /src/pages/hot/hot.vue <script setup...
22k 字 20 分钟

# 小兔鲜儿 - 首页模块 涉及知识点：组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。 # 自定义导航栏 参考效果：自定义导航栏的样式需要适配不同的机型。 操作步骤 准备组件 隐藏默认导航栏，修改文字颜色 样式适配 -> 安全区域 静态结构 新建业务组件： src/pages/index/componets/CustomNavbar.vue <script setup...
4.4k 字 4 分钟

# 小兔鲜儿 - 项目起步 # 项目架构 # 项目架构图 # 拉取项目模板代码 项目模板包含：目录结构，项目素材，代码风格。 # 模板地址 git clone http://git.itcast.cn/heimaqianduan/erabbit-uni-app-vue3-ts.git heima-shop 注意事项 在 manifest.json 中添加微信小程序的 appid # 引入 uni-ui 组件库 # 操作步骤 安装 uni-ui 组件库 pnpm i @dcloudio/uni-ui 配置自动导入组件 // pages.json { //...