## 存在的问题

### 主页面
~~0. 产品详情页 ，底部导航向上一些，退出按钮靠中间一些~~

~~1.程序背景色需要绘制成白色~~

~~2.右侧功能栏的品类个数很多时，最下方的按钮可能显示不了，比如现在在模拟器上把手机选成iPhone5，床就看不见了~~

~~3.报价的时候点了帮助没地方关闭，并且要是在帮助界面点到了报价按钮，依旧会弹出报价单。~~

~~4.搜索的时候有404，搜索出来的结果也应该是可以报价的~~

~~5.搜索出来的结果点不进详情界面，报错点击进入详情控制区域没定义~~

~~6.一页显示了6个但是没翻页按钮~~

~~7.风格品类按钮没作用，品类按钮需要适当调整位置，被挡住了~~

###详情界面

~~1.上一个下一个按钮点一次触发了两次~~

~~2.点击屏幕中间的时候隐藏所有按钮，我之前做的时候这个功能的点击区域没有包括有其他功能的按钮的点击区域，就是图片中心没东西的那一块。现在好像是整个屏幕点击都有这个功能~~

~~3.隐藏按钮的时候出发了下一个功能 ~~

~~4.尺寸安装图点进去了关闭不掉~~

~~5.点分享、详情购买和联系商家会触发下一个功能~~

~~6.详情购买和联系商家点击之后闪一下就没了，直接跳到下一个商品了~~

### 解决方案

主要是选择好点击区域和设置点击状态，在详情界面比如屏幕下方的五个按键就只对应5个功能 ，其他功能把这5个按键所在的区域排除在外。点击某个按键之后进入某个状态，在此状态下，指定的操作有效，其他操作无效，这样可以避免像点击了帮助之后任然可以报价的情况

6.第一次加载商品详情的时候很慢

## 问题解决和程序优化说明

—添加了电话、名片(名片部分目前已删除)

—如果是经销商的话详情界面上传电话和价格，但是没能上传成功

—判断是否是经销商的接口还没有

—目前程序默认是经销商

—横屏问题解决：重新设置canvas的宽高 5/28

—下一页按钮禁用优化 5/29

—进入详情的回调函数优化 

— 把详情界面按钮换成图片 5/31

— 清晰度调整（canvas放大两倍，所有绘制参数放大两倍）

— 详情界面添加点击查看上一个或下一个的按钮

—  登录接口通

— 完成上传电话和价格

— loading 优化

— 上一页下一页 6/2

— 安装尺寸

— 优化loading

— 详情界面的UI修改 6/5

— 继续针对iPhoneX和loading进行优化

— agent_id换成了用户输入的方式

— 商品列表UI的修改6/6

— 添加搜索功能

— loading BUG修复

— 更新厂家名字 6/8

— 安装尺寸界面更改

— 一级目录名字不显示bug修复

— 经销商设置电话价格界面的更改6/12.6/13

## 目录源码介绍

```javascript
./js
|——draw
|  |——base.js. 						//绘制两边的目录栏背景和下一页按钮
|  |——FirstLevelDirectory.js		//绘制顶级目录
|  |——SecondLevelDirectory.js  	    //绘制子目录
|  |——content.js					//绘制商品列表
|  |——details.js					//绘制商品详情
|  |——price.js                      //价格设置界面绘制
|——lib
|  |——symbol.js                     // ES6 Symbol简易兼容
|  |——weapp-adapter.js              // 小游戏适配器
|——main.js							//绘制入口
```
### 代码说明
1，为了解决闪屏问题，要利用离屏 canvas
2，为了避免 click 与移动事件冲突，重构了 click 事件，放在 TouchEnd 事件里面
3，为了避免绘图的层级问题，使用了 Promise，在底层图片绘制结束之后再绘制上层图片。并且在一张图片绘制结束之后可以获取到位置，与图片的尺寸。由此可以模拟，DOM 的文档流。
