分类归档

小程序

FWQ
小程序
小程序中button以及滚动条默认样式如何清除(代码)
本篇文章给大家带来的内容是关于小程序中button以及滚动条默认样式如何清除(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 实现如下图所示的效果,用四个button实现:         在编写样式的时候,总是清除不了button的圆角和边框,神魔恋!         其实,我们可以查看button的默认样式来解决它;我们创建一个button,查看style,我们发现了问题        原来小程序的button自带的border-radius和border等属性,不是直接给button设置相关属性,而是用button::after设置的,所以要清除这两个默认样式,不能直接设置button的样式,要在button::after中去清除这几个样式,但是清除样式的css语句最好写在wxss文件的最开始部分,写在wxss的最后会清除自己给button设置的相关样式。代码如下: button::after{ border-radius: 0; border: 0; } 登录后复制        另外一个坑就是在 button::after中设置border-left的值可以给每个button加上左边框,如果设置border-right的值,这条边框线线只会显示在积分和账户余额之间。   清除scroll-view的滚动条  …
2024-11-25 阅读全文 →
FWQ
小程序
小程序二维码哪里查看
小程序二维码哪里查看? 登录微信小程序后台,在设置–基本设置里的小程序码及线下物料下载里查看下载小程序二维码 以上就是小程序二维码哪里查看的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序中如何实现分享功能 (代码示例)
本篇文章给大家带来的内容是关于小程序中如何实现分享功能 (代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 因为小程序中多个页面都会使用分享,需要我们把分享功能,单独写在一个公用的文件中。util.js 文件中。//分享功能 const shareEvent = (option, obj) => { let shareObj = { title: obj.title, path: obj.path, imgUrl: obj.imgUrl, success(res){ // 转发成功之后的回调     if (res.errMsg ==…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发之报警排查
概要说明 微信公众平台已对外开放报警,当微信服务器向开发者推送消息失败次数达到预定阈值时,会将报警消息发送到指定微信报警群中(设置方式:公众平台->开发者中心->接口报警),请开发者积极主动关注报警,即时解决故障,提高微信公众号的服务质量。 为了更好地根据报警信息尾部的实例(提供了openid及stamp)进行问题排查,开发者需要在接入层、逻辑层等每一个层级都加上包含关键信息的详细日志,以利于快速定位问题。 报警目前有2类: 1.通用报警,所有开发者都需要关注。 2.公众号第三方平台报警,只有在微信开放平台(open.weixin.qq.com)上申请成为公众号第三方平台的开发者,才需要关注此报警。 下面对具体的报警做示例以及排查指引说明。 报警内容说明 报警内容描述: a)appid:公众号appidb)昵称: 公众号昵称c)时间:所有报警,都会提供首次发生异常的时间。(如首次发生超时的时间,首次发生回应失败的时间)d)内容:错误的具体描述e)次数:发生失败的次数f)错误样例:错误样例里注明了一些帮助查找问题的信息。如:首次超时开发者的IP和推送消息类型。如果是回应失败,错误样例还会注明首次回应失败时开发者的回包。 一般情况下,通过报警提供的IP,时间,消息类型,能够比较快速的定位到第三方发生问题的原因。 报警示例1:超时报警 Appid: wxxxxxx昵称: WxNickName时间: 2014-12-01 20:12:00内容: 微信服务器向公众号推送消息或后,开发者5秒内没有返回次数: 5分钟 1272次错误样例: [IP=203.205.140.29][Event=UnSubscribe] 该报警表示:微信服务器向开发者推送取消关注事件时,开发者没有在5秒内返回结果。在2014-12-01 20:12:00-2014-12-01 20:17:00这5分钟内发生了1272次。其中这5分钟内第一次发生超时的时间是:2014-12-01 20:12:00, 开发者的IP是:203.205.140.29,事件类型是取消关注事件。 报警示例2:回应失败…
2024-11-25 阅读全文 →
FWQ
小程序
分享微信小程序之文件结构目录解析
在微信开发者工具中添加项目并勾选创建默认小程序,系统给我们自动创建的小实例是第一个页面显示我们的头像、昵称还有hello world的文本,点击头像跳转到另外一个页面显示启动日志,效果如下:进入【编辑】选项,你会看到如下目录结构: 在图中的目录可以看到几种文件格式:.wxml、.js、.json、.wxss、其中:.wxml—页面结构文件;.js—脚本文件,包含页面/程序的声明周期函数,一些wxml页面的监听函数的实现也是在这个文件里面编写的;.json—配置文件;.wxss—样式表; 从大的方向来看,根目录下包含pages,utils目录和app.js app.json,app.wxss等内容。1.pages目录      1.1新增页面并进行配置 pages—包含页面文件,如要在项目中添加页面,要在pages目录先,新建一个子目录如上图的index目录,目录中要包含.wxml .js 这两个是必须的,还有.json .wxss是可选的。             而且这几个文件的文件名是一致的,后缀名不相同。新建新的页面文件之后,还需要在app.json文件中配置页面路径,否则程序是找不到这个页面的相关文件的,如我要新建一个叫做myNewPage的页面,页面中包含一个图片,我要这样做:新建之后我要在app.json文件中的pages数组下配置页面: {  "pages":[  "pages/newPage/myNewPage",  "pages/index/index",  "pages/logs/logs"  ],  "window":{  "backgroundTextStyle":"light",  "navigationBarBackgroundColor": "#fff",  "navigationBarTitleText": "WeChat",  "navigationBarTextStyle":"black"  } …
2024-11-25 阅读全文 →
FWQ
小程序
从前端的角度来梳理微信支付的流程
梳理的流程 推荐: 因业务需要,开发微信支付功能,涉及三种支付方式: JSAPI 支付:微信内网页支付,需要开通微信服务号 小程序支付:在小程序中支付,需要开通小程序 H5 支付:在手机浏览器(出微信内网爷)中网页支付 使用微信支付的前提必开通微信商户号,要使用到那种的支付方式要前需在商户平台开通(要审核)。 支付的钱最终都会到商户号里(一般由公司财务开通)。 立即学习“”; 开发微信支付的过程中大大小小坑还是踩了不少,终于做完了,整理下开发流程。 参考: 微信支付-接入指引 微信支付-开发文档 小程序支付 开发流程 小程序端请求创建订单接口,后端统一下单获取 orderId 并返回 小程序端获取通过wx.login()获取code 小程序端拿这code和orderId请求后端接口,获取支付所需数据 获取支付所需数据之后,小程序端调用wx.requestPayment()接口,直接调用起支付页面 判断是否支付成功后的逻辑 伪代码 async function wxPay(goodId)…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发中Android请求失败如何处理
我当时遇到的情况是,在模拟器和IOS环境下请求数据都是没有任何问题的,在测试android环境时发现请求失败如下图 这个错还让我跟运维的大哥撕了半天哈哈, 首先出现这个错,兄弟这个锅完完全全就能甩给运维的大哥,不留任何余地。 然后可以帮大哥提供一写资料,一步步排查,先查你项目绑定域名: 1、https证书问题 :ssl证书配置需要使用pem,不使用crt, , 2、服务器端的版本信息:TLS版本的问题,该问题在微信小程序官方文档中已经提及到,服务器TLS版本必须支持 1.2 (启用1.2,禁用1.1和1.0等低版本), 3、前两种方法是在查阅资料有人说是可解决的,但是对于我们公司最后在排查前两项之后,运维大哥用Nginx转发了之后,解决了安卓请求失败的问题。希望可以帮到大家吧~ 相信看了本文案例你已经掌握了方法,更多精彩请关注米云其它相关文章! 推荐阅读: 以上就是微信小程序开发中Android请求失败如何处理的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发–wx.request异步封装实例教程
这篇文章主要介绍了微信小程序 wx.request方法的异步封装实例详解的相关资料,需要的朋友可以参考下 wx-promise-request 是对微信小程序 wx.request 方法的异步封装。 解决问题 支持 Promise (使用 es6-promise 库)。 管理请求队列,解决 request 最大并发数超过 10 会报错的问题。 下载 npm install wx-promise-request 登录后复制 然后拷贝 dist/index. 文件到你的小程序项目中。 使用 import {request} from './wx-promise-request'; request({  url: 'test.php',  data: {…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中echarts的用法和可能遇见的坑,快来收藏避雷!!
本篇文章给大家分享一些微信小程序中使用echarts的使用方法和问题总结,让大家可避坑踩雷,希望能够给大家提供帮助! 微信小程序的使用方法和一些避雷踩坑的问题,希望能够给大家提供帮助 微信小程序中使用echarts 一、下载小程序版的echarts 下载地址:https://github.com/ecomfe/echarts-for-weixin 二、使用步骤 1.引入项目依赖 将微信小程序版 echarts 从 github 上拉下来后,将文件里的 ec-canvas 文件复制一个到自己项目里,实际就是微信小程序版 echarts 的依赖文件。 【相关学习推荐:】 2.引入库 在使用的 echarts 的页面的 json 文件中引入 echarts ,引入的路径根据自己的项目结构来引入 在全局配置文件 app.json 里引入也可以,这样就全部页面通用,不用一个个页面引入,当多个页面使用…
2024-11-25 阅读全文 →
FWQ
小程序
小程序如何使用wxs计算获取到的数据
本篇文章介绍了小程序中使用wxs计算获取到的数据,通过wxs代码可以将写好的事件函数暴露出去并在wxml中进行调用。 小程序如何使用wxs计算获取到的数据 对于已经获取的数据往往还需要一点点小的计算,比如说两个数相除只取两位小数。 wxs常用于数据处理。 WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。情况一 在使用的wxml中写适用于只在此文件中使用的模块定义 step、1定义这个模块 写好事件处理函数 并且暴露出去 var getEvery = function(totle,each) {     var eachPrice=(totle/each).toFixed(2);     return eachPrice;  }   module.exports.getEvery = getEvery; 登录后复制 (推荐学习:) 此代码写在了wxml文件中 每一个 .wxs 文件和 标签都是一个单独的模块。 每个模块都有自己独立的作用域。…
2024-11-25 阅读全文 →