摘要: 一、功能描述: 在 2019 年 7 月 2 日的小程序基础库版本更新 v2.7.3 中,小程序新增了一个页面间通讯的接口,帮助我们的小程序完成不同页面间数据同步的功能。 二、实现方式: 假设页面 A 打开详情页面 B 1. A 向 B 传递数据 // A页面 wx.navigateTo({ url 阅读全文
posted @ 2020-09-14 16:35 ONE橙子 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 一、小程序嵌套H5的方式 // 使用小程序提供的 web-view 标签 <web-view src="https://{{url}}"></web-view>// 注:<web-view>不支持个人小程序账号和海外的小程序账号; // 使用 <web-view> 标签能在小程序中打开外部网页,但是 阅读全文
posted @ 2020-09-14 16:33 ONE橙子 阅读(829) 评论(0) 推荐(0) 编辑
摘要: 一、功能描述: getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 二、注意要点: 1. 不要尝试修改页面栈,会导致路由以及页面状态错误。2. 不要在 App.onLaunch 的时候调用 getCurrentPag 阅读全文
posted @ 2020-09-14 14:50 ONE橙子 阅读(1063) 评论(0) 推荐(0) 编辑
摘要: 一、问题描述: 在小程序的项目中,封装公共的饼图组件,并在需要的页面引入使用。要求一个页面中有多个饼图,动态渲染不同的数据。 二、效果实现: 1. 查看——小程序使用Echarts的方式 2. 封装饼图公共组件 // pie.wxml <view class="containers"> <ec-ca 阅读全文
posted @ 2020-09-14 10:40 ONE橙子 阅读(1871) 评论(0) 推荐(0) 编辑
摘要: 1、下载 GitHub 上的 ecomfe/echarts-for-weixin 项目,Echarts微信版。 地址:https://github.com/ecomfe/echarts-for-weixin 2、将 ec-canvas 文件放置到小程序项目中 3、使用echarts(饼图为例) // 阅读全文
posted @ 2020-09-11 17:37 ONE橙子 阅读(855) 评论(0) 推荐(0) 编辑
摘要: 1、在项目根目录初始化:npm init 2、根据 vant官网 安装教程:npm i @vant/weapp -S --production 3、微信开发者工具 - 工具 - 构建npm 【新版】 4、微信开发者工具 - 详情 - 本地设置 - 勾选 “使用npm模块” 5、vant 的使用 // 阅读全文
posted @ 2020-09-11 16:39 ONE橙子 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 1、点击登录按钮进行授权 <button open-type="getUserInfo" bindgetuserinfo="onGotUserInfo"> 2、允许授权后进行登录 // 授权 onGotUserInfo(e) { // 允许授权后能获取到微信昵称、头像,以及iv、encryptedD 阅读全文
posted @ 2020-09-11 16:03 ONE橙子 阅读(689) 评论(0) 推荐(0) 编辑
摘要: // 不需要 token 的请求头 var headerWithoutJwt = { 'content-type': 'application/json', // 默认值 'x-request-from': 'wechat_applet' } // 当路径中带有以下字段时不添加 token var 阅读全文
posted @ 2020-09-11 15:57 ONE橙子 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 一、问题描述 项目要求在小程序中实现像手机拨打电话一样得拨号键盘,点击拨打后跳转到手机默认拨号界面,并通过虚拟小号进行拨打。 二、页面效果 三、代码实现 // wxml<view> <view class="input-box">{{tel}}</view> <view class="keyboar 阅读全文
posted @ 2020-09-11 15:17 ONE橙子 阅读(1058) 评论(0) 推荐(0) 编辑
摘要: var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CP 阅读全文
posted @ 2020-07-02 14:55 ONE橙子 阅读(444) 评论(0) 推荐(0) 编辑