高度uniapp swiper
uniapp使用uview组件的indexList写选择城市
<template> <view class=""> <view class="top"> <view class="search-box mt10 flex alcenter"> <view class="search-input"><u-search :showAction="false" pl ......
uniapp H5中图片上传前压缩
使用处 两个基本函数 // 图片压缩函数 compressImg (file) { const that = this var files var fileSize = parseFloat(parseInt(file['size']) / 1024 / 1024).toFixed(2) var r ......
uniapp 全局背景音乐播放+暂停（跳转页面不暂停）
最近需要一个功能 是在h5中播放小游戏的背景音乐，但是跳转界面之后音乐不暂停，就是跳转多个页面之后，音乐依然在播放，在游戏界面会有设置的静音的按钮，可以开启音乐和关闭音乐。 单独建了一个music.js文件，然后引入到main中 const bgm = uni.createInnerAudioCon ......
uniapp主题切换功能的第一种实现方式（scss变量+vuex）
uniapp因为能轻松实现多端发布而得到很多开发者的青睐，但每个端的实现也有可能不同，现我把已实现的功能一点点的大家分享给大家 ......
uniapp能对接蓝牙打印机吗? 答案是肯定的
答案是肯定的，以下是一个使用“uni-bluetooth-print”插件连接蓝牙打印机的示例代码： 1. 在项目目录中运行以下命令安装插件： npm install uni-bluetooth-print 2. 在代码中导入插件： import bluetoothPrint from 'uni ......
uniapp中js中的闭包使用
问题： 在uniapp里面，使用闭包函数处理的时候，会导致$this不能全局使用。 解决方案： 第一种代码写法（以循环为例）： const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
uniapp专题学习（五）
# 前言 在[uniapp专题学习（四）](https://www.cnblogs.com/codexj/p/17449799.html)中学习了以下知识点： native修饰符、父子组件间的传值、sync修饰符与update响应式写法、vue的生命周期、`uniapp`的界面的交互反馈(`unia ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
uniapp专题学习（四）
# 前言 在[uniapp专题学习（三）](https://www.cnblogs.com/codexj/p/17446892.html)中学习到的知识点有计算属性`computed`、计算属性`computed`和方法`methods`的区别、vue语法的自定义组件、pops的父子组件参数传递。 ......
2023-06-01 uniapp小程序无法在真机测试中加载http开头的图片，只能加载https图片资源
如题，我把图片上传到七牛云，然后把七牛云的图片路径给小程序展示，实测在微信小程序开发者工具中能显示图片，但真机测试就不行，我试着替换成了https开头的图片就可以在真机测试中显示。 具体为什么我不太明白，只是我后续需要把我的七牛云域名升级成https才行。 ......
android ImageView 设定宽度铺满，高度自定义
问题：imageView 宽度铺满，高度自定义，会出现上下留白的现象（一般比例的还好） 解决： <xxx.xxx.xxx.xxx.FullWidthImageView android:id="@+id/iv_image_corp" android:layout_width="match_parent ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
【解决问题】弹簧在结合 QStackedWidget 后没有预期效果，并未按最大高度挤压控件
# 开发环境 - linux 版本：统信 UOS 1030（可以认为是特殊的 ubuntu） - 开发语言：C++ - QT：5.9.9 或 5.14.2 均可 # 问题现象 1、红色圈圈住的地方是一个栈布局（暂且叫 widget_normal），初始界面是这样 中学习到的知识点有viedo组件、form表单组件、navigator路由跳转以及page.json中的tabBar配置。 ## vue语法之计算属性comput ......
JS监听dom高度变化方法总结
前沿： 有时候我们需要监听dom的变化，比如获取父元素的高度，动态的设置子元素的高度，所以需要监听 dom 的高度变化，才能准确获取dom的高度，那么有哪些监听dom高度变化的方法呢？今天简单列举一下。 1、MutationObserver 构造函数 Mutation Observer API 用来 ......
uniapp onShareAppMessage里面请求后调分享（微信小程序）
onShareAppMessage() { const promise = new Promise(resolve => { request({ api: '请求名', method: 'POST', data: { "data": {} } }).then(res => { resolve({ t ......
uniapp 常用知识点
1、原生导航栏（顶部）动态修改 title uni.setNavigationBarTitle({ title:"賬號名稱" }) 2、原生导航栏（顶部）左边箭头默认是返回上一级，监听动态返回指定页面 与data()同级 // 监听原生导航栏的发回按钮 onBackPress(options) { ......
uniapp报错集合
1、swiper组件明明按照方法写了，却不起效果？ 排查发现，swiper组件宽度为0，设置swiper 宽度即可 2、报错Cannot read property 'forceUpdate' of undefined原因为未配置小程序appid 3、引用组件，明明目录里面有组件却报找不到？ 排查发 ......
uniapp安卓移动终端拨打普通电话及4GVolte通话实现
//代码 // 普通语音电话 audio.onclick = function () { // 导入Activity、Intent类 var Intent = plus.android.importClass("android.content.Intent"); var Uri = plus.and ......
uniapp专题学习（二）
# 前言 书接上回，我们学习了uniapp的基本概念、用处、vue语法在uniapp中的使用、page.json的全局配置和局部配置以及组件的使用。本节我们将继续学习uniapp组件。 # uniapp组件学习 ## viedo 视频播放组件。 常用属性：src、autoplay、loop、mute ......
uniapp条件编译文件夹，静态资源
用于处理条件编译一些文件夹，防止小程序包过大，因为不同平台有些文件可能不需要 1、引入删除的npm包用于删除不需要的静态文件 npm install copy-webpack-plugin --save-dev 2、创建build.js配置文件，叫啥都行，为了引入直接写vue.config.js里面 ......
js 获取 image 原始高度
1. 新版浏览器 ```js // 这个 api 仅支持新版本浏览器, 旧版还是得创建一个内部图片 setTimeout(() => { let imgRef = this.$refs.img this.imgWidth = imgRef.naturalWidth this.imgHeight = ......
textarea实现高度自适应
<div> <textarea type="text" placeholder="测试高度自适应" id="testHeight" style="height:1em"></textarea> </div> <script type="text/javascript"> var testHeight ......
uniapp实现顶部弹窗通知，支持H5、App端
文件结构： h5_push.vue <template> <view> <transition name="slide-fade"> <view class="h5_push" v-if="show" @tap="handleClick" :style="style"> <view class="p ......
uniapp中执行完一个方法在执行另一个
function request(url, data = {}, method = "GET") { return new Promise(function(resolve, reject) { uni.request({ url: url, data: data, method: method, ......
关于swiper如何将左右按钮放置到container外面不被隐藏
1、将swiper-button-prev和swiper-button-next放置到swiper-container下一级 2、在swiper-container外面再套一层盒子swiper-box 3、swiper-box设置position:relative,并且去掉swiper-contai ......
uniapp专题学习（一）
# 为什么要学习uniapp 1. 一套代码可以打包到不同的应用平台，一套代码，多端运行；  2. 方便入手 ......