移动


默认页面

<h2>技术点</h2> <table> <thead> <tr> <th style="text-align: left;">技术点</th> <th style="text-align: left;">内容</th> <th style="text-align: left;">备注</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">运行环境</td> <td style="text-align: left;">引擎</td> <td style="text-align: left;">pc/pc大厅/app大厅/sdk/引擎/游戏模板/微信公众号</td> </tr> <tr> <td style="text-align: left;">网站域名</td> <td style="text-align: left;">lyball.tcy365.com(接口) g.tcy365.com(前端域名) g2.tcy365.com(预发)</td> <td style="text-align: left;">填写正式版</td> </tr> <tr> <td style="text-align: left;">页面名称</td> <td style="text-align: left;">play2.cshtml</td> <td style="text-align: left;">修改与新增页面</td> </tr> <tr> <td style="text-align: left;">开发人员</td> <td style="text-align: left;">前端:王玺&lt;/br&amp;后端:梁亚杰</td> <td style="text-align: left;">前端与后端</td> </tr> <tr> <td style="text-align: left;">服务名称</td> <td style="text-align: left;">悬浮球前台服务</td> <td style="text-align: left;">如果非唯一 可加前端服务名称 如 【同城游用户网站-前端用户】</td> </tr> <tr> <td style="text-align: left;">资源文件夹</td> <td style="text-align: left;">-----</td> <td style="text-align: left;"><a href="http://doc.uc108.org:8002/index.php?s=/168&amp;amp;page_id=1956">资源文件夹命名</a></td> </tr> <tr> <td style="text-align: left;">服务代号</td> <td style="text-align: left;">TcyLianYunBallApi</td> <td style="text-align: left;">如服务代号下有多个项目 命名用 “服务代号_前端服务代号” 如 “User_Test”</td> </tr> <tr> <td style="text-align: left;">服务ID</td> <td style="text-align: left;">808</td> <td style="text-align: left;"></td> </tr> <tr> <td style="text-align: left;">项目版本号</td> <td style="text-align: left;">2.0.0</td> <td style="text-align: left;">根据产品版本号 默认1.0.0</td> </tr> <tr> <td style="text-align: left;">前端版本号</td> <td style="text-align: left;">2.0.0</td> <td style="text-align: left;">使用【release-版本】 作为开发分支</td> </tr> <tr> <td style="text-align: left;">前端git仓库</td> <td style="text-align: left;">FD_M_TcyLianYunBallApi</td> <td style="text-align: left;">-</td> </tr> <tr> <td style="text-align: left;">接口跨域方式</td> <td style="text-align: left;">cors</td> <td style="text-align: left;">cors 或 jsonp(pc大厅 不能使用cors)</td> </tr> <tr> <td style="text-align: left;">是否使用websocket</td> <td style="text-align: left;">否</td> <td style="text-align: left;">在低浏览器将有无法使用的问题</td> </tr> <tr> <td style="text-align: left;">兼容方案</td> <td style="text-align: left;">ios8+ Android4.4+</td> <td style="text-align: left;"></td> </tr> <tr> <td style="text-align: left;">是否有统计代码</td> <td style="text-align: left;">是</td> <td style="text-align: left;">开发前提供</td> </tr> <tr> <td style="text-align: left;">是否有自定义统计事件</td> <td style="text-align: left;">是</td> <td style="text-align: left;">例如:记录按钮点击数等 开发前提供</td> </tr> <tr> <td style="text-align: left;">监控appid</td> <td style="text-align: left;">--</td> <td style="text-align: left;">check_服务代号 (后台管理可不写)</td> </tr> </tbody> </table> <h2>app相关</h2> <table> <thead> <tr> <th style="text-align: left;">技术点</th> <th style="text-align: left;">内容</th> <th style="text-align: left;">备注</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">打开webview方式</td> <td style="text-align: left;">引擎</td> <td style="text-align: left;">app/sdk/引擎</td> </tr> </tbody> </table> <h2>ftp</h2> <table> <thead> <tr> <th style="text-align: left;">名称</th> <th style="text-align: left;">内容</th> <th style="text-align: left;">备注</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">页面发布方式</td> <td style="text-align: left;">混合</td> <td style="text-align: left;">前后端分离(oss)/混合</td> </tr> <tr> <td style="text-align: left;">项目前端路径</td> <td style="text-align: left;">/YdShouyou/newshouyanweb/Views</td> <td style="text-align: left;">项目形式时请与后端确定项目页面路径 oss为绑定文件夹</td> </tr> <tr> <td style="text-align: left;">项目前端路径(项目形式)</td> <td style="text-align: left;">192.168.101.24</td> <td style="text-align: left;">192.168.1.179 测试版路径</td> </tr> <tr> <td style="text-align: left;">assets资源</td> <td style="text-align: left;">-----</td> <td style="text-align: left;">默认前端资源站</td> </tr> </tbody> </table> <h2>其他文档地址</h2> <table> <thead> <tr> <th style="text-align: left;">名称</th> <th style="text-align: left;">地址</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">接口文档</td> <td style="text-align: left;">-</td> </tr> <tr> <td style="text-align: left;">ui</td> <td style="text-align: left;"><a href="https://192.168.1.143/svn/Alliance/doc/01产品方案文档/[M]移动平台/08【游戏联运】H5游戏项目/H5游戏V2.0.0">https://192.168.1.143/svn/Alliance/doc/01产品方案文档/[M]移动平台/08【游戏联运】H5游戏项目/H5游戏V2.0.0</a></td> </tr> <tr> <td style="text-align: left;">产品</td> <td style="text-align: left;"><a href="http://192.168.1.8:1505/qun/tcyapp/tcyappnew/H5%20%E8%81%94%E8%BF%90%E6%B8%B8%E6%88%8F/FA%E2%80%94H5%20%E6%B8%B8%E6%88%8F2.0.0.html">http://192.168.1.8:1505/qun/tcyapp/tcyappnew/H5%20%E8%81%94%E8%BF%90%E6%B8%B8%E6%88%8F/FA%E2%80%94H5%20%E6%B8%B8%E6%88%8F2.0.0.html</a></td> </tr> </tbody> </table> <h2>备注</h2> <table> <thead> <tr> <th style="text-align: left;">名称</th> <th style="text-align: left;">限制</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">悬浮球</td> <td style="text-align: left;">悬浮球大小为120<em>120,整图大小为720</em>120 六张图并排排列中间无间隙</td> </tr> <tr> <td style="text-align: left;">新消息</td> <td style="text-align: left;">整图大小为744<em>124 小图为124</em>124 大图为六图横向排列无间隙</td> </tr> </tbody> </table> <h2>目录结构</h2> <pre><code>├── api │   └── interfaces.js 接口地址 ├── assets │   ├── css │   ├── img │   ├── js │   │   └── ajax 网络请求 │   └── scss │   ├── common.scss │   └── mixin.scss ├── components │   ├── ball │   │   ├── ball.js 悬浮球交互文件 │   │   ├── ball.scss 悬浮球样式文件 │   │   ├── ball.vue 悬浮球主代码 │   │   ├── coupon │   │   │   ├── header.vue 优惠券主容器 │   │   │   ├── progress 优惠券进度条以及按钮展示 │   │   │   │   ├── progress.scss │   │   │   │   └── progress.vue │   │   │   └── welfare.vue 优惠券 │   │   ├── download 下载同城游 │   │   │   └── download.vue │   │   ├── errerpage 错误页面 │   │   │   ├── defaultErrer.vue │   │   │   └── netErrer.vue │   │   ├── game 游戏推荐(火爆新服和热门游戏) │   │   │   ├── game.scss │   │   │   └── game.vue │   │   ├── giftpage 礼包 │   │   │   └── gift.vue │   │   ├── header 用户信息部分 │   │   │   ├── header.scss │   │   │   └── header.vue │   │   └── slideMenu 右侧菜单组件 │   │   ├── slidenav.js │   │   ├── slidenav.scss │   │   └── slidenav.vue │   ├── bar │   │   └── index.vue │   ├── card │   │   └── index.vue │   ├── cardItem │   │   └── index.vue │   ├── charge 支付弹窗组件 │   │   ├── charge.less │   │   └── index.vue │   ├── result 支付结果 │   │   └── index.vue │   └── result.vue ├── config │   ├── code.js 系统通用code │   └── common.js 全局变量 | └── interfaces.js 接口地址 | └── tranck.js 事件统计 | └── intercept.js 响应拦截器 ├── filter ├── mixin ├── pages │   ├── main.vue 入口文件 ├── plugins ├── router │   └── index.js ├── store │   └── index.js └── view └── index ├── APP.vue ├── index.ejs └── main.js</code></pre>

页面列表

ITEM_HTML