- 博客(21)
- 资源 (1)
- 收藏
- 关注
原创 uni-app移动端-H5-微信小程序下载保存图片,文档和视频到手机,带进度条
移动端-H5-微信小程序下载保存图片,文档和视频到手机,带进度条
2023-05-09 15:47:00
2034
1
原创 vue使用keep-alive实现跳转页面保留原来筛选条件
前言:经常会有一个列表页一个详情页。在列表页点击查看详情按钮跳转至详情页,看完详情跳转回列表页时,要保留之前的筛选条件这样的需求,如果是缓存各个条件就显得太麻烦了,或者重开界面也可以达到保留的目的,本篇主要是介绍vue使用keep-alive实现跳转页面保留原来筛选条件原理:keep-alive 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。结合vue-router中使用,可以缓存某个view的整个内容。具体操作如下1.在APP.vue配置是否缓存<div id
2022-03-03 15:49:16
2324
原创 微信小程序uni-app输入框textarea/input失焦事件在点击事件之后执行
前言:最近在做一个项目,输入框带清空按钮,因为textarea和input不能在小程序中双向绑定,绑定:value,在输入完成就点击清空按钮,会出现一个问题,清空不了,原因是输入框textarea/input失焦事件在点击事件之后执行,触发了点击事件时此时:value的值还没有被赋值进去,解决办法如下1.定义一个变量为false,在点击时让这个变量为true2.在失焦事件中判断如果这个变量为true,说明点击了清空按钮,赋值给:value,同时清空textarea注意:清空时一定要加setTimeou
2022-02-25 10:58:03
5907
原创 uni-app滑动/点击切换tab组件,动态数据内容获取swiper动态高度
可以点击切换tab也可以滑动切换tab1.定义一个tabbar.vue,代码如下<template> <view class="tabs"> <view style="position:fixed;z-index:20;"> <scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-in......
2022-02-25 10:46:57
1702
1
原创 uni-app微信小程序键盘遮住输入框bug解决
使用textarea,设置:cursor-spacing因为小程序上面会有完成的按钮遮住输入框的一半,所以如果需要去掉这个按钮可以设置属性:showConfirmBar=“false”注意:中间遇到一个问题,在键盘弹起来的时候没有把输入框的的弹框顶起来,但是把输入框弹框底部的界面顶起来了,导致键盘实际上是遮住了输入框的弹框,这个原因是因为弹出键盘时增加的高度是基于最外层高度的,需要把最外层的高度固定就在当前屏幕,怎么固定在当前屏幕,最外层宽高固定,在里面滑动,就可以解决这个问题...
2022-02-25 10:22:52
5004
原创 微信小程序输入框光标从中间删除跳到最后bug解决
原因:双向绑定导致数据发生更新导致光标跑到最后。1.使用textarea标签,2.将双向绑定v-model改为:value绑定数据3.重新定义一个变量,在input事件里面把e.detail.value复制给这个变量4.在提交的时候把重新定义的变量赋值给:value绑定的变量5.清空时把这两个变量都清空......
2022-02-25 10:15:32
2644
原创 uni-app,微信小程序实现全局水印
先在compontents里面写个全局组件<template> <view class="water_top" style="pointer-events: none;"> <view class="water-text" v-for="i in 20" :key="i">{{ watermarkText }}</view> </view></template><script>ex...
2022-02-07 17:57:49
2074
原创 获取cpu相关信息
function cpuInfo(cpuInfo, type) { var temp = '', cpuHardware; var fileReader = plus.android.importClass("java.io.FileReader"); var bufferedReader = plus.android.importClass("java.io.BufferedReader"); var FileReader = new fileReader(cpu
2021-04-16 18:36:53
259
原创 Android /JS获取当前使用wifi的ssid和bssid,获取当前地理位置的wifi列表相关信息
//获取当前WiFi名称 function checkWifiSignal() { var info = {ssid:'',bssid:''}; var Context = plus.android.importClass("android.content.Context"); var WifiManager = plus.android.importClass("android.net.wifi.WifiManager"); var Ma
2021-04-16 18:32:13
2483
原创 uni-app获取设备序列号SERIAL
uni-app获取设备序列号方法Android 8.0以下:无需申请权限,可以通过Build.SERIAL获取到设备序列号Android 8.0-Android 10:需要申请READ_PHONE_STATE权限,可以通过Build.getSerial()获取到设备序列号关于uni-app动态申请READ_PHONE_STATE权限代码 var Build = plus.android.importClass("android.os.Build"); var Manifest = p
2021-04-16 18:23:59
7120
12
原创 Android获取手机app相关设备信息
var Build = plus.android.importClass(“android.os.Build”);“BOARD”: Build.BOARD,“BOOTLOADER”: Build.BOOTLOADER,“BRAND”: Build.BRAND,“VERSION.RELEASE”: Build.VERSION.RELEASE,“DEVICE”: Build.DEVICE,“DISPLAY”: Build.DISPLAY,“CPU_ABI”: Build.CPU_ABI,“CPU
2021-04-16 18:11:06
800
原创 整理一下uni-app使用Android studio打包流程
整理一下uni-app使用Android studio打包流程一:准备工具1.微信开发者工具 最新2.HBuilder X3.Android studio 最新二:步骤1.修改hbuilderx配置,版本号(具体可查看hbuilderx官网步骤),使用原生App-本地打包生成本地打包App资源2.在控制台可以查看打包的路径,点击进入三:Android studio 使用1.替换项目文件:将hbuilderx中本地打包生成的文件夹,替换掉Android studio里面的2.修改配置
2020-12-25 18:24:04
1759
原创 uni-app爬坑,uni-app修改内部css在h5生效,app上面不生效问题
uni-app爬坑,uni-app修改内部css在h5生效,app上面不生效#解决办法修改内部css时将uni-改为wx-(比如说内部样式为uni-checkbox-input改为wx-checkbox-input)
2020-12-25 17:39:12
4117
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人