随笔分类 -  微信小程序

摘要:微信小程序使用flexbox容器,flexbox布局由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局,其中设为display:flex或者display:inline-flex的元素称为伸缩容器。伸缩容器的子元素称为伸缩项目,伸缩项目使用伸缩布局模型来排版。伸缩布局模型与传统的布 阅读全文
posted @ 2018-06-20 11:24 mingruqi 阅读(347) 评论(0) 推荐(0) 编辑
摘要:现在微信小程序已经推出了,我也来这里尝一下鲜。 小程序简介 原生APP和Web APP谁是未来的主流这个命题争了很多年,而原生APP最大的优势也就是对于系统控件接口和框架的调用能力比Web APP不知道高到哪里去。虽然京东同时提供了手机APP和手机H5形式的页面供用户浏览和下单,但是同时用过二者的都 阅读全文
posted @ 2018-06-20 11:19 mingruqi 阅读(846) 评论(0) 推荐(0) 编辑
摘要:实例内容 条件渲染 数据遍历 网络请求 获取本地图片 实例一: 条件渲染 如果motto为Hello World,则输出你好世界,否则原样输出。 这里是分支条件判断,直接在视图文件里修改,修改index.wxml wx:if、wx:else、wx:elif,是微信条件判断的控制属性,需要添加到组件中 阅读全文
posted @ 2018-06-20 11:18 mingruqi 阅读(814) 评论(0) 推荐(0) 编辑
摘要:实例内容 登陆界面 处理登陆表单数据 处理登陆表单数据(异步) 清除本地数据 实例一: 登陆界面 在app.json中添加登陆页面pages/login/login,并设置为入口。 保存后,自动生成相关文件(挺方便的)。 修改视图文件login.wxml 修改登陆样式login.wxss 看下样式: 阅读全文
posted @ 2018-06-20 11:15 mingruqi 阅读(586) 评论(0) 推荐(0) 编辑
摘要:实例内容 导航栏样式设置 tabBar导航栏 实例一:导航栏样式设置 小程序的导航栏样式在app.json中定义。 这里设置导航,背景黑色,文字白色,文字内容测试小程序 app.json内容: window中的样式说明: 效果: 实例二:tabBar导航栏 tabBar挺好的,可以放置于顶部或者底部 阅读全文
posted @ 2018-06-20 11:13 mingruqi 阅读(5086) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示