更新记录
1.0.0(2026-10-28) 下载此版本
本项目仅开源 uni-app 用户端,基于 Vue3,适配网页和微信公众号。用 HBuilderX 导入本目录即可运行,供学习研究。
平台兼容性
uni-app(3.8.7)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | √ | √ | - | - | - | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 | 蒸汽模式 |
|---|---|---|---|
| × | × | √ | × |
露营装备租赁用户端
开源说明
本项目仅开源 uni-app 用户端,基于 Vue3,适配网页和微信公众号。用 HBuilderX 导入本目录即可运行,供学习研究。
能在哪些地方使用
普通用户可以在电脑或手机的网页里使用,也可以在微信里打开网页使用。商家也可以在同一套用户端里申请入驻、管理自己的门店、装备库存和租赁订单。
底部有四个主入口:首页、分类、租物车、我的。
对接了哪些第三方
下面这些是用户日常能直接感受到的外部服务,不是技术名词堆砌:
- 腾讯地图:自动识别当前城市;搜索附近服务范围;在地图上选门店位置;看路线;一键打开手机里的地图去导航取还货。
- 微信支付:租装备付租金、交押金、开通会员、交商户保证金、给钱包充值时,可以走微信支付。在手机网页上,需在微信里打开,并用公众号相关账号,才能出现微信支付。
- 支付宝:同样用于下单付款、充值、交押金和交保证金。
- 钱包余额:平台自己的余额支付,钱不够会提示换微信支付或支付宝。
- 手机短信验证码:登录、注册、找回密码时,会往手机号发验证码(由服务端发送)。
- 企业微信客服:后台若配好了,可跳到企业微信和客服聊天。
- 电话客服:可直接拨打后台配置的客服电话。
- 个人微信客服:可复制客服***,或扫客服二维码添加。
- 平台在线客服:登录后可在网页里和平台客服即时发消息;也可从商品或订单直接联系商家。
- 手机系统能力:获取定位、打开系统地图导航、拨打电话、复制单号和***、扫码核销提货码、从相册选头像和证件照片。
说明:普通电脑或手机浏览器里,登录用手机号验证码或账号密码,没有微信一键登录。微信小程序里是微信一键登录;在微信里打开网页时,是否出现微信登录取决于公众号授权有没有配好。
游客能做什么
打开软件先看到什么
- 自动定位当前城市,也可以自己选服务城市。
- 顶部能搜索帐篷、天幕、营地车等装备。
- 有轮播广告,点进去可跳到对应内容。
- 有一排快捷入口:领券中心、租赁指南、账户充值、我的收藏。
- 首页按租赁方式切换:租赁套餐、小时租、整日租、过夜租、特惠爆款,能看到装备封面、名称、租金和押金。
- 下拉可刷新首页。
逛分类、搜装备
- 底部「分类」可按后台配置的品类浏览装备,左侧切换分类。
- 统一搜索装备名称、分类、场景关键字。
- 分类页可按综合、价格、热度排序,也可按租赁模式筛选:全部、小时租、整日租、过夜租。
- 看装备详情:图片轮播、租金、押金、租赁时长、规格、配件套餐、图文介绍、租赁说明。
- 可收藏装备;未登录时加购、下单或收藏会引导登录。
租装备怎么下单
- 选好租期、规格、套餐和数量后,可「加入租物车」或「立即预订」。没库存时不能下单。
- 租物车按门店分组,可改数量、租期,勾选后去结算。
- 确认订单时选取货方式:门店自提或同城配送;自提选门店,配送填收货地址。
- 可选用优惠券抵扣租金;页面会展示租金、配送费、押金和应付合计。
- 支付租金后生成订单;押金按规则冻结,归还验收后按规则退回。
- 到店出示提货码或二维码,由商家扫码或输入提货码核销取货,也可给商家打电话、看地图导航。
租期内还能做什么
- 租赁中可申请续租,补交续租费用后延长租期。
- 可发起归还申请,按门店要求到店归还,或同城送达归还。
- 商家验收通过后,押金按规则退回;若有损坏或缺失,可能部分扣押金。
- 订单状态大致包括:待支付、待取货、配送中、租赁中、待归还、验收中、已完成、已取消。
- 订单列表可按:全部、待支付、待取货、租赁中、待归还、已完成筛选。「我的」里还能看到待付款、使用中和售后入口。
付钱怎么付
- 下单后弹出支付窗口,可选:余额支付、微信支付、支付宝(按当前打开方式显示,不是每种环境都有微信支付)。
- 可先选一张优惠券再付款。
- 余额不够会提示换其他方式。
- 支付成功后订单生效,并生成提货码;没付完可在订单里继续「去支付」。待支付订单库存大约保留 30 分钟。
优惠券、钱包、会员和押金
- 领券中心领券,我的优惠券里查看已领的券。
- 钱包可充值(微信或支付宝)、提现、绑定提现账号、看资金明细和提现记录。
- 会员中心可查看并开通会员权益(如会员价、减免押金等,具体以后台策略为准)。
- 可查看租赁押金和押金明细。
- 可管理收货地址、查看收藏。
邀请朋友赚钱
- 「我的」里可进入邀请有礼、我的团队,查看邀请记录和分佣。
- 注册时可填邀请码;从分享链接进来也会带上邀请关系。
账号和设置
- 手机号 + 短信验证码登录。
- 账号或手机号 + 密码登录。
- 单独注册、忘记密码并重置。
- 登录前需同意用户协议、隐私政策。
- 个人中心改头像、改昵称(手机号一般不能随意改)。
- 设置中心:修改密码、租赁指南、意见反馈、协议、关于、退出登录。
- 可申请注销账号,需联系平台客服人工处理。
订单里还能做什么
- 可复制订单号、看提货码和二维码、联系客服、联系商家、导航到店。
- 待付款可取消或继续支付。
- 符合条件可申请售后。
- 归还、续租、验收进度可在订单详情里查看。
消息、客服、帮助
- 「我的」里有消息入口,未读数量会提示。
- 客服中心按后台配置,可能是:打电话、***、企业微信、或平台在线聊天。后台没配渠道时,页面会提示当前未开放。
- 也可在商品详情或订单里直接联系商家。
- 帮助中心看租赁指南;意见反馈可提交建议或投诉。
商家能做什么
- 在「我的」里申请商家入驻,用地图点选门店真实位置,上传资质照片,提交后看审核与入驻进度。
- 审核通过后进入商家中心 / 商家工作台:看待处理订单、今日待取货、营业状态、营业金额统计、商户消息。
- 商品管理:上架露营装备、编辑商品、调整库存。
- 订单处理:备货、扫码或输入 6 位提货码核销取货、跟进配送、处理归还。
- 验收:归还后录入验收结果,决定押金如何退回。
- 门店设置:维护门店信息、配送规则、营业状态。
- 员工管理:添加核销员工;员工可进入员工中心协助扫码或输入提货码核销。
- 缴纳商户保证金(微信、支付宝或余额),之后可申请退保证金。
- 商户钱包:看经营资金、提现、绑定收款方式、看经营明细和提现明细。
- 可回复用户咨询消息。
体验
体验地址:https://luyingzl.xianmaxiong.com
技术栈
| 端 | 技术 |
|---|---|
| 用户端 | uni-app + Vue3 |
运行
这份代码已经接到线上体验环境,不用改任何配置,打开后直接运行即可。
开始前请准备
- 一台 Windows 电脑(苹果电脑也可以,步骤差不多)。
- 下载并安装 HBuilderX(官方用来打开这类项目的软件):
打开浏览器,搜索「HBuilderX 官网」,进入 https://www.dcloud.io/hbuilderx.html,下载「正式版」,安装后打开。 - 建议再装一个 Chrome 浏览器,用来打开运行后的页面。
第一步:拿到文件夹
- 如果你收到的是压缩包(例如 zip),先右键「解压到当前文件夹」或「解压到指定文件夹」。
- 解压后,请找到名字叫
luyingzulin_uniapp的文件夹。里面应该能看到pages.json、App.vue、common等文件。 - 记住这个文件夹在电脑上的位置,后面要选中它。不要只打开里面某一个文件。
第二步:用 HBuilderX 打开整个项目
- 打开已经安装好的 HBuilderX。
- 点左上角 「文件」→「打开目录」(有的版本也叫「从本地打开」)。
- 选中刚才的
luyingzulin_uniapp文件夹,确定。 - 左侧出现一长串文件名,就说明打开对了。如果左侧是空的,说明选错了文件夹,请重新选带
pages.json的那一层。
第三步:用浏览器运行
- 在 HBuilderX 顶部菜单点 「运行」→「运行到浏览器」→「Chrome」。
- 第一次可能会提示安装浏览器运行插件,点允许或安装,等它装完再重新点一次运行。
- 电脑会自动弹出一个网页。出现首页、底部「首页 / 分类 / 租物车 / 我的」,就说明运行成功了。
- 如果浏览器问能不能获取位置,点「允许」,首页才能显示当前城市。
- 不要关 HBuilderX,关了网页可能会断开。
常见情况说明
- 点了运行没反应:确认打开的是整个
luyingzulin_uniapp文件夹,不是只打开了一个页面文件。 - 浏览器打开了但是花屏、一直转圈:等十几秒;仍不行就关掉网页,在 HBuilderX 里再点一次运行。
- 页面是空的、提示加载失败:检查电脑能否打开体验地址 https://luyingzl.xianmaxiong.com ;如果这个网页本身打不开,用户端也会没数据。
- 地图不显示或定位失败:需要腾讯地图的钥匙(项目里已预填,有过期或额度用完的可能)。学习看页面时可以先忽略地图。
- 微信支付、支付宝点了没反应:需要商家自己的支付账号,这份开源代码一般只能看到支付按钮,不能真的完成收款。
- 客服、短信验证码收不到:这些依赖服务端和第三方账号,界面可以点,功能不一定通。
第一次建议怎么验收
- 按第三步在 Chrome 打开。
- 能看到首页轮播、底部四个按钮。
- 点「分类」「租物车」,能进入对应页面。
- 点「我的」,能看到登录入口。
做到这里,就说明「这份用户端代码已经在你电脑上跑起来了」。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 15
赞赏 0
下载 12723218
赞赏 1958
赞赏
京公网安备:11010802035340号