外卖案例_第一讲_搭建页面框架


1 第一讲 搭建页面框架
1.1 概要
这里写图片描述
1.2 新建页面
这里写图片描述
1.3 制作上下两端固定的页面
这里写图片描述
1.4 在页面上端放标题栏
这里写图片描述
1.5 在页面下端放导航栏
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

风格 = x-card 卡片风格,表示 中间 有条横线。。。。
排列方式 可以把按钮 横向 撑满屏幕。。。。
这里写图片描述

在按钮上 增加相应图片和文字。。。。
这里写图片描述
上下排列 可以调整 class属性。。。图标位置。。。
这里写图片描述

1.6 在页面中部放多个内容页
这里写图片描述
这里写图片描述
这里写图片描述

按钮关联Content
这里写图片描述

1.7 打包成App
这里写图片描述

模式3 有利于本地调试。。。。
这里写图片描述

注: waimai 目录不打勾,表示 不把目录打包到 app里去。。。
这里写图片描述
这里写图片描述

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

创建的结果 是在 Native目录 下 多了个 waimai 目录。。。。
这里写图片描述
这里写图片描述

生成的App 就可以用 手机 进行 二维码扫描。。。
这里写图片描述
这里写图片描述

推荐使用 UC浏览器 里头的 扫一扫。。。
这里写图片描述

这里 使用 夜神模拟器 来测试。。。。
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值