
小程序js
H_c_l
这个作者很懒,什么都没留下…
展开
-
小程序与vscode与sass的连用
添加链接描述转载 2020-07-25 14:44:47 · 347 阅读 · 0 评论 -
微信小程序自定义状态栏
首先修改 app.json文件中的 windows字段如下:{ "pages": [ "pages/index/index" ], "window": { "navigationStyle": "custom" }}为了避免遮挡用户手机顶部状态栏,还需要获取用户手机状态栏的高度,并在在每个页面中添加一个占位用的 view标签来防止遮挡用户状态栏。在 app.js文件添加如下代码:App({ onLaunch: function原创 2020-07-09 14:08:45 · 1880 阅读 · 0 评论 -
小程序中textarea层级最高的结局办法
在小程序中textarea层级比较高,当底部有fiexd定位的时候或出现文本框中的文本穿透显示出来,解决办法是在texarea标签下面添加一个view或者text标签来和texarea标签替换使用<view class='textarea_wrap'> <textarea class='resource-textarea' wx:if='{{...原创 2020-04-15 22:27:21 · 340 阅读 · 0 评论 -
微信小程序保存图片到相册授权被拒绝后重新拉取授权wx.opensetting的使用方法
近期开发过小程序的童鞋应该已经知道,小程序某些接口已废弃,改用新的接口。比如wx.getUserInfo()、wx.authorize()、wx.openSetting()等都将废弃,拉起不了用户授权界面。而它们被统一集成在button组件里的一个open-type属性里面,也就是说,小程序为了更好的保护用户隐私,大部分涉及到授权的问题,都需要引导用户主动去授权,而不是强制被授权。下面就主要来讲怎...原创 2020-03-07 17:49:34 · 1630 阅读 · 1 评论 -
微信小程序锚点定位使用教程
在商品详情页面,一般会有商品图显示、商品主要信息、评价、商品详情等,这时候最好是在最上面加上导航,点击导航定位到对应的页面位置。比如在京东的商品详情页面,对于一般的PC端网页,只需要使用 ,然后在地址栏最后加上#element_Id,就能很方便的跳转到该元素的位置。1.将page的高度设置为100%;2.导航下面的内容部分必须用 包起来3.设置scroll-view的高度=屏幕的高度-...原创 2020-03-06 13:55:53 · 1918 阅读 · 0 评论 -
微信小程序使用高德地图API获取准确定位地址描述
wxml<button bindtap="getLocation">获取定位</button>const app=getApp()const amapFile=require('../../js/amap-wx.js')Page({ data:{ address:''//定位地址 } //获取定位 ,getLoc...原创 2019-10-30 11:34:30 · 2207 阅读 · 0 评论 -
小程序对象不去重合并
未合并合并代码块 myFunction(arr) { const self = this var res = {}; for (var v of arr) { for (var k in v) { if (res[k] === undefined) { ...原创 2019-10-08 17:27:13 · 312 阅读 · 0 评论 -
微信小程序API——获取定位
其实获取定位很简单,我们直接调用微信的接口wx.getLocation,结果会返回给我们一个json数组,结果就像上图一样,数组中包含各种属性,我们最需要的就是经度(longitude)和纬度(latitude),我们获得了当前位置的经纬度就可以调用高德地图的API,把我们的经纬度传上去,之后就能够获得高德地图给我们返回的信息。首先我们需要从高德地图的官网上下载一个微信小程序SDK下载地址v...原创 2019-09-20 15:00:07 · 379 阅读 · 0 评论 -
适合vue的富文本框
直接做成一个组件,在需要的地方直接调用即可,能够自动将内容转换为带有标签<template> <div class="editor-wrapper"> <div :id="editorId" class="editor-div"></div> </div></template><s...原创 2019-08-31 15:50:07 · 1346 阅读 · 1 评论 -
微信小程序实现无限滚动列表
wxml<!-- 底部排名 --><!-- vertical滑动方向是否为纵向 --><!-- autoplay是否自动切换 --><!-- circular是否采用衔接滑动 --><!-- interval自动切换时间间隔 --><swiper class="tab-right" vertical="true" aut...原创 2019-08-28 14:15:42 · 1294 阅读 · 0 评论