云开发网上商城实战教程-首页原型

简介: 云开发网上商城实战教程-首页原型

我们上一讲介绍了传统的原型设计工具axure,这一讲介绍一下在线的工具,以xiaopiu为例

登录

访问官方的网站xiaopiu

创建项目

输入自己项目的名称,然后选择移动端原型

比axure要好的地方是它底图已经有了

创建状态栏

从IOS组件库拖一个状态栏进来

顶部导航

拖动文字标签,搜索关闭关键字拖动小程序关闭标签

轮播图

搜索轮播图,拖动

九宫格

搜索分类,拖动

商品

拖动商品

预览

效果还不错,好些功能组件已经都有了,省下自己费工夫画了

相关文章
|
8月前
|
安全 JavaScript 前端开发
购物全返商城平台系统开发步骤流程/需求设计/教程指南/源码功能
开发购物全返商城平台系统涉及多个步骤和考虑因素。
|
8月前
|
小程序
云开发电商小程序实战教程-详情页原型
云开发电商小程序实战教程-详情页原型
|
8月前
|
小程序 程序员
云开发电商小程序实战教程-原型编制
云开发电商小程序实战教程-原型编制
|
8月前
|
小程序 容器
企业官网小程序搭建教程-首页的搭建05
企业官网小程序搭建教程-首页的搭建05
|
8月前
|
存储 移动开发 小程序
会员管理系统实战开发教程01-创建模型应用
会员管理系统实战开发教程01-创建模型应用
|
6月前
|
API PHP
如何开发陪玩系统源码的列表页面,相关实现代码
接下来我们一起来看看具体的实现代码吧。route.php<?phpusethink\Route;Route::get('test','api/test/index');Route::put('test/:id','api/test/update');Route::delete('test/:id','api/test/delete');Route::resource('test','api/test');Route::get('api/:ver/cat','api/:ver.cat/read');Route::get('api/:ver/index','api/:ver.index/index
|
8月前
|
JavaScript Java 测试技术
基于微信小程序的大学生社团活动管理的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的大学生社团活动管理的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的大学生社团活动管理的设计与实现(源码+lw+部署文档+讲解等)
|
8月前
|
安全 区块链
DAPP商城系统开发详情版/案例设计/需求功能/源码教程
Requirement Analysis * *: Understand customer needs, determine the functions and features of the DApp mall system, including user registration, product display, purchase process, payment function, order management, user evaluation
|
8月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程06-首页开发
点餐小程序实战教程06-首页开发
|
8月前
|
小程序
基于微信小程序的大学生党务学习平台设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的大学生党务学习平台设计与实现(源码+lw+部署文档+讲解等)
55 0
基于微信小程序的大学生党务学习平台设计与实现(源码+lw+部署文档+讲解等)