摘要: 在学习小程序的demo中看到一个挺漂亮的登录页面样式 先保存下来,后面有需要的时候用... 主要代码 login.wxml: <form class="login-form"> <view class="input-group {{userid_focus ? 'active' : ''}}"> < 阅读全文
posted @ 2020-09-09 16:18 小黎爱学习 阅读(2738) 评论(0) 推荐(0) 编辑
摘要: 小程序本地缓存Api 异步 1. wx.setStorage(Object object) 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容 wx.setStorage({ key:"key", data:"value" }) 2. wx.getStorage(Objec 阅读全文
posted @ 2020-09-09 15:37 小黎爱学习 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 在小程序开发中,我们小程序的不同页面间经常需要传递一些数据。针对不同的数据要求,有几种不同的传递数据方式。 1. 页面跳转通过url传递数据 在使用wx.navigateTo或者wx.redirectTo的时候,可以将部分数据放在url里面,在新页面onLoad的时候获取且初始化。 //pageA. 阅读全文
posted @ 2020-09-09 15:20 小黎爱学习 阅读(1066) 评论(0) 推荐(1) 编辑
摘要: 小程序提示框 Loading提示框使用方式 1. 在wxml中作为组件使用 <loading hidden="{{hidden}}"> 加载中... </loading> 通过设置hidden的值来控制Loading提示框的显示和隐藏 2. 在js中调用对应方法 显示: wx.showLoading 阅读全文
posted @ 2020-09-08 15:53 小黎爱学习 阅读(1123) 评论(0) 推荐(0) 编辑
摘要: 1. 注意点 App() 必须在 app.js 中注册,且不能注册多个。 编译后的代码包大小需小于 1MB,否则代码包将上传失败。 每个页面需要手动在app.json中进行注册,否则不能访问。 app.json中pages数组的第一项代表小程序的初始页面,小程序中新增/减少页面,都需要对 pages 阅读全文
posted @ 2020-09-08 14:21 小黎爱学习 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 顶部导航栏 1. 设置导航栏文字 在相应界面的json中加入属性值: "navigationBarTitleText":"自定义文字", "navigationBarTextStyle":"white" 2. 设置导航栏颜色 在相应界面的Json 文件中加入属性、值,值只能是十六进制的颜色。 "na 阅读全文
posted @ 2020-09-08 14:04 小黎爱学习 阅读(522) 评论(0) 推荐(0) 编辑
摘要: 小程序首页 一般情况下我们是在app.json中的pages里面定义好小程序的所有页面。 { "pages": ["pages/index/index", "pages/logs/logs"] } 开发目录结构为: ├── app.js ├── app.json ├── app.wxss ├── p 阅读全文
posted @ 2020-09-07 17:11 小黎爱学习 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章讲到了小程序设置全屏,隐藏导航栏的方式。 主要是配置自定义导航栏"navigationStyle": "custom" 这篇文章尝试自定义导航栏 1. 首先,我们要获取状态栏的高度,以及胶囊的位置 可以通过getSystemInfo 方法 //获取菜单按钮(右上角胶囊按钮)的布局位置信息 阅读全文
posted @ 2020-09-07 14:47 小黎爱学习 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 小程序设置全屏 从微信小程序开发文档中没有找到设置全屏的方式。 但是在[小程序页面配置](https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html),我们可以看到只有自定义导航栏的方式。 当我 阅读全文
posted @ 2020-09-07 14:13 小黎爱学习 阅读(1201) 评论(0) 推荐(0) 编辑
摘要: 导航栏navigation-bar 页面导航条配置节点,用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点,需要配合它一同使用。 通过这个节点可以获得类似于调用 wx.setNavigationBarTitle wx.setNavigationBarColor 等接口调用的效果 阅读全文
posted @ 2020-09-05 14:37 小黎爱学习 阅读(1410) 评论(0) 推荐(0) 编辑