小程序
曾曾曾同学
这个作者很懒,什么都没留下…
展开
-
H5跳转小程序
H5跳转小程序原创 2023-02-22 13:30:18 · 402 阅读 · 0 评论 -
微信小程序跳转公众号链接
小程序跳转微信公众号文章,是通过web-view实现的。1.web-view会默认自动打开所跳转的页面,但我们一般项目需求是点击某一按钮或下一步进行跳转,所以在小程序中我们需要新建一个页面来承载web-view在页面点击按钮后跳转至承载页面,就可打开公众号页面...原创 2021-10-12 11:02:18 · 4320 阅读 · 4 评论 -
小程序 苹果 X,XR等机型 小黑条适配
问题:小程序底部的自定义tabBar,是用的小程序官方custom-tab-bar 组件。xr等机型下,因为有小黑条,去预约区域会被遮挡住。在其他机型下是可以正常显示的。xr机型下:其他机型下:解决方法:使用微信官方API,getSystemInfo()中的safeArea对象进行适配safeArea参数详情:1.通过getSystemInfo方法获取到screenHeight和safeArea.bottom 参数,然后两数相减,即获取底部多出的高度。 wx.getS...原创 2021-09-13 15:23:34 · 418 阅读 · 0 评论 -
微信小程序中使用icon
一、挑选icon,生成文件1、打开阿里iconhttps://www.iconfont.cn/选中图标 ,添加至购物车2.将项目下载到本地3.下载文件的目录结构二、转换ttf文件(原因:小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后引用。进入https://transfonter.org/平台 点击Add fonts,添加iconfont.ttf 3....原创 2021-09-09 17:47:04 · 4083 阅读 · 0 评论 -
微信自定义tabBar层级z-index修改
需求:遮罩层要遮住底部tabbar;解决方案:使用小程序自定义tabBar,参考链接如下:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html修改index.html,index.css,将cover-view 替换成view,cover-image替换成image。这样就可以修改z-index了。因为cover-view和cover-image的层级特别高,之前试了各种方法,都无法改原创 2021-08-20 11:25:11 · 1189 阅读 · 0 评论 -
微信小程序自定义tabBar详解
该篇文章自定义小程序tabBar,是下载的官方例子进行合并的;官方例子下载:官方案例下载案例目录:1、将custom-tab-bar 组件放到根目录下(一定要放在根目录下)2、在custom-tab-bar中的index.js下,配置相关参数3.同样的,在app.json 中也要配置相关参数,同时将custom设置为true4、再将放入下面的方法放入onShow方法中,修改selecetd参数下标至此,就就算完成啦!...原创 2021-07-09 16:13:52 · 543 阅读 · 0 评论 -
小程序地图多点标记 marker
记录如何设置小程序多点标记,从标记点跳转到详情页面,以及中途遇到的问题;标点数据从后台获取,先上完整的代码;xml:<map id="myMap" markers="{{markers}}" show-location include-points="{{markers}}" bindmarkertap="toaddress" bindcallouttap="toaddress" wx:if="{{原创 2020-11-19 18:52:11 · 2602 阅读 · 0 评论 -
小程序中识别二维码的问题
1、小程序里是没法识别除了该小程序的二维码图片以外的图片。2、识别图片时,可以使用previewImage,预览图片识别。原创 2019-05-15 17:43:17 · 4027 阅读 · 0 评论 -
小程序如何访问外部链接
个人类型和海外类型的小程序不支持 web-view标签也就是说个人申请的小程序,就别想跳转了!!!!1. index.wxml (按钮页面)<view class='wrapper'> <button class='wepay' bindtap='goBaidu'>点击跳转</button> </view>2.o...原创 2019-05-15 17:38:40 · 3726 阅读 · 0 评论 -
英德小程序遇到的困难以及解决
1.在小程序中打开地图;wx.openLocation({ //需要打开地址的经纬度 latitude: 24.29702, longitude: 113.40639, scale: 17, // 缩放比例 }) 2、在小程序中打开拨打电话 wx.makePhoneCall({ phoneNumber: 150...原创 2019-05-15 17:22:55 · 142 阅读 · 0 评论