评论

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

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

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

前端页面目录

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


最后一次编辑于  2022-04-22  
点赞 0
收藏
评论
登录 后发表内容