玩转移动端:uni系列
uni-app、uni-cloud:一套代码,多端发布(微信小程序、QQ小程序、钉钉小程序、今日头条小程序、百度小程序、支付宝小程序、ios、安卓)
美酒没故事°
苟有恒,何必三更眠五更起;最无益,莫过一日曝十日寒
展开
-
uniapp canvas实现签名
<template> <view> <view class="wrapper"> <view class="handBtn"> <image @click="selectColorEvent('black','#1A1A1A')" :src="selectColor === 'black' ? '../static/other/color_black_selected.png' : '../static/other/color_bl原创 2024-08-16 17:02:24 · 387 阅读 · 0 评论 -
uniapp 微信小程序生成水印图片
技术栈:camera、canvas原创 2024-08-16 14:01:59 · 1438 阅读 · 1 评论 -
uniapp 自动导入api
解放双手原创 2024-08-11 11:30:06 · 207 阅读 · 0 评论 -
uniapp无感登录封装
uniapp小程序最笨的无感登录办法原创 2024-03-15 12:01:51 · 715 阅读 · 0 评论 -
微信小程序配置企业微信的在线客服
openCustomerServiceChat的使用和企业微信客服的案例原创 2023-11-20 16:31:58 · 1155 阅读 · 0 评论 -
uniapp 微信小程序配置条件编译
点击运行,那么程序就会有你的运行条件了。菜单下就会有你配置的环境了。原创 2022-10-17 14:17:47 · 609 阅读 · 0 评论 -
配置微信小程序添加企业微信为好友的组件
在企业微信上配置客服人员配置微信小程序后台配置代码使用处:效果原创 2021-12-13 15:22:59 · 2765 阅读 · 4 评论 -
uniapp 微信小程序最简单的生成图片示例
<canvas v-show='toPicture' canvas-id="save-picture" :disable-scroll="true" style='width:375px;height:580px'></canvas><button type="default" @tap="toIMG">转图片</button>// 变量toPicture: false// 按钮点击事件toIMG() { this.toPict.原创 2021-09-01 11:12:27 · 5322 阅读 · 4 评论 -
uniapp 微信小程序的弹框文字换行
使用``的字符串是可以生效使用\r\n也是可以生效在微信调试工具上不生效,但在真机上有效原创 2021-08-10 13:32:00 · 1269 阅读 · 0 评论 -
uni-app注册全局组件
就可以在任意地方使用<ly-tree-node />了原创 2021-04-30 14:50:45 · 1089 阅读 · 2 评论 -
uni-app 地图拖拽后,回到我的位置
html部分:这里注意map标签要加上show-location<map class="map" id="map" ref="map" :latitude="latitude" :longitude="longitude" show-location show-compass enable-3D enable-overlooking enable-poi :markers="covers" @markertap="markerFunc" :style="{ 'height': setHeight.原创 2021-02-25 11:11:02 · 3382 阅读 · 3 评论 -
uniapp微信小程序打开手机里高德地图或腾讯地图软件导航
使用:uni.openLocation({ latitude: 40.06860293364108, longitude: 116.31334115479277, name: "亿度物联", address: "金域国际A座 1904"});效果:原创 2021-01-29 09:21:11 · 2099 阅读 · 9 评论 -
uniapp使用内置反馈建议,我方可客服实时回复功能
用户提建议的按钮<button open-type="feedback">实时反馈</button>用户提完建议我方看到的内容:实时聊天:原创 2021-01-21 16:34:03 · 2475 阅读 · 3 评论 -
uniapp微信小程序唤起微信界面的聊天客服
一、在微信小程序后台配置客服人员:二、代码部分:<button open-type="contact" show-message-card session-from send-message-path send-message-title>在线客服</button>原创 2021-01-21 16:27:14 · 7730 阅读 · 1 评论 -
uniapp 监听网络情况
局部监听:放在页面文件的onShow()里即可网络有变化uni.onNetworkStatusChange()就会执行输出网络情况uni.onNetworkStatusChange(function (res) { console.log(res.isConnected); console.log(res.networkType);});全局监听放在App.vue的onShow()里,搭配vueX使用:...原创 2020-12-29 14:53:52 · 3407 阅读 · 0 评论 -
uniapp 监听更新升级情况
/* ----------------------------- 检查程序更新情况 ----------------------------- */const updateManager = uni.getUpdateManager();// 当向小程序后台请求完新版本信息updateManager.onCheckForUpdate(function(res) { console.log("有更新:", res.hasUpdate); // 请求完新版本信息的回调});// 当新版本下载完成u原创 2020-12-29 14:45:17 · 1568 阅读 · 0 评论 -
uniapp 启用服务推送
一定要放在事件直接执行的地方,比如点击事件// 一定要放在事件直接执行的地方,比如点击事件uni.requestSubscribeMessage({ tmplIds: [''], // 需要订阅的消息模板的id的集合 success (res) { console.log(res); // 然后业务代码 }})官方说明...原创 2020-12-29 14:42:01 · 892 阅读 · 0 评论 -
uniapp实现微信小程序点亮发送给朋友权限
uni.showShareMenu();效果:原创 2020-11-27 16:07:10 · 1149 阅读 · 0 评论 -
uniapp实现微信小程序点亮分享到朋友圈权限
在可分享的页面文件里写:onShareAppMessage(){ return { from:"menu" }},onShareTimeline(){},微信官方文档:效果:原创 2020-11-27 16:02:35 · 1971 阅读 · 0 评论 -
uniapp 请求封装,拦截器:请求拦截、响应拦截
uniapp 封装请求拦截、响应拦截。预先处理请求参数和详情数据等原创 2020-10-27 13:03:44 · 51634 阅读 · 16 评论 -
uniapp 游客模式下的数据封装
简历游客模式的数据:全局接口封装:调用没区别,还是本来的调法,不用任何改动,如图:原创 2020-09-30 11:53:48 · 590 阅读 · 1 评论 -
uni-cloud 基础介绍 【前端写接口不愁】
官网:https://uniapp.dcloud.io/uniCloud/READMEuniCloud 主要包括3部分:云函数:在云端运行的js代码。运行在定制过的node环境中,有良好的性能和强大的功能。ServerLess环境无需自行加购服务器处理增容,云函数按量付费,不管多大的并发都扛得住(阿里云serverLess已经经过了双11的考验)。数据库:可在云函数中读写的、基于 NoSQL 的 JSON 数据库。这种数据库对于前端工程师更自然,不需要学习SQL、不需要理解关系型和设计主键。存储原创 2020-09-25 12:12:24 · 3236 阅读 · 0 评论 -
uniapp 提供的手指事件
原创 2020-05-26 18:04:20 · 5594 阅读 · 2 评论 -
uniapp 跳转站外链接,外部域名
两种办法:location.href一定要加http://或https://使用官方提供的标签:<web-view src="https://uniapp.dcloud.io/static/web-view.html"></web-view>原创 2020-03-03 16:53:38 · 24329 阅读 · 5 评论 -
uniapp 手机端时禁止输入框弹出键盘,使用自定义键盘
<template> <view class="captch"> <view style=""> <view class="title-h1">短信验证码</view> <view class="title-h2"> <view>已向您尾号 {{ tail }} 的手机发送验证码<...原创 2019-12-10 16:58:53 · 10136 阅读 · 9 评论 -
uniapp 顶部下拉执行和底部上翻执行
uniapp提供了该功能:顶部下拉执行:onPullDownRefresh()底部上翻执行:onReachBottom()原创 2019-12-10 13:22:27 · 1645 阅读 · 0 评论 -
uniapp 设置跳转
今天起,开始了uniapp的开发uniapp的跳转是需要给点击事件,用uni.navigateTo(对象)执行:使用API:https://uniapp.dcloud.io/api/router?id=navigateto效果:原创 2019-11-21 11:18:34 · 2455 阅读 · 0 评论