uniapp
css 文字内容过长和下一个信息项重叠解决办法(uniapp)
1. 把固定高度注释掉，自动调整高度 .cardBox{ padding:20rpx 30rpx ; .item{ // width: calc(100% - 40rpx); // height:398rpx ; padding:10rpx 20rpx 0rpx; margin-bottom: 25 ......
uniapp默认tabBar在页面中隐藏
一、在页面pages.json设置tabBar 这样我们在uniapp里面才可以进行tabbar的跳转 二、要对默认的隐藏设置需要对页面的生命周期设置 在对应的默认tabBar页面里面设置进行隐藏tabbar uni.hideTabBar() 三、就是使用我们自己的tabbar组件喽 ......
uniapp使用scss定义全局css
1.新建scss文件，定义各种全局css样式 $orange: #ee5313!default; //主题色：橙色 $darkOrange:#d43a11; //深橙色 $color:#333; $gray: #999; //灰色 $lightGray:#bbb; //浅灰 $grayBg:#f3f ......
Uniapp HBuilderX 编译 运行到手机 内存不足：***** out of memory
HBuilderX 内置node版本是32位，如果遇到JavaScript heap out of memory问题，可以自行下载64位的Node进行替换 替换 HBuilderX 内置的node.exe文件：HBuilderX\plugins\node\node.exe 用自己安装的 node 里 ......
uniapp 微信小程序生成二维码
<view class="qr-box"> <canvas canvas-id="qrcode" style="width: 340rpx;height: 340rpx;;margin: 0 auto;" /> </view> <script> import uQRCode from '@/comm ......
uniapp中swiper设置自适应高度
原文链接: https://www.jianshu.com/p/6a2fa0f1f86e uniapp中如何设置swiper的高度自适应的问题解决 uniapp中的swiper组件可以用来做滑动切屏的，但是有个不好的地方，就是必须设置一个固定的高度，对于在每一个swiper-item里的内容可能不一 ......
关于uniapp表单验证（uview）的坑
uniapp 在验证表单 出现this.$refs.uForm.setRules(this.rules) Error in onReady hook: "TypeErr的错误。 在web h5在上，就会容易错误，语句比较严格。 出现this.$refs.uForm.setRules(this.rul ......
uniapp android app 铃声静音，真正的免打扰
需要加入这个权限： <uses-permission android:name=\"android.permission.ACCESS_NOTIFICATION_POLICY\"/> 代码： /** * 设置铃声为静音，媒体音量不变(免打扰) * */ setDisturb() { // #ifde ......
uniapp中video实现自动播放
直接上代码 onLoad(option) { this.$refs.video.play() }, 相关资料 https://blog.csdn.net/m0_48571414/article/details/129128523 ......
uniapp-小程序
使用uniapp开发小程序遇到的坑： 使用uni-swipe-action-item左右滑动会报错 swiperaction.closeOther is not a function :auto-close="autoClose"设置false，不启用自动关闭功能； :show="item.isSh ......
uniapp脚手架项目抖音小程序中使用了uView框架中的IndexList 索引列表组件报错uni.requireNativePlugin is not a function
解决办法 如果您是vue-cli模式的项目，还需要在项目根目录的vue.config.js文件中进行如下配置： // vue.config.js，如没有此文件则手动创建 module.exports = { transpileDependencies: ['uview-ui'] } ......
uniapp实现app检测升级
插件：APP版本检测升级 - DCloud 插件市场 我的使用 1.在首页引入插件 <yomol-upgrade ref="yomolUpgrade"></yomol-upgrade> 在mounted中调用yomolUpgrade中的方法 this.$refs.yomolUpgrade.show( ......
uniapp button样式置空
小程序转发，得用button，样式太丑了， <view class="one"> <button data-name="shareBtn" open-type="share" hover-class="none"> <image src="/static/index/carddetail/sendc ......
uniapp获取到当前设备高度与宽度和当前元素距离顶部的距离
获取到当前设备的宽度和高度 uni.getSystemInfo({ success: function (res) {console.log(res.windowHeight) console.log(res.windowWidth) } }) 当前元素距离顶部的距离 uni.createSelec ......
成品直播源码推荐，uniapp多行滚动通知
成品直播源码推荐，uniapp多行滚动通知 代码：template部分 <template> <view class="content"> <swiper class="swiper" vertical circular autoplay interval="2000" // 重点 display- ......
uniapp 动态修改 css 样式
css 使用 var 注入变量， 达到设置动态样式的需求 声明 css 变量时， 变量名前面要加两根连词线（--）； 变量使用 kebab-case 命名方式，即 --header-color 而不是 --headerColor； 变量名大小写敏感，--header-color 和 --Header ......
uniapp微信小程序支付
完全依赖后台接口实现 微信小程序只能用微信支付，不用考虑支付宝接口 submit(){ var self = this; // console.log(this.price,this.payType) var money = 100000; var amount = this.price; var ......
vue3 uniapp Uncaught (in promise) TypeError: Cannot read properties of null (reading 'emitsOptions') 报错
引发这个问题是在三级页面中使用uni.navigateBack({ delta: 2 })返回到一级页面 再重一级页面进入二级页面 二级页面中引用的组件引发的emitsOptions报错 //原因：我在二级页面中的组件使用ts的emit写法引发的报错 const emit= defineEmits< ......
uniapp自带的提示窗口
一、成功提示弹窗uni.showToast({ title: '成功提示', //将值设置为 success 或者直接不用写icon这个参数 icon: 'success', //显示持续时间为 2秒 duration: 2000 }) 二、加载提示弹窗 //前端数据请求时，显示加载提示弹框 uni ......
uniapp微信小程序直播
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/industry/liveplayer/live-player-plugin.html https://docs.qq.com/doc/DZHhzV0FiYX ......
uniapp 做app与h5开发的问题
目前产品是使用uniapp做跨平台开发的 安卓 ios 的app 以及公众号 也就是h5版本 基于uniapp的一些api只能提供 app端的使用 先前的设想是 如果 有类似下图的接口 不支持h5的 就使用html5的api去介入设备控制 开始不打算用wx sdk 是考虑后续如果要发布到不同平台需要 ......
uniapp 打包aab上传到google play的时候google 登录报异常
因为App上传到Google Play后，会被重新签名（Play App Signing） 谷歌为你生成的签名SHA-1 将谷歌为你生成的签名SHA-1 证书指纹复制到本应用已创建的凭据SHA-1 处， 点击保存后，ClientID并没有变，所以不用重新打包。现在，不用等，你可以试试Google+登 ......
uniapp 区分环境打包配置
概述 在开发web时，有时需要一套代码编译发布到不同的站点，比如主站和微信h5站。（注意不是一套代码内部自适应不同浏览器，是真的分离部署了不同的网站） 在开发小程序时，经常有扩展小程序平台，比如基于阿里小程序的钉钉小程序、淘宝小程序。 uni-app 通过在package.json文件中增加uni- ......
uniapp 获取页面滚动高度。初步计算基层代码
<template> <scroll-view class="scroll-view" scroll-y @scroll="onPageScroll"> <div class="one">one</div> <div class="two">two</div> <div class="three"> ......
uniapp directive 在原生 wgt 包不生效 uniapp directive 不生效
需求 根据权限编码禁用按钮 阻止当前 dom 绑定的点击事件，禁用状态（opacity 半透明？？ 或者 display: none?? ） 尝试 开发环境用 Chrome 跑，一切正常，构建打包后去真机跑，按钮没控制住 （用 HBX -发行-原生应用 app 制作 wgt 包）开发环境： HBX: ......
uniapp轮播图预览
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"> <!-- 把当前点击的图片的索引，传递到 preview() 处理函数中 点击图片预览--> <sw ......
uniapp android端铃声静音
uniapp 使用了html5plus的api,可以实现调用原生的api功能，htm5plus官方api文档： https://www.html5plus.org/doc/zh_cn/ios.html 我主要是使用了native.js 中android端部分实现了铃声静音，但不会让媒体音量也静音。要 ......
解决uniapp不显示showToast或一闪而过问题
原因：showToast与其他方法冲突，以onLoad冲突为例 第一种： 将showToast与showLoading分开，放到mounted中 mounted(){ // 判断是否登录 if (!this.hasLogin) { uni.showToast({ title:'登录过期', icon ......