uniapp uview 头像裁剪组件的问题

  • 开发
  • 45

当切换页面频繁进出头像裁剪组件u-avatar-cropper.vue   获取同一个设备信息时会出现两种不同的高度具体如下

 

 

导致 头像裁剪页面高度出现问题，下方按钮被canvas组件遮盖了

 

解决方法

 在进入这个页面前的一个页面做如下代码操作

直接将设备信息提前获取，保存到缓存中

onReady() {
			if(!uni.getStorageSync('rectInfo')){
				let rectInfo = uni.getSystemInfoSync();
				uni.setStorageSync('rectInfo',rectInfo)
			}
			
		},

在u-avatar-cropper.vue 组件中，直接从缓存中拿信息

阅读全部

相关推荐

  4. android 快速实现 图片获取并裁剪（更换头像）

    2024-03-16 05:22:02       43 阅读

  5. Vue使用vue-cropper裁剪图片作头像

    2024-03-16 05:22:02       27 阅读

  6. nii文件的裁剪

    2024-03-16 05:22:02       47 阅读

  8. pytorch中的梯度裁剪

    2024-03-16 05:22:02       41 阅读

  10. VUE父子组件的传参问题

    2024-03-16 05:22:02       44 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-16 05:22:02       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-16 05:22:02       100 阅读

  9. 在Django里面运行非项目文件

    2024-03-16 05:22:02       82 阅读

  19. Python语言-面向对象

    2024-03-16 05:22:02       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-03-16 05:22:02       85 阅读

热门阅读

  1. FPGA的应用方向

    2024-03-16 05:22:02       29 阅读

  4. 低代码大屏设计器使用入门级图文教程

    2024-03-16 05:22:02       41 阅读

  6. linux 的.bashrc .bash_profile .profile分别作用

    2024-03-16 05:22:02       40 阅读

  13. 为啥这么做实现不了优雅关闭服务，gin 项目

    2024-03-16 05:22:02       42 阅读

  15. 申请软著提交的演示视频有什么要求

    2024-03-16 05:22:02       38 阅读

  17. 如何用client-go获取k8s因硬盘容量、cpu、内存、gpu资源不够引起的错误信息？

    2024-03-16 05:22:02       32 阅读

  18. vue3 ref 和 reactive 区别

    2024-03-16 05:22:02       35 阅读

  19. Arcade官方教程解析8 Multiple Levels and Other Layers

    2024-03-16 05:22:02       40 阅读

  20. AJAX学习日记——Day 2

    2024-03-16 05:22:02       41 阅读

  21. Android 启动service(Kotlin)

    2024-03-16 05:22:02       29 阅读

  23. 俄罗斯方块游戏开发思路随想

    2024-03-16 05:22:02       37 阅读

  29. android api 34 编译ffmpeg with libfdk-aac

    2024-03-16 05:22:02       39 阅读