智能名片小程序开发文档概要
前端页面目录
- 首页,名片广场名片列表,"pages/index/index",
- 创建名片,"pages/createCard/createCard",
- 名片详情,"pages/cardDetail/cardDetail",
- 名片版式与主题风格,"pages/cardChange/cardChange",
- 编辑名片信息,"pages/editCard/editCard",
- 使用指引,"pages/useGuide/useGuide",
- 创建成功,"pages/publishSuccess/publishSuccess",
- 关于,"pages/about/about",
- 我的,也就是个人中心,"pages/my/my"
前端页面风格
- 页面风格
- 扁平/简洁/多留白 增加行间距2倍起 多使用动画达到流畅的切换效果 参考ios风格 宽度100% 高度auto的流式布局
- 主题色
- 背景白色 #ffffff 普通字体 #000000 注释字体 #868688 主题颜色 #80a0c0
- 页面边距
- width : 90% margin: 0 auto
- 字体大小
- 一级标题font-size:50rpx font-weight:700 二级标题font-size:35rpx font-weight:600 普通文字font-size:25rpx font-weight:400
注: 开发者工具中的颜色显示 和手机调试显示的颜色出入较大
数据库数据表
- 名片信息表 card
- 名片收藏表 collect
- 订阅信息表 message
小程序框架
原生小程序+第三方UI库。在使用第三方UI库时,npm install安装完后,记得在工具-构建npm