智能名片小程序开发文档概要

前端页面目录

• 首页，名片广场名片列表，"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

注: 开发者工具中的颜色显示 和手机调试显示的颜色出入较大

数据库数据表

• 用户信息表 user

• 名片信息表 card

• 浏览名片表 visitor

• 名片点赞表 comment

• 名片收藏表 collect

• 订阅信息表 message

小程序框架

原生小程序+第三方UI库。在使用第三方UI库时，npm install安装完后，记得在工具-构建npm