
微信小程序
一杯充满泡泡的可乐
这个作者很懒,什么都没留下…
展开
-
微信小程序的路由跳转方式及使用场景
微信小程序的路由跳转方式及使用场景1、wx.navigateTo(Object)wx.navigateTo()用于保留当前页面、跳转到应用内的某个页面,使用 wx.navigateBack可以返回到原页面,对于页面不是特别多的小程序,通常推荐使用 wx.navigateTo进行跳转, 以便返回原页面,以提高加载速度。当页面特别多时,则不推荐使用2、wx.redirectTo(Object)重定向,当页面过多时,被保留页面会挤占微信分配给小程序的内存,或是达到微信所限制的 10 层页面栈的情况下,我们原创 2021-11-10 09:13:17 · 1301 阅读 · 0 评论 -
uniapp的一些特殊方法
uniapp的一些特殊方法获取头部导航安全区域 uni.getSystemInfoSync().statusBarHeight 编译环境 #ifdef MP 小程序编译环境 #ifdef H5 H5编译环境 #ifdef APP-PLUS APP编译环境动态修改导航头部的标题 uni.setNavigationBarTitle({ title: '232432', });...原创 2021-09-26 15:41:41 · 238 阅读 · 0 评论 -
uniapp小程序echarts插件----秋云 ucharts echarts 高性能跨全端图表组件
uniapp小程序echarts插件----秋云 ucharts echarts 高性能跨全端图表组件首先下载地址如下秋云 ucharts echarts 高性能跨全端图表组件,如果是用uni_modules的形式引入的话,可以在页面上直接使用,不用再import引入<template> <view style="height:300px"> <qiun-data-charts style="height:100%" type="column" :loadi原创 2021-09-13 09:38:38 · 2333 阅读 · 0 评论 -
uniapp小程序的分包处理
uniapp小程序的分包处理首先在manifest.json中加入如下配置 "optimization" : { "subPackages" : true },然后把需要分出去的页面写在这个分包里面 "subPackages": [{ "root": "pagesA", "pages": [{ "path": "list/list", "style": { ...} }] }, {原创 2021-09-03 16:27:57 · 454 阅读 · 0 评论 -
uniapp小程序上传base64格式的图片
uniapp小程序上传base64格式的图片首先可以把图片转base64的方法放在vue原型上,当让也可以写在组件中,在main.js中写入方法Vue.prototype.pathToBase64 = (path, quality) => { return new Promise((resolve, reject) => { //#ifdef H5 quality = quality || 0.3; // -------------------测试无问题 let原创 2021-09-03 16:21:32 · 1909 阅读 · 0 评论 -
uniapp小程序获取用户授权自己的位置权限
uniapp获取用户授权自己的位置权限如果是小程序中大部分地方需要用到定位,可以写在vue的原型上面,如果只是个别需要,可以直接当成方法写在里面,下面是写在原型上的示例,首先,需要在mainifest.json中配置位置的权限,如果用的是vscode的话,,如下配置即可 "permission" : { "scope.userLocation" : { "desc" : "你的位置信息将用于为您就近匹配门店" }}如果是hbuilderX,也是mainifest.原创 2021-09-03 14:46:29 · 2763 阅读 · 1 评论 -
uniapp小程序唤醒微信支付
uniapp小程序唤醒微信支付示例如下wxpay(e) { uni.getProvider({ //获取支付类型 service: "payment",//oauth 授权登录share 分享payment 支付push 推送 success(reson) { uni.requestPayment({ provider: reson.provider[0], //支付类型 ap原创 2021-09-03 14:08:00 · 524 阅读 · 0 评论 -
uniapp小程序由其他页面跳转tabbar页面
uniapp小程序由其他页面跳转tabbar页面微信小程序跳转tabbar页面 wx.reLaunch({ url: "/pages/order/orderList/index", }); //也可以携带参数 wx.reLaunch({ url: "/pages/order/orderList/index?orderStatus=1", });微信小程序跳转tabbar页面uni.switchTab({ url: "/pages/index/index",原创 2021-09-03 13:49:24 · 1050 阅读 · 0 评论 -
uniapp海报画板
uniapp海报画板主要可以用于生成海报,生成二维码,一款canvas海报组件,可根据自身需求使用JSON生成海报首先先引入,先在Dcloud插件市场下载链接// 非uni_modules引入方式import lPainter from '@/components/lime-painter/'// uni_modules引入方式import lPainter from '@/uni_modules/lime-painter/components/lime-painter/'export def原创 2021-07-08 10:07:28 · 587 阅读 · 0 评论 -
uniapp中map地图定位的使用
uniapp中map地图定位的使用有时h5为了实现类似外卖系统的地图定位,如下图所示代码如下<template> <view> <view class="page-body"> <view class="page-section page-section-gap"> <map style="width: 100vw; height: 100vh" :latitude=原创 2021-06-24 09:26:11 · 2731 阅读 · 0 评论 -
video标签的全部配置
video标签的全部配置src:要播放的路径地址autoplay:是否自动播放,默认值是false,(Boolean)loop:是否循环播放,默认值是false,(Boolean)muted:是否静音播放,默认值是false,(Boolean)initial-time:制定和视频初始播放位置,单位为秒(字节跳动小程序不支持,Number)duration:指定视频时长(字节跳动小程序不支持,Number)controls:是否显示默认播放控件danmu-list:弹幕列表(字节跳动小程序不原创 2021-05-14 11:25:54 · 3640 阅读 · 1 评论 -
uni-app通过canvas将两张图片合成一张图片
uni-app通过canvas将两张图片合成一张图片<template> <view class="share"> <button type="default" @click="exportPost"></button> <view id="pre_style"> //预览合成的图片 <image :src="page_data.post_img" mode="heightFix" class='poster'>原创 2021-03-09 09:51:07 · 8130 阅读 · 0 评论 -
小程序中base64格式和图片互转
小程序中base64格式转成图片//base64转图片base64src(base64data, cb) { const fsm = wx.getFileSystemManager(); const FILE_BASE_NAME = 'code'; //自定义文件名 const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || []; if (!format) { return (new原创 2021-03-09 09:29:22 · 1161 阅读 · 0 评论 -
uniapp分享到微信好友和朋友圈
uniapp分享到微信好友和朋友圈首先目前的微信小程序只支持页面中右上角三个点触发分享功能,页面按钮只能触发分享至微信好友的功能<template> <view class="share"> <button open-type="share"> //open-type="share"这是关键,通过按钮触发,必须加按钮和这句代码 <image :src="item.icon" mode='heightFix' @click="share_actio原创 2021-03-09 09:23:22 · 7089 阅读 · 4 评论 -
uni-app基础知识点及相关的组件封装
uni-app创建项目vue create -p dcloudio/uni-preset-vue my-project启动项目npm run dev:mp-weixin安装sass依赖npm install sass-loader node-sassrpx、 vw、vh##rpx是微信小程序的单位,750rpx = 屏幕的宽度vw:h5的单位 100vw = 屏幕...原创 2020-04-25 16:54:16 · 623 阅读 · 0 评论 -
github创建分支并提交代码至分支
github创建分支并提交代码至分支登录自己的github,进入自己的仓库,点击下图所示然后创建新的分支,输入新的分支名,回车然后默认是直接进入这个分支,也可以点击进入分支,然后在本地文件夹下克隆自己的仓库地址,最后将文件全部复制到克隆下来的文件夹中,在这个文件夹中右击,点击git bash here,打开命令窗口然后切换索要提交到分支上,git checkout 分支名然后通过...原创 2020-04-25 16:43:03 · 3344 阅读 · 0 评论 -
微信小程序开发的基本用法
微信小程序开发的基本用法1、数组或对象的遍历数组遍历wx:for=”{{数组或对象}}” wx:for-item=”循环项的名称” wx:for-index=”循环项的索引” wx:key=”唯一的值”用来标识数据的唯一性。微信小程序的数组遍历的循环项的的名称和索引自动默认是item和index,所以在单层循环时不用特地声明;然而在嵌套数组时要进行声明,并定义不同的循环项。对象遍历...原创 2020-04-06 18:16:55 · 497 阅读 · 0 评论