超级会员免费看
vue3.0活动推广项目：测一测船舶价值
技术选型：Vue3、Vant3移动端ui框架
推广活动功能需求：
- 用户使用验证码登录，登录成功之后跳转船值计算页；
- 填写船名、吨位等信息利用计算公式测一测船舶价值，获取船舶价值计算结果；
- 实现船值价值排行榜
- 实现船值计算结果可生成图片长按保存到手机相册、生成二维码直接访问活动功能；
功能介绍：
1.vant3配置手机端适配，采用Rem 布局适配，官网有文档可查看
需要使用
rem单位进行适配，推荐使用以下两个工具：
本文介绍了使用Vue3和Vant3构建的船舶价值推广活动项目，涵盖验证码登录、船值计算、排行榜及结果保存功能。通过postcss-pxtorem和lib-flexible实现手机端适配，js-cookie处理登录状态，以及利用正则验证手机号和验证码接口调用。页面加载时检查用户登录状态，卸载时初始化值，同时添加了自定义指令防止按钮频繁点击。
订阅专栏 解锁全文
扫一扫
4159
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
