工具类APP开发前端设计模板

工具类APP开发前端设计模板：包括tab页、分类页面、详情页面、埋点、活动、数据上报、专题页面、页面性能等等。

工具类APP开发前端设计模板

• tab页
  • 1，精品聚焦
    • 本周精品
    • 轮播
    • 标签区
    • app展示区
    • 热词
      • 游戏热词
      • 应用热词
    • 排行榜
      • 总排行
      • 上升最快
      • 周排行
    • 首页
    • 刷新
    • 后退
  • 2，找游戏
    • 本周精品
    • 轮播
    • 标签区
      • 休闲
      • 刺激
    • app展示区
    • 排行榜
      • 总排行
      • 本周必玩
      • 上升最快
  • 3，找应用
    • 本周精品
    • 轮播
    • 标签区
      • 热门
      • 必备
    • app展示区
      • 无需流量
      • 影音播放
      • 系统安全
      • 社交网络
      • 办公学习
      • 主题控
      • 纸壁控
      • 小说
    • 排行榜
      • 总排行
      • 上升最快
      • 周排行
  • 1，页面功能与逻辑类似 2，所调用接口只是参数不同 3，下载按钮无焦点时为灰白色、有焦点时为绿色 4，按钮状态为：安装，下载中，已下载， 已安装app在连接手机后不在页面显示。 5，所有web页面都有 返回顶部 入口
  • 4，应用管理
    • 必备游戏
    • 必备应用
    • 应用升级推荐内嵌页面
    • 下载管理推荐内嵌页面
    • 1、有下载、安装任务且大于屏幕显示区时， 不进行推荐 2、有升级应用app时，不进行应用推荐
  • 5，图片影音
    • 主题应用
    • 音乐应用
• 分类页面
  • 活动分类
  • 一般分类
  • 新版分类
    • 多标签
    • 官方/非官方
    • 广告/无广告
    • 最受欢迎
    • 最新发布
    • 数量
    • 下拉加载
• 详情页面
  • 左则分类
    • 专题推荐
      • 默认不展开
    • 游戏分类
      • 展开并显示6个
      • 第6个为更多
    • 应用分类
      • 全部展开
    • 分类图标
  • app头部信息区
    • app logo
    • app 名称
    • 下载次数
    • 星级与数字评分
    • 评论数
      • 数字
    • app状态信息
      • 官方
      • 安全
      • 广告
        • 有广告
        • 无广告
    • app基本信息
      • 分类信息
      • 更新时间
      • 大小
      • 版本
      • 来源
  • app信息介绍区
    • 文字介绍
      • 展开更多
      • 隐藏更多
    • 图片介绍
      • 左右切换轮播
  • 评论
    • 评论区
      • 评论内容
        • 最少字数
        • 重复评论
        • 特殊字符
        • 带编码内容
        • 长字符评论
        • 空字符评论
      • 昵称
      • 评分
    • 快速评论
    • 热评
    • 热门评论
    • 支持最多
    • 最新评论
    • 回复
      • 添加回复
      • 重复回复
      • 回复用户
      • 回复时间
    • 点赞
      • 加赞
      • 取消赞
    • 单条评论信息
      • 评分
      • 更多评论
      • 评论用户名
      • 评论时间
      • 赞数量
      • 回复数量
  • 排行榜
  • app行为分析
    • 应用安全
    • 广告详情
    • 广告样式
    • 隐私行为
• 埋点
  • 分配规律
    • 1000~1500 划分给 顶级页面
    • 1500~1900 划分给 二级页面
    • 1900~2000 划分给其他，及预留
  • 顶级页面
    • 左侧导航
      • 1000 : "导航"
    • 顶部工具栏
      • 1003 : "向导功能按钮（回首页, 后退，刷新，回顶部）"
      • 1004 : "热搜词"
    • 精品聚焦
      • 内容头部区域 1100 ~ 1110
      • 中间模块区域 1110 ~ 1129
      • 右侧排行 1130~1139
      • 小说 1140 ~ 1149
      • 尾部标签 1150-1160
    • 找游戏
      • 内容头部区域 1200 ~ 1209
      • 中间模块区域 1210 ~ 1229
      • 右侧排行 1230~1239
    • 找应用
      • 内容头部区域 1300 ~ 1309
      • 中间模块区域 1310 ~ 1129
      • 右侧排行 1330~1339
      • 小说 1340 ~ 1350
  • 二级页面
    • 1500 : "搜索", 1501 : "专题", 1502 : "标签", 1516 : "分类标签"
  • 搜索页面
    • 1600 : "直接输入", 1601 : "tips", 1602 : "热搜词", 1609 : "安装任务管理器标签"
  • 客户端tab
    • 2 : "手机安全摇一摇", 800 : "连接向导", 900 : "登录注册", 999 : "毒霸集成版启用手机助手模块"
  • 其他snode
    • 1900 : "接口通信异常上报", 1901 : "调用客户端异常上报", 1902 : "AB测试专用上报", 1904 : "接口响应时间上报", 1905 : "页面性能上报"
      • 详情：http://app.sjk.ijinshan.com/market/doc/trace_map.js
• 活动
  • 模板样子
  • 悬浮窗
  • 下载上报
  • 抽奖
  • 短信通知、接口
  • 奖品、用户信息数据表
• 数据上报
  • 微看平台
  • infoc
    • 查看数据：http://119.147.146.243/debug9.html
• 专题页面
  • 装机必备
  • 小说
  • 游戏
• 搜索页面
  • 搜索框
    • 过虑html标签
    • 过虑特殊字符
  • tips
    • 10个tips
  • 热词
    • searchrecommend.json
  • 搜索结果页
    • 展示
      • 第一屏8个应用
    • 纠错搜索
  • 搜索结果定制页
    • 主题
    • 桌面
    • 动态纸壁
    • 免费游戏
    • 装机必备
    • 单机游戏
• 连接向导
• 页面性能
  • 图片加载
  • js加载
  • css加载
  • 接口返回数据