uniapp 笔记

  • Post author:
  • Post category:uniapp

不知不觉,使用uniapp开发也有年头,记录下uniapp奇奇怪怪bug,方便大家爬坑 1.inupt中无法使用change事件 Hbuildx 2.7还是可以使用change事件,**官网上没有介绍,但是可以使用,**升级到3.1之后input上的change事件是无法使用的 总结: 官网没介绍的,使用有分享,多看文档,不要猜; 2.在模拟器上运行H5项目项目被旋转,页面被翻转90度 用Hbui…

继续阅读 uniapp 笔记

uniapp u-View 的输入框,怎么做输入变化,变成两位小数,然后设置输入最小值和输入最大值、整数、不给输符号等

  • Post author:
  • Post category:uniapp

前言 uniapp u-View 的输入框,怎么做输入变化,输入两位小数,然后设置输入最小值和输入最大值、整数、不给输符号等 这里是指,我设置这个输入框是输入小数的,然后用户输了整数,我就要输入框自己变成 整数.00的形式。 再比如我设置了最大值和最小值,用户输入的不是这个范围,输入框就会自动变化成最小值,或者最大值 再比如我设置了不给输入符号,用户输入符号了,输入框就会自动变化成把符号去掉的字符…

继续阅读 uniapp u-View 的输入框,怎么做输入变化,变成两位小数,然后设置输入最小值和输入最大值、整数、不给输符号等

uniapp左滑删除功能、小程序购物车左滑删除功能

  • Post author:
  • Post category:uniapp

 效果展示:   主要利用两个事件来获取用户的操作的坐标来判断是否左滑,然后删除按钮借助定位来显示隐藏  事件:  html代码: <view class="list" v-for="(item,index) in personList" :key="item.id" @touchstart="listTouchstart" @touchmove="listTouchmove($event,…

继续阅读 uniapp左滑删除功能、小程序购物车左滑删除功能

uniapp H5判断是否在微信内置浏览器环境

  • Post author:
  • Post category:uniapp

在methods:写入方法 代码片. is_wx(){ let en = window.navigator.userAgent.toLowerCase() // 匹配en中是否含有MicroMessenger字符串 if (en.match(/MicroMessenger/i) == 'micromessenger') { alert("在微信",11111) } if(en.match(/Mic…

继续阅读 uniapp H5判断是否在微信内置浏览器环境

uniapp 小程序指定页面分享设置

  • Post author:
  • Post category:uniapp

uniapp 小程序指定页面分享设置 1、创建share.js文件 module.exports = { onLoad() { // 设置默认的转发参数 this.share = { title: '', // 默认为小程序名称 path: '', // 默认为当前页面路径 imageUrl: '' // 默认为当前页面的截图 } //分享白名单 let urlList = [] //获取路由信息…

继续阅读 uniapp 小程序指定页面分享设置

uniapp uni.setClipboardData成功默认提示

  • Post author:
  • Post category:uniapp

uni.setClipboardData({ data: 'hello uniapp', success: function() { //重点~做笔记 //在success中加入uni.hideToast()可以解决 uni.hideToast(); //以下就可自定义操作了~ }, fail: function(err) { uni.showToast({ title: '复制失败', dura…

继续阅读 uniapp uni.setClipboardData成功默认提示

uniapp Vue.prototype绑定属性无法在微信小程序中直接使用 报[渲染层网络层错误]

  • Post author:
  • Post category:uniapp

最近在做uniapp的时候发现在h5上运行正常的代码,在微信小程序上测试的时候报错了 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined/images/carousel/batmanvssuperman.png the server responded with a status of 500 (HTTP/1.…

继续阅读 uniapp Vue.prototype绑定属性无法在微信小程序中直接使用 报[渲染层网络层错误]

Uniapp实现swiper滑到每一项放大缩小,一排多个显示

  • Post author:
  • Post category:uniapp

先来看看效果 滑到的就放大,且一个屏幕可以显示其他item的部分内容 <swiper previous-margin='28px' next-margin='28px' @change="change" > <block v-for="(item,index) in list" :key="index" > <swiper-item> <view clas…

继续阅读 Uniapp实现swiper滑到每一项放大缩小,一排多个显示

uniapp使用 movable-area movable-view 实现图片双指缩放、鼠标单击缩小双击放大、图片及标记点功能

  • Post author:
  • Post category:uniapp

效果 movable-area 与 movable-view movable-view movable-area movable-view 主要是可以实现缩放及拖拽功能,不过只能限制在movable-area 范围内的拖拽超出范围会回弹。 为了增大一点它的回弹范围 可以设置 movable-view的宽高为0; 然后子元素决定定位居中。 单击缩小 双击放大 微信小程序没有双击事件 通过setTim…

继续阅读 uniapp使用 movable-area movable-view 实现图片双指缩放、鼠标单击缩小双击放大、图片及标记点功能

uniapp支付 跳转

  • Post author:
  • Post category:uniapp

uniapp 支付以及跳转 **先说一下 思路 :引入微信支付jssdk 之后配置商户信息 把支付的文件放在你的服务端的根目录下 /home/wwwroot/vue/appleweb/MP_verify_OtggqJcZCfkIE4FQ.txt 开始操作: *` //jws.js页面 //npm 安装微信jssdk npm install jweixin-module --save const w…

继续阅读 uniapp支付 跳转