
uniapp
_心如止水
每日分享一点点,每日进步一点点
展开
-
uniapp长按实现图片保存
html部分代码:<image src='https://ykrj.icu/files/bxshdt_1.jpg' class="tui-activity-img" mode="widthFix" @longtap="savePosterPath(url)"></image>js端代码savePosterPath(url) { uni.downloadFile({ url, success: (resFile) => { .原创 2021-03-02 14:51:02 · 3538 阅读 · 2 评论 -
uniapp 点击图片实现图片浏览
使用uni.previewImage () 实现current: 当前浏览图片路径urls: 当前浏览的图片数组注意:图片必须是以http:// https:// 开头的网络图片 而不是本地图片或者base64图片代码如下:previewImage: function(e) { let imgArr = []; imgArr.push("https://ykrj.icu/files/bxshdt_1.jpg"); uni.previewImage({...原创 2021-03-02 14:43:54 · 3010 阅读 · 0 评论 -
uni-app图片 设置浏览功能 实现双指放大缩小 拖动移动
首先,点击触发图片浏览界面在浏览界面去实现图片移动和放缩图片设置双指放大缩小这个功能相对来说比较简单的,是用于官方文档的路径(组件->视图容器->movable-area),movable-area可以做双指放大缩小,并且放大的同时可以左右移动图片(页面),至于怎么做呢?用HBuilder X编辑器创建个uni-app项目html代码<template> <view> <view class="uni-paddin.原创 2021-03-02 14:37:38 · 5260 阅读 · 3 评论 -
uniapp 微信小程序 兼容适配 android 与 ios
通过uni.getSystemInfoSync().platform进行判断,并在相应界面做不同处理switch (uni.getSystemInfoSync().platform) { case 'android': break; case 'ios': break;}原创 2021-03-02 14:33:46 · 3439 阅读 · 0 评论