小兔鲜 uniapp
文章平均质量分 90
小兔鲜 uniapp
前端 贾公子
博主写了对element-plus的表格和表单的封装
[表格]https://gitee.com/childe-jia/table-vue3
[表单] https://gitee.com/childe-jia/form-render
大家支持一下
展开
-
小兔鲜儿 - 订单模块
获取当前页面栈,如果不能返回上一页,按钮变成返回首页。滚动驱动的动画,根据滚动位置而不断改变动画的进度。注意事项滚动驱动的动画目前仅支持微信小程序端,暂不支持 H5 端、App 端,多端兼容时添加条件编译。参考代码// 获取页面栈// 获取当前页面实例,数组最后一项// 页面渲染完毕,绑定动画效果// 动画效果,导航栏背景色'.navbar', // 选择器。原创 2024-01-04 15:44:22 · 1189 阅读 · 0 评论 -
小兔鲜儿 uniapp - 项目打包
条件编译支持: 支持 .vue, .ts, .js, .scss, .css, pages.json 等文件。Q:按照 uni-app 规范开发可保证多平台兼容,但每个平台有自己的一些特性,该如何处理?把当前 uni-app 项目打包成网页(H5)端,并配置路由基础路径。把当前 uni-app 项目打包成微信小程序端,并发布上线。根路径,部分网站并不是部署到根路径,需要按运维要求调整。项目打包上线需要使用到多个工具,注意工具之间的职责。的打包,预览、测试、发行,使用。,让代码按条件编译到指定平台。原创 2024-01-04 15:48:30 · 1324 阅读 · 0 评论 -
兔鲜儿 - 用户模块
小程序分包:将小程序的代码分割成多个部分,分别打包成多个小程序包,减少小程序的加载时间,提高用户体验。分包预下载:在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度。当用户进入【我的】页面时,由框架自动预下载【会员模块】的分包,提升进入后续分包页面时的启动速度。经验:分包一般是按照项目的业务模块划分,如会员模块分包,订单模块分包等。提交表单,更新会员信息,Store 昵称记得修改,用于会员中心页展示。在用户登录/注册成功后,展示会员信息,更新会员信息。原创 2023-09-01 14:39:44 · 217 阅读 · 0 评论 -
小兔鲜儿 uniapp - 购物车模块
完成加入购物车,购物车列表交互,计算结算金额等业务。原创 2024-01-01 16:26:45 · 1176 阅读 · 0 评论 -
小兔鲜儿 uniapp - SKU 模块
存货单位(Stock Keeping Unit),库存管理的最小可用单元,通常称为“单品”。,我们可以依据文档为插件添加 TS 类型声明文件,从而提高项目数据校验的安全性。:后端返回的数据格式和插件所需的格式不一致,我们需要按插件要求进行处理。组件的交互,接下来进入到购物车模块,并实现加入购物车功能。,以确保插件具有良好的社区口碑、兼容性、性能和维护状况。尽管该插件未采用 TS 开发,但作者提供了详细的。属于电商常见业务,插件市场有现成的。插件,我们下载并在项目中使用。,请下载插件到本地。原创 2024-01-01 15:22:17 · 1517 阅读 · 0 评论 -
小兔鲜儿 - 地址模块
地址模块共两个页面:地址管理页,地址表单页 ,划分到会员分包中。根据是否有地址 id 来判断提交表单到底是新建地址还是更新地址。新用户没有收货地址,先完成新建地址,新建成功返回地址管理页。获取地址详情,把获取的数据合并到表单数据中,用于数据回显。侧滑地址列表项,右侧显示删除按钮,删除地址前需二次确认。接口地址:/member/address/:id。接口地址:/member/address/:id。接口地址:/member/address/:id。接口地址:/member/address。原创 2023-09-02 10:01:32 · 525 阅读 · 0 评论 -
小兔鲜儿---商品分类
渲染轮播图数据业务功能对于前端来说比较简单,只需调用后端提供的接口将获得的数据展现。该接口同时包含一级分类和二级分类数据,二级分类数据需要先对数据进行处理,再进行渲染。商品分类页中的广告位,可复用之前定义的轮播图组件。接下来,先把一级分类数据结合模板语法渲染到页面中。当用户点击一级分类时,需要高亮显示,即给它添加。注意:传递参数 2 标识获取商品分类页广告。提取当前二级分类数据后,剩下的就是列表渲染。商品二级分类是从属于某个一级分类的,通过。接口地址:/category/top。提取当前二级分类数据。原创 2023-08-31 14:19:59 · 291 阅读 · 0 评论 -
小兔鲜儿 - 微信登录
涉及知识点:微信授权登录,文件上传,Store 状态管理等。原创 2023-08-31 14:02:25 · 485 阅读 · 0 评论 -
小兔鲜儿 - 推荐模块
在 TypeScript 中,type和interface都是用来定义自定义类型的关键字。它们有一些相似之处,但也存在一些区别。type适用于创建类型别名和进行复杂的类型操作,而interface适用于定义结构化的类型,特别是在类、对象和函数签名等方面。根据你的需求,选择适合的关键字来增强你的代码的可读性和可维护性。原创 2023-08-23 17:18:05 · 261 阅读 · 2 评论 -
小兔鲜儿 - 商品详情(登录前)
目录准备工作参考效果静态结构商品详情 – 页面渲染 获取数据获取页面参数接口调用请求封装类型声明页面渲染商品主图商品简介商品详情同类推荐轮播图交互参考效果参考代码弹出层交互参考效果静态结构参考代码商品详情页分为两部分讲解:用户点击商品列表,跳转到对应的商品详情页。新建商品详情页。商品详情 – 页面渲染 根据商品的 id 查询到某个商品的详细信息,如图片、价格、型号等展示给用户。接口调用接口信息如下:接口地址:/goods请求方式:GET请求参数:Query类型声明原创 2023-08-30 16:59:29 · 285 阅读 · 0 评论 -
uniapp 小兔鲜儿 - 首页模块(1)
新鲜 · 亲民 · 快捷</text></view>-- 搜索条 --><text class="icon-search">搜索商品原创 2023-08-12 12:19:41 · 2145 阅读 · 1 评论 -
uniapp 小兔鲜儿 - 首页模块(2)
/ 重置数据// 暴露方法resetData,})原创 2023-08-16 14:18:27 · 688 阅读 · 0 评论 -
小兔鲜项目 uniapp (1)
2.事件绑定bindtap="eventName"升级成@tap="eventName",支持()传参。生命周期分为三部分:应用生命周期(小程序),页面生命周期(小程序),组件生命周期(Vue)温馨提示:调用接口能力,建议前缀wx替换为uni,养成好习惯,这样支持多端开发。3.支持Vue常用指令v-for、v-if、v-show、v-model等。1.2通过HbuilderX创建uni-app vue3项目。实现持久化,小程序端不兼容,需要替换持久化 API。项目模板包含:目录结构,项目素材,代码风格。原创 2023-08-08 15:30:14 · 4138 阅读 · 1 评论