微信小程序
文章平均质量分 62
微信小程序记录
Chx.zhang
这个作者很懒,什么都没留下…
展开
-
【微信小程序】腾讯位置服务地图选点 服务示例
在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请添加,通过则可在小程序内使用该插件。地图选点appId: wx76a9a06e5b4e693e。原创 2022-08-24 13:35:00 · 1812 阅读 · 0 评论 -
【微信小程序】下拉刷新、上拉加载 实现记录
一、下拉刷新1、下拉刷新:由于小程序数据是实时渲染的。我们把data{}内的数据清空重新加载即可实现下拉刷新2、页面配置:允许页面进行下拉刷新动作: { "enablePullDownRefresh": true }3、使用的page属性:onPullDownRefresh: Function(){} 页面相关事件处理函数–监听用户下拉动作4、实现示例: //刷新 onRefresh(){ //在当前页面显示导航条加载动画原创 2022-01-19 14:46:57 · 3866 阅读 · 0 评论 -
【微信小程序】关于微信小程序获取手机号的问题
从基础库 2.21.2 开始,微信小程序对获取手机号的接口进行了安全升级,详情见官方获取手机号文档获取手机号注意步骤:非个人开发者且完成微信认证必须使用button触发方法,拿到接口调用使用的code<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>Page({ getPhoneNumber (e) { console.log(e)原创 2021-12-28 16:02:15 · 1902 阅读 · 0 评论 -
【微信小程序】后台位置信息wx.onLocationChange使用&&应用&&ios息屏问题
监听实时地理位置变化事件,ios息屏。app.json设置权限信息{ "requiredBackgroundModes": ["location"], "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },}原创 2021-12-10 09:46:31 · 7274 阅读 · 2 评论 -
wx.navigateTo页面跳转传对象 || wx.navigateBack返回传值
wx.navigateTo跳转的页面并传值 // 此处data为对象,需要使用JSON.stringify转化为json字符串, // 用encodeURIComponent对其进行转义 let data = JSON.stringify(e.currentTarget.dataset.item); wx.navigateTo({ url: '../sonPage/sonPage?data='+ encodeURIComponent(data), })onLoad: fu原创 2021-06-09 09:39:58 · 910 阅读 · 0 评论 -
微信小程序中使用echarts
体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo:下载为了兼容小程序 Canvas,我们提供了一个小程序的组件,用这种方式可以方便地使用 ECharts。首先,下载gitHub项目。其中,ec-canvas 是我们提供的组件,其他文件是如何使用该组件的示例。ec-canvas 目录下有一个 echarts.js,默认我们会在每次 echarts-for-weixin 项目发版的时候替换成最新版的 ECharts。如有必要,可以自行从 ECharts 项目中下载最新发布版原创 2021-09-16 11:31:15 · 22195 阅读 · 21 评论 -
微信小程序不能直接加载本地静态图像作为背景的解决办法
微信小程序不能直接加载本地静态图像作为背景的解决办法1、背景图片设置可以用服务器上的图片。2、也可以将本地图片转成base64的。wxml: <view class="title-top flex-row"> <view class="pointsCur flex-col" style="background-image: url({{ bgcImg1}});mode='scaleToFill'"> <text class="p原创 2021-07-19 09:05:41 · 2016 阅读 · 0 评论 -
【微信小程序】二、小程序框架的基本使用及组件开发
四、微信小程序框架微信小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。框架提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。(1)框架全局配置 Pages、Window、TabBar官方文档全局配置:app.json{ // 基础页面配置 "pages": [ "pages/farm/index",原创 2021-05-31 00:00:24 · 652 阅读 · 0 评论 -
【微信小程序】三、微信小程序组件的基本使用
五、微信小程序组件微信小程序框架为开发者提供了一系列组件,开发者可以通过组合这些组件进行快速开发。(1)微信小程序组件基础概念什么是组件?组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。<tagname property="value"> Content goes here ...</tagename>注意:所有组件与属性都是小写,以连字符-连接原创 2021-06-30 11:40:05 · 698 阅读 · 0 评论 -
【微信小程序】一、小程序的优势、基本配置与文件结构
一、微信小程序简介(1)小程序是什么?官方文档微信小程序( Mini Program ),简称「小程序」,是一种不需要下载安装即可使用的应用,用户扫一扫或者搜一下即可打开应用,也体现了「用完即走」的理念,用户不用关心是否安装太多应用的问题,应用将无处不在,随时可用,但又无需安装卸载。(2)小程序与网页对比运行环境的不同小程序: 小程序的运行环境是基于浏览器内核完全重构的一个内置解析器,针对性做了优化,配合自己定义的开发语言标准,提升了小程序的性能。 脚本内无法使用浏览器中常用的windo原创 2021-05-27 09:14:00 · 745 阅读 · 0 评论