随笔分类 - 小程序
主要记录一些小程序开发过程中出现的问题
摘要：.btbox{display: flex;position:absolute;top: 67%;width: 70%;margin-left: 15%;} <view class="btbox"> <image src="../../images/mercer/sh.jpg" mode="width
阅读全文
摘要：今天来说一下怎么显示地图并获取经纬度（获取到经纬度后显示地图） 首先我们先创建一个项目结构如下 我们先来看一下wxml代码 <view class="container log-list"> <map id="map" longitude="{{jd}}" latitude="{{wd}}" sty
阅读全文
摘要：1、效果展示 2.关键配置 3、关键代码 1）WXML文件 <button>获取用户唯一标识openid</button> openid:{{openid}}session_key:{{session_key}} 2）JS文件 const APP_ID ='';//输入小程序appid const
阅读全文
摘要：老规矩，先看效果图 通过上图我们可以看到我们成功的获取到了小程序的openid，而这里获取openid是借助php后台获取的。 我们的php核心代码，只有下面10行 下面就来讲讲具体的实现步骤。 一，首先要搭建一个可以本地访问的php后台 二，编写php代码 只需要创建一个如下图所示的简单的php文
阅读全文
摘要：1、获取当前位置经纬度 onLoad: function (options) { var that = this; campaign_id = campaign_id wx.getLocation({ type: 'wgs84', success: function (res) { console.
阅读全文
摘要：文章出处：https://www.cnblogs.com/zishang91/p/8507485.html 在vue里就有vue-lazyload插件，直接一条代码完事了，而这里只能自己写了，好了说正事儿，先看效果： 思路是这样的：图片列表展示数据是一个数组，在后台请求回来数据时我们定义一个和图片列
阅读全文
摘要：1、首先在data里定义一下返回数据data,和翻页的页数pagenum 2、具体的请求过程，包含新老数据的数组合并，实现数据实时更新 3、翻页时更新页码pagenum+1，并触发新一轮请求，和第2部形成循环。 4、json 页面设置 5、php后端代码 6、wxml页面
阅读全文
摘要：需要对小程序默认的图片样式进行覆盖： <image class="test_image" mode="widthFix" src="../../images/ai.png"></image> .test_image{width:100%;}
阅读全文
摘要：根据官方文档方法：navigateToMiniProgram，一个小程序跳转到另一个小程序，检查语句没问题，但点击没反应，也没有弹窗确认提示 wxml js 解决方法： 需要在app.json文件加上配置 navigateToMiniProgramAppIdList
阅读全文
摘要：小程序开发中出现Failed to load font ，但加载的文件路径没问题的。 检查后发现：在请求头Response Headers中，加载第三方字体请求相应中有Access-Control-Allow-Origin。这是需要后端配置的，允许跨域请求。 header("Access-Contr
阅读全文
摘要：在小程序中要实现锚点定位，需要使用到组件 scroll-view 点击查看 scroll-view 组件官网文档 需要用到的是 scroll-into-view 这条属性，这条属性的官网解释是这样的： scroll-into-view String值应为某子元素id（id不能以数字开头）。设置哪个方
阅读全文
摘要：1.wxml布局样式 2.wscc样式 3.js
阅读全文
摘要：1.getPhoneNumber这个组件通过button来实现（别的标签无效）。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。 <input type='text' name='phone' value='{{pho
阅读全文
摘要：onShareAppMessage: function () { return { title: '青龙全国千场防水补漏技术交流会签到处', path: '/pages/index/index', imageUrl: '../../images/p1.jpg', } }
阅读全文
摘要：原因是调用了官方代码WxParse.wxParse去解析页面内容，里面有个JS文件名叫:html2Json.js 找到下面代码： 将代码里面的注释掉就OK了，原因是部分安卓手机不支持console.dir 这个方法：
阅读全文
摘要：最近在做小程序开发，复制官方文档上的swiper组件实测后发现，图片不能自适应。网上找了几个版本测试都发现存在一些小问题，目前这个版本本人实测是最好用的。记录一下，方便日后使用。 感谢原创大神的帮助，文章地址：https://www.cnblogs.com/wangyihong/p/8610956.
阅读全文
摘要：首先去 https://github.com/icindy/wxParse 下载wxParse，只拷贝wxParse文件夹即可。 1、引入wxss 2、引入wxml 3、引入js并加载数据 4、经后期测试发现，引入wxParse后，会导致部分安卓手机不能显示页面的数据的问题，解决方法见我另一篇文章：
阅读全文
摘要：不多说，直接上代码： wxml页面： <!--收起折叠 begin--> <view style='width:100%;background:#fff;border-top:1px solid #d7d7d7;'> <view style='float:left;width:200px;heigh
阅读全文
浙公网安备 33010602011771号