uni-app
文章平均质量分 61
大师兄 总结关于 uni-app 相关笔记
卫东哥哥~~
web前端开发工程师,
英文名Tiga
中式8球业余选手(百步穿杨),
好人卡获得者,
情歌王子!
展开
-
保留指定小数点位数
element input 输入框 保留指定小数点位数原创 2022-06-27 10:59:33 · 418 阅读 · 0 评论 -
地图坐标转换
/*** 坐标转换,百度地图坐标转换成腾讯地图坐标* lng 腾讯经度(pointy)* lat 腾讯纬度(pointx)* 经度>纬度*/export const bMapToQQMap = (lng, lat) => { if (lng == null || lng == '' || lat == null || lat == '') return [lng, lat]; var x_pi = 3.14159265358979324; ...原创 2021-10-11 15:47:36 · 177 阅读 · 0 评论 -
uni-app h5 复制功能(设置剪贴板)
/**设置系统剪贴板的内容@param {string} data 需要设置的内容@returns {Promise} 设置的内容*/export function setClipboardData(data) {return new Promise((success, fail) => {// #ifndef H5uni.setClipboardData({ data, success, fail })// #endif// #ifdef H5const texta原创 2021-04-29 16:50:11 · 744 阅读 · 0 评论 -
uni-app 配置 地图
DCloud_App_Array发布:2014-07-22 11:31 更新:2021-01-31 18:40 阅读:379239地图插件配置分类:HTML5+云端打包发布常见问题概述HBuilderX集成了常用的原生地图控件,相对于Web地图(H5地图),使用原生地图控件有更流畅的操作速度,可以提升APP的用户体验。目前支持百度地图和高德地图,如需使用其它地图控件可参考Uni原生插件开发扩展支持。使用须知最新版本HBuilderX中自带的真机运行基座默认内置..转载 2021-03-03 17:47:36 · 2567 阅读 · 1 评论 -
微信小程序-实现录制视频(附部分代码)
项目中,需要客户录制一段视频,上传到服务器,找了很久,终于实现了这个功能。微信小程序有两种方式可以实现录制视频。1.使用相机的CameraContext.startRecord2.使用官方API:wx.chooseVideo方法一wxml<view class="video"> <camera wx:if="{{videoSrc.length === 0}}" device-position="font" flash="off" binderror="error" .转载 2020-09-23 13:54:47 · 8218 阅读 · 3 评论 -
uni-app app 端 微信支付
uni-app微信支付 失败 掉不起来1,检查 appid 是否 一致2. 微信端 是对象形式 支付宝 是字符串3.微信端对象形式 所以 对象属性 小写 packageValue 改成 package 对象值 参数 与上图 一一对应...原创 2020-07-25 15:29:54 · 2443 阅读 · 0 评论 -
判断 是否是pc
js中判断 当前是在手机端 还是 pc端 手机端打pc端网站 跳到手机网站 pc端打手机端网站 跳到pc网站functionIsPC(){varuserAgentInfo=navigator.userAgent;varAgents=["Android","iPhone","SymbianOS","WindowsPhone","iPad","iPod"];varflag=true;...原创 2020-07-15 17:11:21 · 442 阅读 · 0 评论 -
uni-app 弹框组件
、、 此方法只适用于 app端g_show_model .js -------------------------------------import sj_show_modal from './index.js'const g_show_modal = { install: function(Vue) { Vue.prototype.$showModal=function(op={}){ return new Promise((resolve, ...原创 2020-07-15 10:13:36 · 2323 阅读 · 1 评论 -
uni-app 升级配置
<script> import { appUpApi } from './api/index.js'; onLaunch: function() { // #ifdef APP-PLUS // 监听 升级配置 appUpApi().then(res => { if (res.data && res.data != '') {...原创 2020-07-15 10:08:36 · 567 阅读 · 2 评论 -
canvas 绘制 分享图片 加 保存图片在系统相册
// 效果图代码<template> <view class="page-class bg-page">// 利用canvas 最终 生成图片 <canvas class="poster-wrapper" canvas-id="shareCanvas"></canvas> <view class="footer-info"> <view class="sh...原创 2020-07-13 18:14:32 · 425 阅读 · 1 评论 -
正则限制input输入小数点后保留两位小数
<div><input type="text" v-model="newPrice" /></div>export default {data() { return { newPrice: "", timer: null };},watch: { newPrice(val){ clearTimeout(this.timer); //防抖 this.timer = setTimeout(() =>.原创 2020-07-13 10:13:28 · 1889 阅读 · 0 评论 -
uni-app 文件上传oss
changeUserPhoto() { let that = this; uni.chooseImage({ count: 1, sizetype: ['compressed'], success(res) { var imgFilesObj = res.tempFiles[0]; that.userPhoto = imgFilesObj.path; uni.showLoading({ title: '上传中', m.原创 2020-07-10 15:32:42 · 2264 阅读 · 0 评论 -
AES 加密
util.encryption = function (params) {let { data, param, key } = paramsconst result = JSON.parse(JSON.stringify(data))param.forEach(ele => {let data = result[ele]key = CryptoJS.enc.Latin1.parse(key)let iv = key// AES 加密let encrypted = CryptoJS.AE原创 2020-06-15 16:08:02 · 190 阅读 · 0 评论 -
.plist文件模板
.plist文件 用于 ios 分发 安装在手机上项目 模板<?xml version="1.0" encoding="UTF-8"?><plist version="1.0"><dict> <key>items</key> <array> <dict> <key>assets</key> <array> <dict&...原创 2020-05-29 14:13:17 · 369 阅读 · 0 评论 -
ios 分发
一、存储plist文件,放在https的域名下plist文件的格式如下:<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"><plist version="1.0"><dict> <key>...转载 2020-05-29 14:10:52 · 680 阅读 · 0 评论 -
HBuilderX安卓离线打包教程
HBuilderX是一款不错的前端编辑器,它为使用者提供了云打包和离线打包两种形式,但云打包有着次数限制(可付费解锁)和服务器繁忙时需要排队等候,不利于开发者的正常调试,从另一方面来看,尽管官方对于隐私保护极为重视,但还是无法让使用者打消代码上传泄露的疑虑,所以离线打包作为第二条打包途径理当重视。HBuilderX安卓离线打包基于自身的SDK和AndroidStudio软件,AndroidStudio对于初学者来说较难掌握,而官方文档也过于简洁,初期打包可能各种报错,我在社区里看到不少离线打包失败.转载 2020-05-18 11:27:49 · 3121 阅读 · 0 评论 -
uniapp与webview之间的相互传值
1.uni-app 如何发送数据到 H5? 其实很接单、在 web-view 中只需要通过 URL 就可以向 H5 进行传参 例如在 uni-app 中:<template><viewclass="advertisement"style="width: 100%;"><web-view :src="url"@message="...原创 2020-03-20 16:43:02 · 9835 阅读 · 2 评论 -
uni-app 输入框 限制
1. 只能输入整数数字, 且首位不能为0因为在 uni-app 中 输入框展示会不生效 所以 在@input事件中 加 延迟 setTimeout(()=>{ this.transferScoreInp = e.detail.value.replace(/[^0-9-]+/,'') if(this.transferScore...原创 2020-03-11 10:27:49 · 10197 阅读 · 0 评论 -
uni-app 跨域
1.官方推荐cors和插件安装解决跨域2.配置uni-app 中 manifest.json->h5->devServermanifest.json "h5": { "devServer": { "port": 8000, "disableHostCheck": true, "pr...原创 2020-02-06 15:22:37 · 273 阅读 · 0 评论 -
uni-app 接口封装
一、 新建request.jsconst baseUrl = 'http://192.168.1.222:7789'; const httpRequest = (opts, data) => { let httpDefaultOpts = { url: baseUrl+opts.url, data: data, method: ...原创 2020-01-03 17:12:45 · 1519 阅读 · 0 评论