![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
南城夏季
一路浅行
展开
-
h5在小程序中调用微信扫码功能
目前扫码模块是用原生小程序写的页面,登录和之后跳转的页面都是通过webView嵌套在小程序里面的h5。原创 2023-02-28 14:53:55 · 2079 阅读 · 0 评论 -
原生小程序怎么在wxml标签中绑定js变量
index.wxml<view class="container"><!--通过{{}}绑定变量--><web-view src="{{'https://www.baidu.com'+pathUrl}}"></web-view></view>index.jsconst app = getApp()Page({ data: { pathUrl:'' }, onLoad(options){ if(optio原创 2022-04-20 10:12:25 · 454 阅读 · 0 评论 -
小程序接口安卓报401,ios正常
这种情况可能是因为接口不需要传递Authorization,但是前端传递了Authorization并且是空,把Authorization去掉就可以了。原因其实是后端接口对Authorization做了判断原创 2021-04-13 17:37:13 · 497 阅读 · 0 评论 -
小程序自带的关闭按钮距离顶部的距离(设置按钮与其对齐)
目录1.情景2.官方api3.方案4.效果1.情景很多时候,需要使轮播在顶部,并且占有更多的视图区,就需要去掉导航栏,在轮播上加一个浮动的返回按钮,为了好看,就需要使得自定义按钮跟自带的关闭按钮对齐2.官方apiObject wx.getMenuButtonBoundingClientRect()基础库 2.1.0 开始支持,低版本需做兼容处理。获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点。返回值Object菜单按钮的布局位置信息属性 类型 说明wi原创 2021-02-02 10:05:37 · 2428 阅读 · 0 评论 -
css 画半圆按钮
方式1:半圆的颜色和主内容的颜色一样css: 这是小程序的样式,在网页上把rpx换成px.nav-top{ text-align: center; background: #FFE6E6; width:530rpx; margin: 0 auto; border-radius: 30rpx; .btn-nav { width: 170rpx; text-align: center; height: 60rpx;原创 2020-12-05 13:46:13 · 1683 阅读 · 0 评论 -
微信公众号通过会话框进入页面获取localStorage为空的bug
问题:如果点击公众号的菜单进入详情是能获取到 localStorage的,但是通过公众号返回的链接进入详情,拿到的localStorage为{}分析:【可能原因1】-存储时间短:看网上有说,localStorage在微信上存储时间只有6 7分钟,但是我第一次点击进去,存储了本地数据后,马上重新进去,还是获取为空。【可能原因2】-取出的是json格式,不是对象:如果你是用对象格式存进本地数据的,那么取出来的确实是json字符串,需要用JSON.parse(localStor...原创 2020-09-24 14:35:41 · 1560 阅读 · 0 评论 -
axios请求报 Request failed with status code 404
这种情况是没有配置代理: config\index.js,里面配置:module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { // /users/**表示有三级路由 '...原创 2020-02-23 15:05:12 · 6327 阅读 · 0 评论 -
mpvue中怎么使用iview-weapp
1.去github下载iView Weapp 的dist文件夹,https://github.com/TalkingData/iview-weapp。2.将下载好的dist文件夹放入要做的项目的根目录static下,同时将dist文件夹改名字为iview(不改也可以,我这里是为了区分)。3.在src下面的main.js中写入下面代码export default { // 这...原创 2019-11-06 23:35:01 · 223 阅读 · 0 评论 -
vue 一个方法同时请求多个接口,怎么控制顺序?在下一个接口获取前一个接口返回的值为空,怎么解决
需求:在点击一个按钮的时候,需要请求接口s1将页面上的城市A转换为对应的城市三字码B,然后再用这个三字码B去请求另外一个接口s2,拿到返回信息C。困境:在实际项目中我发现,在接口s2中无法拿到接口S1中的B。我们可以在接口s1里面取到B的值,但是在外面无法取到。分析:应该是接口请求的顺序问题,运行过程中会优先请求S2,再请求S1,所以,在s2中取B的值时,此时,B还未赋值,所以...原创 2018-09-06 17:05:01 · 39134 阅读 · 4 评论 -
mpvue小程序里面navigator点击不跳转分析
1.一般这种情况是路径没有配置对,并且控制台会报错。2.你配置的路径是tabbar里定义的路径,控制台不报错,但是也不会跳转,这个时候如果你需要在导航和tabbar同时跳转,需要加个属性:需要注意的是,当你路径变成非tabbar路径时,需要把这个属性去掉open-type="switchTab"以下是实际代码:<navigator open-type="switchTab" url="...原创 2018-06-20 17:29:52 · 3018 阅读 · 0 评论 -
微信小程序最新的腾讯插件报错处理和实例代码
出门在外,免不了查询地图的需求!为了帮助开发者们进一步“减负”,腾讯地图的插件添加了路线规划的能力,主要解决“向用户展示从A到B路线”的问题。使用插件的正确姿势究竟是什么呢?今天我们给大家介绍——腾讯地图插件的能力。原创 2018-06-26 12:15:18 · 4250 阅读 · 3 评论 -
mpvue小程序navigator中url 怎么写
先看下目录结构吧要从index跳转到expert。代码演示:首先在最外层的main.js配置路由:需要注意的是,配置路由的时候要写到当前文件夹中js所在的路径。再在跳转的组件中写:...原创 2018-06-19 10:53:25 · 5089 阅读 · 1 评论 -
入手mpvue之一:快速搭建一个mpvue结构并新建一个组件后,小程序报错未正确调用page 或page[]未发现组件
背景: 公司项目重构,要把之前用wepy做的小程序重新用mpvue来做,短期来说又是一次阵痛,又需要一个过渡期来适应新的框架,但长期来说还是值得的,因为以后要做多端适配的时候可以只用一套代码,微调下就行了,相对来说成本更低。实战:快速构建项目:# 1. 先检查下 Node.js 是否安装成功$ node -vv8.9.0$ npm -v5.6.0# 2. 由于众所周知的原因,可以考...原创 2018-06-07 00:01:23 · 3845 阅读 · 2 评论 -
微信小程序在同一页面出现多个普通选择器怎么区分,有demo代码
看到很多人在问这个问题,我来写一下吧wxml:<view class="container log-list"><!--身份选择1 --> <view class="section identity-select"> <picker bindchange="bindPickerChange" value="{{inde原创 2018-06-07 11:45:13 · 2893 阅读 · 1 评论 -
怎么设置点击按钮改变小程序页面的背景颜色
wxml:<view class="container log-list" style="background-color:{{pageBackgroundColor}}"> <view> <view class="top-title">直销部日报标准: </view> <!--日期选择 --&原创 2018-06-07 15:46:25 · 5862 阅读 · 1 评论 -
mpvue怎么使用第三方样式weui
当我们新建一个mpvue项目后,我们需要在项目的/src/main.js 中引入 weui.css,地址https://github.com/KuangPF/mpvue-weui/blob/master/static/weui/weui.css;使用:search这部分是利用小程序input组件实现,在下面的示例中主要使用了focus和bindinput两个属性,由于mpvue从底层支持 Vue....原创 2018-06-14 16:19:11 · 18709 阅读 · 2 评论 -
mpvue怎么使用iconfont
1.首先去阿里巴巴矢量图标库区把你要图标加到购物车阿里巴巴矢量图标网http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.22.把选好的图标下载到本地3.然后把下载好的几个文件加到项目里面。4.去配置文件去app.vue里面全局配置字体文件也可以在main.js里面配置,配置如下:import './style/iconfon...原创 2018-06-14 17:31:58 · 3473 阅读 · 0 评论 -
如何获取小程序picker表单普通选择器的值
今天用小程序的picker组件时,遇到遇到了picker组件的坑,相信很多不仔细看官方文档的同学们也会遇到,这里就简单记录下:官方文档上写了value是下标不是值;valueNumber0value 的值表示选择了 range 中的第几个(下标从 0 开始)官方提供的例子:console.log('picker发送选择改变,携带值为', e.detail.value)打印结果如下:官方这里有个误导...原创 2018-06-02 00:44:36 · 14129 阅读 · 10 评论 -
picker小程序picker组件里面同时有几个选择器怎么设置才能不相互影响
记录下自己使用picker组件遇到的一些小问题,以及自己使用的解决方法,这个方法应该不是唯一,大家有更好的方法也可以提出来一起参考下。如果有多个选择器的话,而且没有改相应的一直参数,当你选择第一个选择器的第n个值的时候就会同时控制另外一个选择器的第n个值被选中,这就不能被我们正常使用了,下面说下要改的参数:红色的是修改的,具体每个对应什么,大家看一下官方文档picker组件就清楚了。wxml: ...原创 2018-06-02 16:24:44 · 5715 阅读 · 4 评论 -
mpvue 怎么写轮播图,直接用小程序的swiper组件就行了
目前用mpvue很多第三方的ui库是引入不了的,因为它不支持含有dom操作。那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了:原创 2018-06-09 22:35:59 · 10017 阅读 · 0 评论 -
微信小程序 swiper组件详解及实例代码
微信小程序 swiper组件常用属性:效果图:wxml123456789101112<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}} " bindchange="bindchangeTag"> &l转载 2018-04-18 19:11:42 · 3561 阅读 · 0 评论