![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
X.Py
这个作者很懒,什么都没留下…
展开
-
在微信小程序中使用自定义字体【font-family】、同时在canvas
一、本地准备字体文件例如 otf文件二、上传通过网站转换成base64格式 css文件网站传送门:https://transfonter.org/用法如下三、在【app.wxss】文件中引入四、遇到的问题想在文件 canvas 中使用的话,必须在当前的文件中引入一次,才可以使用;参考链接:https://www.deanhan.cn/wx-app-add-fonts.html...原创 2022-03-15 20:46:57 · 2599 阅读 · 1 评论 -
小程序模板订阅操作【小程序订阅消息】
一、功能和消息类型可查看官网文档、链接如下:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html二、操作流程步骤一:【前端】获取模板 ID在微信公众平台手动配置获取模板 ID:登录 https://mp.weixin.qq.com 获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用。步骤二:【前端】获取下发权限一次性订阅消息、长期订阅消原创 2022-02-11 15:30:51 · 2655 阅读 · 1 评论 -
微信小程序瀑布流 先记录一下链接,过段时间在整理一下
添加链接描述原创 2021-08-26 20:56:35 · 261 阅读 · 0 评论 -
微信小程序怎样创建formdata对象,并通过 wx.request 发送file文件
一、场景业务需求,微信小程序需要选择本地的一张照片file,通过接口发送给服务器。问题:因涉及到域名安全问题,不能使用 wx.uploadFile 。微信本身没有FormData对象,无法使用 new FormData后端接口需要接收一个file, 所以只能想办法,通过wx.request 发送 multipart/form-data 请求二、解决办法(使用方法)手动写一个formdata文件,然后引入。参考 微信社区、大神的github、整理了一下formdata.js 的用法。原创 2021-07-21 18:02:23 · 7800 阅读 · 8 评论 -
解决微信小程序报错:[渲染层网络层错误] Failed to load local image resource
一、场景写了一个图片点击、全屏展示的组件。页面图片 => 点击 => 打开全屏遮罩层显示大图片。 // 1控制元素展示的变量 data:{ photoShow:false, } // 2图片点击函数 onClick(){ const { url=null } = e.currentTarget.dataset; if(url) this.setData({ photoShow: url }) } // 3 图片html <原创 2021-07-15 16:23:59 · 14225 阅读 · 0 评论 -
真机调试 U.createEvent is not a xx
真机调试出现 U.createEvent is not a function,根本原因是函数promise没有对错误进行处理1、不使用 async awaite 函数使用微信小程序提供的【回调地狱 success 函数】!2、给函数中的所有promise增加catch原创 2021-05-26 16:34:03 · 1373 阅读 · 0 评论 -
小计:怎样在微信小程序中使用高德地图,10分钟出页面。
一、申请高德地图key高德地图文档写的很详细,这里我就不赘述了:高德地图微信小程序入门指南传送门:https://lbs.amap.com/api/wx/gettingstarted文档中包含了:下载并安装微信小程序开发工具获取高德Key创建项目下载并安装微信小程序SDK设置安全通讯域名 注意:配置好了之后,一定要重启微信开发者工具!完整的code:Hello AMapWX ( js、wxml、wxss ) 注意js文件中的,引入路径,引入的图片,key值都需要手动修改二、全部原创 2021-05-26 11:26:34 · 1700 阅读 · 1 评论 -
微信小程序 vant Dialog 引入路径问题
一、安装官方的引入路径报错,二、分析原因小程序中的 vant 使用的是npm构建之后的文件,所以需要去找到它对应的文件引入;官方给出的路径【path/to/】,指的是你npm构建之后的 【miniprogram_npm】相对于当前文件的位置;三、解决办法修改相对路径、完美解决...原创 2021-05-21 15:03:54 · 813 阅读 · 0 评论 -
微信小程序发布体验版,扫码提示页面不存在、路径错误
一、场景:发布了体验版,扫码以后提示页面不存在,必须按左上角的小房子按钮才能回到首页;二、发现问题:生成体验版二维码的路径错了。我代码中的首页是 【pages/home/index】但体验版的路径却是【pages/class/index】问题原因是上一次预览的页面是【pages/class/index】,所以下一次自动设置了之前的页面。导致无法预览;三、解决办法,修改一下页面路径即可;...原创 2021-05-21 11:09:37 · 8297 阅读 · 0 评论 -
微信小程序如何显示富文本,类似v-html,rich-text
一、微信小程序需求,有一段富文本字符串需要解析并展示在页面上;结构如下 :content二、解决办法一、用过vue 的都知道vue 有个 v-html 属性,可以准换html格式并且展示;但是微信小程序提供的方法是一个新的标签【基础内容 /rich-text】 ;使用方法很简单:<view> <rich-text nodes="{{content}}"></rich-text></view>二、属性只有两个属性类型默认值必原创 2021-05-20 19:33:18 · 26505 阅读 · 0 评论 -
微信小程序父子通讯、传值 triggerEvent
一、父组件给子组件传值分三步1父组件定义变量;2父组件传递变量;3子组件接收变量;一、定义、传递变量Page({ data: { tabsList:[ { id:1, name:'一一', isActive:true, }, { id:2, name:'二二', isActive:false, }, { id:3, name:'三三', isActive:false, }, { id:4, name:'四四', isActive:f原创 2021-05-12 14:24:55 · 2857 阅读 · 0 评论 -
微信小程序使用 vant 时,遇到的一些坑
# 通过 npm 安装npm i @vant/weapp -S --productionnpm init -f原创 2021-05-07 14:44:58 · 3102 阅读 · 0 评论 -
自己写的小程序没有上传按钮
一、场景:尝试写一个属于自己的小程序,但是使用微信开发者工具打开以后,发现没有上传按钮,自己也无法生成体验版本二、解决办法就是需要写对appid,写好之后微信开发者工具自动刷新就有了。...原创 2021-05-07 11:00:47 · 334 阅读 · 0 评论