![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
sxs7970
这个作者很懒,什么都没留下…
展开
-
微信小程序的rich-text组件解析带有html标签的内容,以及修改内嵌的图片样式
小程序的rich-text 组件可以解析带有html标签的内容,像vue的v-html一样,具体细节还是以小程序官网为准用法<!-- wxml--> <view> <rich-text nodes="{{shopDetailArr}}"></rich-text> </view>//js var htmlDes= '带有html标签的数据'; //这里要处理内嵌的图片样式,要添加class,进行修改 ht.原创 2021-04-26 14:37:23 · 1498 阅读 · 0 评论 -
小程序订阅消息uni.requestSubscribeMessage(wx.requestSubscribeMessage)遇到的问题
点击,这个概括的比较全我使用的是uni.requestSubscribeMessage其实和微信小程序用法一样,这个 【订阅消息】 你不管点击 取消 或者是 允许 只要接口调用成功它都走的是success回调,但是,你可以通过TEMPLATE_ID(订阅消息id) 去查看是否同意 订阅消息id所对应的模板消息。值包括’accept’、‘reject’、‘ban’。(这里可以根据回调函数返回是否同意订阅消息id所对应的值去进行后续操作) uni.request({ url: '',原创 2020-07-03 14:12:18 · 14924 阅读 · 1 评论 -
微信小程序上传文件(图片)到阿里云OSS
官网也有相应的步骤 点击,登录oss控制后台,有新老版本。直接下载所有文件直接可用:这个目录随便取名。config.js配置var fileHost = "https://xxxx.com/";//你自己阿里云oss地址,【一定要在小程序后台开发的uploadFile合法域名白名单中需要配置一下】var config = { //aliyun OSS config...原创 2020-04-06 19:23:46 · 5098 阅读 · 3 评论 -
微信小程序使用setData修改data中的数组或者对象的某一属性
有时候data中是个数组或者对象,但是使用传统的setData修改方式会报错,所以可以使用字符串 拼接起来,然后使用[] 包裹起来当做key;Page({data:{ list:[ {name:'小明',id:'123'} ]},onLoad(options){ this.updataData();},updataData(){ var item="list["+ 0 ...原创 2020-04-01 19:03:49 · 935 阅读 · 0 评论 -
小程序通过web-view跳转并传参给内嵌的h5页面
微信小程序中可以通过<web-view>标签嵌入h5页面,通过 src属性进行跳转,但是好像只能是https的,因为传参带特殊符号,要进行解析;在小程序中Page({ data:{ src:'https://xx.xx.', name:'名字', id:'123456' }, onLoad(options){ var {src,name,id}=this...原创 2020-04-01 11:48:12 · 2409 阅读 · 0 评论 -
微信小程序中使用echarts并且动态获取数据
初步的引入在这里 小程序中使用echarts在页面或者自定义的组件中都可以,下边的例子:用的是自定义组件在js文件中import * as echarts from "../ec-canvas/echarts"var Chart = null;Component({ properties: { }, data: { ec: { // onInit:...原创 2020-03-31 14:26:29 · 3176 阅读 · 1 评论 -
微信小程序自定义tab标签页
直接cv走,可以用wxml<view> <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}"> <view class="tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="sw...原创 2020-03-12 14:21:17 · 771 阅读 · 0 评论 -
微信小程序自定义switch
微信小程序自带的switch,可以改变大小,颜色,但是是有局限性的,所以好多时候都需要自己去写一个。修改微信小程序自带对的switch/*swtich整体大小及背景色*/.wx-switch-input{ width:82rpx !important; height:36rpx !important; background: red !important; ...原创 2020-03-09 13:26:03 · 1687 阅读 · 0 评论 -
微信小程序自定义头部导航栏(适应机型)
自定义的头部导航栏的高度,因为机型的原因,很难确定!但是可以通过计算得出来导航栏的高度!(全局 定义、或者 单页面 自定义都可以的),下边我说的单页面自定义。自己创建一个导航栏组件,比如命名navigationBar在你需要自定义的页面的json文件,进行配置和引入组件{ "usingComponents": { "navigationBar": "../../comp...原创 2020-03-06 22:27:59 · 1163 阅读 · 0 评论 -
微信小程序中引入echarts图表
不多说直接看实际操作去github下载这个微信版的下载完把文件中的ec-canvas这个文件拿出来,放到你的小程序的page目录下,或者你的components组件文件夹下。然后在你自己的页面中的js文件下引入echarts.js文件,例如:例如你的页面名是mypage//在mypage.json中配置{ "usingComponents": { "ec-can...原创 2020-03-02 20:55:31 · 877 阅读 · 0 评论 -
微信小程序点击保存图片到本地相册——踩坑
在微信小程序中要保存图片到本地相册,需要获取相册权限。总之整个功能实现下来需要如下几个小程序的API:wx.getSetting,wx.authorize,wx.openSetting,wx.downloadFile,wx.saveImageToPhotosAlbum但是在openSetting 和 downloadFile 会有坑!openSetting,【打开小程序设置页】有坑...原创 2020-02-26 15:22:42 · 3479 阅读 · 0 评论 -
微信小程序长按图片,实现保存、转发、识别图中二维码
在小程序image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别但是通过wx.previewImage只能实现保存,转发,小程序 只能识别 小程序二维码,别的不能实现。<image src="{{url}}" data-src="{{url}}" bindtap="previewImage"></image>Pa...原创 2020-02-25 11:19:36 · 6054 阅读 · 0 评论 -
微信小程序页面间通信之eventBus
自定义一个eventBus.js文件放到until或者其他文件夹下,需要自己封装这个eventBus//创建EventBus对象let EventBus = function () { console.log("eventbus init...");};//准备数组容器var objBus = [], arrbus = [];//添加方法EventBus.prototype ...原创 2019-12-22 16:42:10 · 1334 阅读 · 0 评论 -
微信小程序用swiper做旋转木马缩放轮播图
主要还是用到css3的特性,利用transition动画和transform:scal()属性。wxml<view class="vip-center-container"> <swiper class="swiper-block" previous-margin="60rpx" next-margin="60rpx" current="0" bindchang...原创 2019-12-22 16:23:49 · 811 阅读 · 0 评论 -
微信小程序使用scroll-view进行锚点定位
使用scroll-view进行锚点定位,索要跳转的元素,必须包含在这个组件里边,也就是最外层是scroll-view;使用scroll-y 和 scroll-into-view 这两个属性,必须让 scroll-into-view组件内部的子元素 的 id 值等于 scroll-into-view 的值;一定要给scroll-view设置一个高度,或者 100%wxml<v...原创 2019-11-17 18:04:35 · 1525 阅读 · 0 评论 -
微信小程序自定义头部导航栏
文章目录1、在app.json中定义2、在app.js中获取各个型号手机顶部导航和状态栏(电量/信号/时间)的高度3、在component中创建一个顶部导航栏组件,命名(topNav)(命名自己随便取)1.在topNav.json中添加2.navTop.wxml3.topNav.js4.topNav.wxss4、使用自定义的头部导航组件1.在index.json中引入2.index.wxml3.i...原创 2019-11-17 17:46:41 · 824 阅读 · 0 评论 -
onPageScroll小程序获取滚动条滑动距离顶部的距离
小程序中有onPageScroll()方法可以获取滚动条距离顶部导航的距离 onPageScroll(e){ if(e.scrollTop>10){ this.setData({ isShowTop:true }) }else{ this.setData({ isShowTop:false }) }...原创 2019-11-17 16:53:26 · 2267 阅读 · 0 评论 -
微信小程序之数据操作
数据绑定基本的数据绑定跟Vue一样。.wxml代码<view>姓名:{{name}}</view><view>年龄:{{age}}</view><view>姓名:{{array.name}}</view><view>年龄:{{array.age}}</view><view>...原创 2019-04-13 22:52:44 · 398 阅读 · 0 评论 -
微信小程序使用模板template
微信小程序使用模板template,可以定义template模板,然后在不同的地方进行调用以及代码复用。.WXML模板的使用首先创建你的template模板文件目录,然后创建 xxx.wxml文件。把你的代码模板放入到 post-item-template.wxml文件中<!-- name属性是 模板名称 --><template name="postI...原创 2019-04-21 22:10:04 · 178 阅读 · 0 评论 -
【微信小程序】request请求报错 不在以下 request 合法域名列表中
在微信小程序开发中,请求数据,出现以下错误:解决方法一:打开微信开发者工具,打开 详情>项目设置 最下边一项勾选;解决方法二:打开小程序官网,点击 设置>开发>开发设置>服务器域名 将要请求的域名设置为请求合法域名 ,例如:注:request安全域名保存并提交后,微信会有一段时间的缓存,大概10多分钟后,request合法域名生效...原创 2019-04-15 12:55:23 · 1247 阅读 · 0 评论 -
微信小程序 跳转至tabbar页面-----踩坑
在微信小程序中,路由的跳转有五个:wx.switchTab()wx.reLaunch()wx.redirectTo()wx.navigateTo()wx.navigateBack()官网中比较清晰。详情:小程序路由跳转pages配置和 tabBar配置跳转----坑在app.json 文件中,在小程序中,pages 中配置的页面,路径放在第一个,小程序默认显示这第一个的页面...原创 2019-04-24 14:14:33 · 12927 阅读 · 1 评论 -
微信小程序template嵌套template,传递数据
在微信小程序中,使用template模板嵌套传递数据的方法 : <template data="{{ }}"> </template>注: 在你写template模板嵌套的时候,最好 从里层向外层 一层层的写,但是绑定数据的时候(也就是传递数据),从最外层往里层 一层层绑定数据;简单粗暴,一看例子就明白了!!!例子最外层的template: <vie...原创 2019-04-25 17:46:14 · 1932 阅读 · 0 评论 -
小程序 - 使用async await出现regeneratorRuntime is not defined错误
文章目录简单粗暴的解决方案解决方案(推荐使用)修改以下进行解决在使用小程序的时候,封装了request,然后使用 async await ,导致出现报regeneratorRuntime is not defined错误简单粗暴的解决方案打开 详情->然后把 ES6转ES5 取消勾选!!!解决方案(推荐使用)搜了很多都说下载 regenerator-runtime ,然...原创 2019-06-13 17:53:38 · 4842 阅读 · 0 评论 -
小程序中-获取当前页面的路由(url)以及获取当前页面前一页面的路由
微信小程序可以通过 getCurrentPages() 方法获取当前页面的Url地址也可通过 pages[pages.length - 2].route 获取上级页面的Url地址注: getCurrentPages()得到的是一个数组,数组的最后一项是当前页面的对象获取当前页面的Url let pages = getCurrentPages(); let currPage...原创 2019-06-21 17:52:18 · 14971 阅读 · 0 评论 -
微信小程序修改数组的数据值
小程序使用 setData() 修改数据以及修改数组对象的数据值setData 用于将数据从逻辑层发送到视图层,同时改变对应的 this.data 的值。Page.prototype.setData();在此页的.js文件中,直接使用 this.setData();使用this.setData(),参数是一个key:value形式的对象this.setData({ key:valu...原创 2019-04-13 22:32:30 · 8019 阅读 · 0 评论