1. 主页
  2. 文档
  3. EOS DApp合约开发之DICE游戏
  4. 第三课:DICE游戏项目——UI设计图

第三课:DICE游戏项目——UI设计图

下面是项目运行后的效果图,也可当作是UI设计图,后端和前端开发的接口需按照UI设计图的需求进行设计。

下面包含两部分:

  • UI设计图——PC端
  • UI设计图——移动端(TokenPocket钱包App)

UI设计图——PC端

PC端是基于Google浏览器,且须安装Scatter钱包插件,在后续我们学习如何使用Scatter钱包插件,并基于它开发调试DApp。

首页

437A101E-EA93-4CD7-A7FE-076D8CF6D5B6

所有投注

222339C8-1941-445C-A395-0006B31010E9

奖金——分红池

第三课:DICE游戏项目——UI设计图

奖金——质押

第三课:DICE游戏项目——UI设计图

奖金——分红记录

第三课:DICE游戏项目——UI设计图

奖金——我的余额

第三课:DICE游戏项目——UI设计图

VIP

477075C4-5DCC-41C2-91C9-5D26DA5D42EC

邀请好友

第三课:DICE游戏项目——UI设计图

玩法介绍

第三课:DICE游戏项目——UI设计图

调用合约触发的弹框

掷骰子投注EOS

第三课:DICE游戏项目——UI设计图

赎回代币

第三课:DICE游戏项目——UI设计图

分红余额提现

第三课:DICE游戏项目——UI设计图

UI设计图——移动端(TokenPocket钱包App)

移动端的设计图下面以TokenPocket钱包App为例截的效果图,在后续我们会学习如何在TokenPocket钱包上开发调试DApp。

首页

第三课:DICE游戏项目——UI设计图第三课:DICE游戏项目——UI设计图

掷骰子投注EOS

第三课:DICE游戏项目——UI设计图

首页功能栏

第三课:DICE游戏项目——UI设计图

排行榜

第三课:DICE游戏项目——UI设计图

奖金——分红池

第三课:DICE游戏项目——UI设计图

这篇文章对您有用吗?

我们要如何帮助您?