
uniapp
使用uniapp做项目的小结
Dreamy smile
一个不懂代码的普通开发者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序保存base64图片到手机相册
【代码】小程序保存base64图片到手机相册。原创 2023-05-26 16:16:31 · 703 阅读 · 1 评论 -
uniapp编译小程序使用小程序插件
【代码】uniapp编译小程序使用小程序插件。原创 2023-04-27 15:13:05 · 641 阅读 · 0 评论 -
使用uniapp编译多端,自定义导航栏高度、状态栏的高度
使用uniapp框架编译多端,在使用自定义导航栏的时候需要适配不同手机,在安卓和ios上手机的状态栏高度是不一样的,尤其是小程序。 uni.getSystemInfo(); //在小程序上使用这个方法去获取,应为iphonex的高度和其他型号的高度不一样。 uni.getSystemInfo({ success: (data) => { data.statusBarHeight => 手机状态栏高度 data.statusBarHeight + 44 => ios手机状态栏+.原创 2020-09-01 16:51:18 · 1721 阅读 · 1 评论 -
uniapp编译微信小程序与app使用高德地图api定位(百度地图同理)
1.去高德地图创建自己的应用 2.填写ios、Android平台和小程序的key(自定义)、Android平台的发布版安全码SHA1,如果没有可以填hbuliderx的公共测试证书里的。ios需要填安全码Bundle ID(打包的包名) 3.不管是app端还是小程序都可以使用高德提供的微信小程序的SDK 4.微信小程序的key需要写在代码里 5.app端key 6.使用 //map.js import amap from './js-map-sdk/amap-wx.js'; ..原创 2020-10-24 17:34:55 · 2431 阅读 · 1 评论 -
uniapp的一些总结(持续补充修改)
1.使用上拉加载,下拉刷新. 1.推荐mecroll(有用到选项卡上拉,下拉) 移步官网:http://www.mescroll.com/index.html?v=20200305 2.如果页面中选项卡的tab分类较多,建议使用nvue去做,利用官方提供的list组件。长列表滚动,上拉、下拉。使用vue性能不太好。 3.使用原生上拉,下拉性能最好,需要注意布局问题. 使用图表 1.推荐ucharts 如果封装自定义组件,在一个页面生成多个图表的时候需要注意要让canvas的每一个ID都不一样。.原创 2020-05-13 10:41:06 · 2994 阅读 · 2 评论 -
uniapp/vue使用jsencrypt加密
npm下载jsencrypt 把jsencrypt文件放到components下 新建jsencrypt.js文件 import JSEncrypt from '../components/jsencrypt'; let publicKey = '自行获取'; function RSAencrypt(pas){ //实例化jsEncrypt对象 let jse = new JSEncrypt(); //设置公钥 jse.setPublicKey(publicKey); return jse.e.原创 2020-05-13 09:46:55 · 4469 阅读 · 3 评论 -
vue 上传图片到oss / uniapp上传图片到oss
vue 新建js文件 let OSS = require('ali-oss'); //npm 下载ali-oss let client = new OSS({ /*需要自己去申请*/ accessKeyId: '', accessKeySecret: '', bucket: '', region: '', }); export async function put (obj) { // 'tu/'=>在oss上的保存图片的文件夹(自定义一个文件夹名) le原创 2020-05-12 17:13:42 · 930 阅读 · 0 评论 -
vue axios/uniapp 简单的请求(拦截)封装示例
axios npm 下载 axios 新建http.js(随意) import axios from 'axios'; import qs from 'qs'; // const baseUrl = ''; //配置接口地址 const baseUrl =''//线上 //添加请求拦截器 axios.interceptors.request.use((config) => { //在发送请求之前做某件事 //... return config; },(error) =原创 2020-05-12 16:36:56 · 3544 阅读 · 0 评论