Total Pageviews

Saturday 8 June 2024

weddingInvitation

一个简单的婚礼邀请小程序(只有一页)

环境

uniapp + vue3 + ts + vite

参考 && 感谢原作者

https://github.com/zouyaoji/wedding-invitation
https://gitee.com/roberthuang123/wedding

ps: 原项目功能比较多、出于追求简单 所以动手改了一下

安装使用

# 拉取代码
git clone https://github.com/putyy/weddingInvitation.git 

# 将 ./src/manifest.json 中 mp-weixin 节点的 appid 改为你的小程序 id
# 将 ./.env.example 复制一份为.env, 并更改api地址(结构参照./other-resources/init.json,可以将json文件传到云服务填写云地址), 当然也可以选择修改./src/pages/index.vue 将数据写死

# 安装依赖
yarn install

# 启动项目
npm run dev:mp-weixin

# 将项目导入微信开发者工具, 目录: ./dist/dev/mp-weixin

# 小程序过审: check_content字段填写内容

photo 文件夹说明

相册功能,源码网上抓下来的 优化了一下, 可以部署到服务器后将地址生成二维码放到婚庆海报上

在线预览地址: https://static-df787464-d77c-4180-83c3-6e7add40073e.bspapp.com/

使用

# 将需要显示到相册里面的图片全部放入./photo/images文件夹
# 如果需要将资源放到第三方存储(将show-images文件夹上传第三方) 比如七牛云,自己改main.js对应show-images关键字的路径为真实url即可
# 进入photo文件夹 执行 
npm install

node handle.js
from https://github.com/putyy/weddingInvitation 

No comments:

Post a Comment