UI界面设计
<h1>微信小程序</h1>
<h4>初次登录（采集用户信息）</h4>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201105111138929-1488585010.gif" alt="" /></p>
<blockquote>
<p>登陆界面可以选择手机号登录或者微信直接授权登录，取消则返回登陆选择界面，登陆后直接跳转至信息采集界面，进行后续信息采集。</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201105111404819-154764112.gif" alt="" /></p>
<blockquote>
<p>通过采集一些信息已方便后续分析及训练安排</p>
</blockquote>
<h4>主界面</h4>
<ul>
<li>训练</li>
</ul>
<img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201120161911240-729198183.png" width = "300"/>
<pre><code>> 将PASS模型整合成一套游戏题目,游戏顺序：1.颜色判别 2.计划连接 3.句子问题 4.视觉搜索 5.矩阵问题 6.字词回忆 7.水果配对 8.接受的注意</code></pre>
<ul>
<li>表现</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201105124114465-1720767046.gif" alt="" /></p>
<blockquote>
<p>PASS认知综合能力以柱状图或者雷达图形式表现，并给出PASS各能力成长可视化图表</p>
</blockquote>
<h4>游戏</h4>
<ul>
<li>内部界面（示例）</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201105124215434-425087989.gif" alt="" /></p>
<blockquote>
<p>以阴影覆盖和正中心添加“锁”的图标的方式表明该游戏暂时未解锁</p>
<p>PASS模型P部分的一个小游戏，采取难度逐渐升级的方式，点击游戏后会有游戏介绍、规则以及展示的轮播图，开始游戏后会有相应操作提示*</p>
</blockquote>
<ul>
<li>我的</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201105124137522-1336398158.gif" alt="" /></p>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201104230723823-866677920.gif" alt="" /></p>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201104230810802-2103567518.gif" alt="" /></p>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201104230824682-683700325.gif" alt="" /></p>
<blockquote>
<p>初版： <em>个人信息界面，提供排行榜、训练进度、PASS模型科普、用户信息修改以及项目信息</em>
终版：保留排行榜功能、训练进度，文章收藏功能、帐号与安全取消。设置提醒通知：自己设定什么时候训练</p>
</blockquote>
<h1>后台管理</h1>
<ul>
<li>登录页面</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181402/202011/2181402-20201105102607936-1606972940.png" alt="" /></p>
<blockquote>
<p><em>用户登录界面，用户可在此输入账号密码登录</em></p>
</blockquote>
<ul>
<li>首页</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181402/202011/2181402-20201105102612160-1351921398.png" alt="" /></p>
<blockquote>
<ul>
<li>首页显示交易数据和用户数据*</li>
</ul>
</blockquote>
<ul>
<li>用户管理界面</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181402/202011/2181402-20201105102659659-987003356.png" alt="" /></p>
<blockquote>
<p><em>用户管理界面显示用户的具体信息，包括手机号、年龄、父母学历以及其游戏数据。当用户过多时，可以通过查询找到该用户。也可以通过排序按钮对特定的列进行排序。</em></p>
</blockquote>
<ul>
<li>会员订单界面</li>
</ul>
<p><img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201104231328511-64596915.png" alt="" /></p>
<blockquote>
<p><em>管理会员订单，查询会员状态：已过期/未过期</em></p>
</blockquote>
<ul>
<li>财务管理
<img src="https://img2020.cnblogs.com/blog/2181406/202011/2181406-20201104231338191-490917049.png" alt="" /></li>
</ul>
<blockquote>
<p><em>管理收支</em></p>
</blockquote>
<ul>
<li>文章数据管理</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/0af48eba2dbc5a35da86114c6cd0bb34?showdoc=.jpg" alt="" /></p>
<blockquote>
<p><em>管理PASS模型的科普文章</em></p>
</blockquote>