![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信开发
梦想退休的许小姐
这个作者很懒,什么都没留下…
展开
-
小程序 · 用户头像昵称调整
【代码】小程序 · 用户头像昵称调整。原创 2022-10-14 17:54:44 · 629 阅读 · 0 评论 -
小程序 · 关闭云开发
关闭云开发原创 2022-10-14 17:25:27 · 575 阅读 · 0 评论 -
企业微信 · 剪切板:复制
copy(){ wx.setClipboardData({ data: this.url, success:(res)=>{ this.$vux.toast.show({ text:"复制成功", type: "text", width: "60%", isShowMask: true, .原创 2022-02-16 17:24:51 · 1052 阅读 · 0 评论 -
小程序 · 组件刷新
方法一<comTem id="comTem" ></comTem>onReady(){ this.selectComponent("#comTem").comFun();}但是以上方式有个问题,那就是只有在第一次进入pageA页面的时候才会执行刷新,当从其他页面返回到pageA页面时onReady 不在执行,无效。如果想要每次返回都执行,在小程序的生命周期函数周只有onShow,可是使用onShow会因为组件,页面没有渲染完成导致 this.selectCompon原创 2021-12-21 14:36:57 · 3329 阅读 · 0 评论 -
小程序 · 手机号码中间四位隐藏
<!-- 使用wxs 手机号码中间四位显示为*号 --><view>{{text.getPhone(item.phone)}}</view><wxs module="text"> var getPhone = function (val) { var phone = val.substring(0, 3) + '****' + val.substring(7); return phone; }module.exp原创 2021-12-21 14:23:01 · 1319 阅读 · 0 评论 -
小程序 · 复制粘贴
wx.setClipboardData({ data: 'data', success (res) { wx.getClipboardData({ success (res) { console.log(res.data) // data } }) }})使用:<button class="weixin" bindtap="onClickCopy" data-weixin="{{dataDetail.weixin}}">原创 2021-12-21 13:57:18 · 578 阅读 · 0 评论 -
小程序 · 拨打电话
wx.makePhoneCall({ phoneNumber: '1340000' //仅为示例,并非真实的电话号码})使用<button class="btn" bindtap="onClickPhone" data-phone="{{dataDetail.mobile}}">立即沟通</button> onClickPhone(e) { let phone = e.currentTarget.dataset.phone wx.makePhoneC原创 2021-12-21 13:51:02 · 161 阅读 · 0 评论 -
小程序 · 客服
<button open-type="contact" bindcontact="handleContact"></button>Page({ handleContact (e) { console.log(e.detail.path) console.log(e.detail.query) }})方法一:在商品详情里面点击客服的时候,跳转到客服界面,有点类似分享商品出来然后咨询<button open-type..原创 2021-12-21 11:42:27 · 497 阅读 · 0 评论 -
小程序 · H5跳转小程序
方法一:通过服务端接口或在小程序管理后台「生成 URL Scheme」在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme生成的 URL Scheme 如下所示:weixin://dl/business/?t=1qFTj3VcOqc开发者需要使用 H5 页面中转,再跳转到 Scheme 实现打开小程序,跳转代码如下:location.href = 'weixin://dl/business/?t=1qFTj3VcOqc'参考:原创 2021-11-29 16:59:20 · 1794 阅读 · 2 评论 -
小程序 · 隐藏滚动条
来自2020年的我为你们解答,先用标签包裹,再设置::-webkit-scrollbar{width: 0;height: 0;color: transparent}赞 1回复焽焽2020-09-17使用标签scroll-view包裹,再设置scroll-x='true’横向滚动原创 2021-11-17 13:57:48 · 227 阅读 · 0 评论 -
小程序 · 自定义组件
创建自定义组件在components文件夹右击–>创建文件夹–>右击–>新建component即可 创建一个组件com.wxml<!-- 这是自定义组件的内部WXML结构 --><view class="inner"> {{innerText}}</view><slot></slot>com.jsComponent({ properties: { // 这里定义了innerText属性,属性值可以原创 2021-10-28 16:40:08 · 93 阅读 · 0 评论 -
小程序 · 遮罩层:阻止事件冒泡、禁止滑动
目录方法一:方法二:阻止事件冒泡禁止滑动方法一:html<!-- 遮罩层 --><view class="mask" wx:if="{{hasMask}}" bindtap="hideMask">我是遮罩层</view><view class="content" wx:if="{{hasMask}}">我是页面内容</view>js data: { hasMask: false, }, showMask(e) {原创 2021-10-26 15:24:09 · 1650 阅读 · 0 评论 -
小程序 · rich-text
html <rich-text class="content" nodes="{{node}}">rich-text>js data: { node: `<div class="div_class"> <h1>Title</h1> <p class="p"> Life is <i>like</i> a box of <b原创 2021-10-26 11:51:17 · 238 阅读 · 0 评论 -
小程序 · 在a页面中引入b页面以及点击事件
功能:在a页面中引入b页面以及点击事件解决方法:1.首先在a中引人b.wxml文件:分两种。includ和import。include和import区别2.然后在a中引入b.js。这里就需要在b中使用module.exports来暴露相应的方法。才能让在a中点击b页面时事件生效。这里就涉及到了如何绑定page{ }外定义的方法为响应事件。具体代码参考如下a.wxml:<include src="../b/b.wxml"/>a.js:var bJs = require('../原创 2021-10-14 17:39:44 · 374 阅读 · 0 评论 -
小程序 · 分享转发
js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。只有定义了该函数,小程序右上角的菜单中才会有转发按钮用户点击转发按钮的时候回调用该函数该函数内需要 return 一个 Object,Object中包含转发的信息(可自定义转发的内容)页面中有可以触发转发时间的地方有两个:一个是右上角菜单中的转发按钮 另一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他原创 2021-10-14 16:58:00 · 186 阅读 · 0 评论 -
小程序 · Animation——淡入淡出动画效果
淡入淡出动画效果WXML <!-- 加入居民提示 --> <view class="add-tip" animation="{{animationData}}" wx:if="{{addList.length>0}}"> <view class="add-left-icon"> <image class="" src="{{addCurrent.avatar}}" mode="scaleToFill" /> </vie原创 2021-10-14 16:17:36 · 3304 阅读 · 0 评论 -
小程序 · 轮播图——上下滚动消息、禁止滑动
swiper禁止滑动的方法方法一:在swiper-item增加一个catchtouchmove方法wxml:<swiper-item catchtouchmove=“stopTouchMove”></swiper-item>js:stopTouchMove: function() { return false;}方法二:在navigator里边加上一个view将他定位变成一个透明的遮罩层 <view class="page-body">原创 2021-10-14 10:10:31 · 2208 阅读 · 0 评论 -
小程序 · 设置背景图片
css中通过url获取网络图片小程序中不能使用本地图片 background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)Base64编码格式background-image:url(转换之后的base64字符串)利用流布局,设置z-index层级,将image标签置于底层//html<view class="container"> <view class="bg"> <image class="icon"原创 2021-10-13 18:12:12 · 665 阅读 · 0 评论 -
小程序 · 自定义组件引用wxss样式错乱
警告:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.解决方法:版本太低了,建议设置高版本就可以了。参考:自定义组件 /组件模板和样式原创 2021-10-13 17:57:12 · 352 阅读 · 0 评论 -
小程序 · 定时器setInterval、setTimeout
setTimeout var timeoutID timeoutID = setTimeout(function() { console.log('doSomething') }, 2000);上面就是一个2s的定时器,最基础的简单用法。这个方法也可以返回一个id,即定时器id,用来清除定时,比如:clearTimeout(timeoutID)setIntervalsetInterval与setTimeout的使用差别不大,参数都是一样的,区别就在于setTimeout是原创 2021-10-13 17:50:33 · 322 阅读 · 0 评论 -
小程序 · 授权
检查授权结果发现scope.userLocation未授权,设置授权为什么总是返回authorize:fail auth deny:wx.authorize({scope: ‘scope.userLocation’,、success: function (res){console.log(res);}, fail: function (res) { // fail console.log(res); },原创 2021-10-13 17:37:46 · 2389 阅读 · 0 评论 -
小程序 · 使用iconfont
使用GitHub或其他账号登录iconfont,将我们需要的字体添加购物车,然后再添加到新建的项目中。项目中的字体2. 点击Font class选项,查看在线链接,生成代码。点击切换到Font class3. 复制生成的代码,在浏览器中打开copy 链接(注意不要复制前面的 // )全选复制4. 复制上面所有代码粘贴到小程序app.wxss中,最后代码如下图。/app.wxss/.container {height: 100%;display: flex;flex-direct.原创 2021-10-13 14:34:16 · 360 阅读 · 0 评论 -
小程序 · 订阅消息
1、获取模板 ID在微信公众平台手动配置获取模板 ID:登录 获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用。2、获取下发权限详见小程序端消息订阅接口 wx.requestSubscribeMessage // 订阅消息授权 getMsgInfo() { let that = this // 这里是获取下发权限地方,根据官方文档,可以根据 wx.getSetting() 的 withSubscriptions 这个参数获取用户是否打开订阅消息总开原创 2021-10-12 17:21:49 · 1587 阅读 · 0 评论 -
小程序 · 腾讯地图
1、申请开发者密钥(key):申请密钥2、开通webserviceAPI服务:控制台 ->应用管理 -> 我的应用 ->添加key-> 勾选WebServiceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)3、下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.1 JavaScriptSDK v1.24、安全域名设置,在小程序管理后台 -> 开发 -&g原创 2021-10-11 10:44:19 · 585 阅读 · 0 评论 -
小程序 · 引入WeUI
通过useExtendedLib扩展库的方式引入并使用WeUI第一步,在app.json 中加入 useExtendedLib 字段 "useExtendedLib": { "weui": true }第二步,在所需要的页面的 json 文件中 加入 usingComponents 字段 "usingComponents": { "mp-uploader": "weui-miniprogram/uploader/uploader", "mp-cells": "weu原创 2021-09-16 16:01:24 · 157 阅读 · 0 评论 -
小程序 · 底部导航Tabbar
自带的底部导航在 app.json 中添加 , 所有小程序的页面都会显示出来{ "tabBar": { "list": [ { "pagePath": "pages/index/index", "iconPath":"", "text": "首页" }, { "pagePath": "pages/logs/logs", "iconPath":"", "text"原创 2021-09-16 15:57:10 · 810 阅读 · 0 评论 -
小程序 · 引入企业微信中的「在小程序中加入群聊」插件
需求: 从小程序中加入企微群添加小程序插件开发者在小程序后台添加插件,添加路径:小程序后台 - 设置 - 第三方设置 - 添加插件中,前往小程序后台,搜索ID: wx4d2deeab3aed6e5a按钮链接:https://work.weixin.qq.com/gm/7208de60acecbc86417b7a5d77bc563c注意: 小程序需要增加个类目:社交 。才能用加群聊的功能。开发者在小程序app.json 文件中添加对插件的引用"plugins": { "chatGrou原创 2021-09-15 15:56:32 · 4970 阅读 · 6 评论 -
小程序 · 引入企业微信中的「联系我」插件
需求: 通过小程序添加企业微信好友在“企业微信管理后台——客户联系——加客户——「联系我」(二维码或按钮两种联系方式进行添加)—— 新建联系方式 —— 在小程序中联系——设置绑定的成员在小程序后台 - 设置 - 第三方服务 - 添加插件中 搜索ID: wx104a1a20c3f81ec2配置ID:bee54dd25167a501c0f09d4294a7c150小程序插件接入步骤小程序app.json 文件中添加对插件的引用"plugins": { "contactPlugin": {原创 2021-09-15 13:00:03 · 4302 阅读 · 5 评论 -
小程序 · 点击事件传递参数
.wxml 中使用<view bindtap="touchAction" data-index="1">点击</view>.js 中接收touchAction: function(e) { // 传递的参数 let query = e.currentTarget.dataset['index'];}原创 2021-09-13 17:45:48 · 353 阅读 · 0 评论 -
小程序 · 遍历数组对象
用xx.forEach(item => {})。 var temDatas=[ ]; allList.forEach(item => { var sObj = { name: '', } sObj .name= item.job temDatas.push(sObj) })原创 2021-09-13 17:08:04 · 827 阅读 · 0 评论 -
小程序 · text设置line-height无效
解决方法:微信小程序 text 标签,发现设置行高后无效。解决办法就是在外层嵌套多一层 view,然后在 view 的样式中设置 line-height 属性即可。<!-- xxx.wxml --><view class='view-text'> <text class='text-content'>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</text></view> // xxx.wxss .原创 2021-09-13 11:43:06 · 1084 阅读 · 0 评论 -
小程序 · 改变placeholder颜色
wxml<input class="weui-input text-right" placeholder-class="phcolor" placeholder="请输入详细地址" />wxss.phcolor { color: red; font-size: 14px;}原创 2021-09-13 11:35:53 · 444 阅读 · 0 评论 -
小程序 · HTML内容显示
参考rich-text原创 2021-09-13 11:20:10 · 70 阅读 · 0 评论 -
小程序 · 监听页面返回
返回时弹出提示如果用户点击dddd则不需要在弹提示框<view bindtap="zuzhi">dddddddddddddd</view>data: {//isAlert:true// 通过此字段判断是否需要隐藏弹窗,默认true显示,false隐藏},onLoad: function (options) { wx.enableAlertBeforeUnload({ message: "返回上页时弹出对话框", success:原创 2021-09-10 16:51:35 · 3852 阅读 · 0 评论 -
小程序 · 上传图片
问题: 选择gif变jpg解决:wx.chooseMedia({count:count,mediaType:mediaType,sourceType:[type],sizeType: ['original'],maxDuration:60,将sizeType的压缩功能去掉就行了问题 如何禁止选中gif图片解决:目前选择图片是没有禁止选择某种格式的,只能在上传成功后处理下不允许上传什么后缀的参考:wx.chooseImage...原创 2021-09-10 16:35:37 · 107 阅读 · 0 评论 -
小程序 · map地图
报错:openLocation:fail parameter error: parameter.latitude should be Number instead of Undefined解决:latitude、longitude:Number必须是数字类型,后端返回的数据类型是string。所以需要转换下数据类型wx.openLocation({ latitude:Number(orderLatitude), longitude:Number(orderLongitude), scale原创 2021-09-10 15:49:15 · 237 阅读 · 0 评论 -
小程序 · map组件
问题:map组件设置enable-scroll=’{{false}}'后在页面不能滑动创建一个view组件覆盖在map上面,把map的点击事件放到view上面。这样当我们在滑动map的时候其实是在view上面滑动。注意:不要使用cover-view,这个和map一样不支持滑动。<view class="weui_cell_bd"> <map bindtap="openDetailMap" markers="{{markers}}" longitude="{{detail.locat原创 2021-09-02 11:56:50 · 345 阅读 · 0 评论 -
小程序 · WXS使用
自己的小程序的时候遇到了wx:if想要绑定的数据使用了indexOf()方法来判断是否需要显示,但是wx:if没有办法在绑定的数据中进行函数运算,只能进行简单的判断和加减运算。在网上搜索了一下之后发现只能将数据在JS中计算后在赋值到data中,或者使用WXS来自己写一个函数方法,然后在wxml中引用后就可以将这个方法使用在wxml绑定的数据中了WXS的定义WXS 模块WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和标签都是一个单独的模原创 2021-09-01 18:01:09 · 356 阅读 · 0 评论 -
小程序 · globalData全局变量
各个页面之间共同使用某些信息,并且可以对共享数据进行修改设置,以便于其他页面根据数据变化进行对应的调整,最好使用全局数据globalData。在app.js文件中,设置和修改globalDataapp.js//app.jsApp({ globalData: { name: '张三', age: 18 }, onLoad: function(){ this.globalData.name = '李四' }})在其他页原创 2021-09-01 17:15:47 · 502 阅读 · 0 评论 -
小程序 · 更新提示
注意,小程序的更新的api需要基础库在1.9.90以上,记得做兼容1、在app.js的onLaunch方法中使用: // methods: { //<<<------- // 版本更新 checkUpdateVersion: function () { var that = this //创建 UpdateManager 实例 const updateManager = wx.getUpdateManager() //检测版本更新 up原创 2021-09-01 16:43:18 · 143 阅读 · 0 评论