高度uniapp swiper
uniapp app端内嵌webview对接支付宝支付
//app支付 const appRequestPayment = (orderInfo: string) => { uni.navigateTo({ url: '跳转的路径?one=' + encodeURIComponent(JSON.stringify(orderInfo)) }) } Vie ......
uniapp 修改ios input输入框在safari浏览器上 有黄色背景
<input class="codeInputClass" v-model="state.code" type="number" placeholder="请输入验证码" @input="codeInput" placeholder-class="placeholderClass" maxlengt ......
uniapp子组件监听触底
在主页面中添加事件 onReachBottom() { uni.$emit('onReachBottom'); }, 在子组件中添加监听触底事件 mounted() { var that=this; uni.$on('onReachBottom', function(data) { console. ......
webpack项目怎么引入swiper轮播图插件使用的方案
问题： 由于webpack项目中需要使用到swiper轮播图插件 直接let swiper = require('swiper')使用是不行的 解决方案: 采用ES6的方式来引入 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： // 引入轮播图插件; Pa ......
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 ......
react useCallback获取元素实时高度
import React, { useCallback, useState } from 'react'; import { Button } from 'antd'; const maxHeight = 540; const Component = () => { const [textHeigh ......
微信小程序swiper添加左右切换按钮
项目中需要使用swiper，需要添加左右切换的按钮，代码如下： wxml <view> <block wx:if="{{list.length>1}}"> <van-icon bindtap="nextSwiper" name="arrow" class="icon-right" color="#c ......
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 ......
实现默认展示title并隐藏不定高度的文字，hover触发时全部展示
title和word的容器使用绝对定位脱离文档流使其可以覆盖图片，word使用流体布局限制最大行数避免文字完全覆盖图片，之后设置容器默认和触发两个状态 默认：transform: translateY(calc(100% - title高度))，注意使用calc时，加号减号前后需要空格，不然会无效（ ......
uniapp android app 铃声静音，真正的免打扰
需要加入这个权限： <uses-permission android:name=\"android.permission.ACCESS_NOTIFICATION_POLICY\"/> 代码： /** * 设置铃声为静音，媒体音量不变(免打扰) * */ setDisturb() { // #ifde ......
结合vue的transition使用，封装一个高度自适应的手风琴效果
<transition @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter" @before-leave="beforeLeave" @leave="leave" @after-leave="afterLeave"> ......
css--常见左右盒子宽度高度自适应布局
css--常见左右盒子宽度高度自适应布局 前言 前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的宽高度都不固定，要使得右部分的宽度充满剩余的部分，并且高度随着左边的高度发生自适应，而左 ......
uniapp中video实现自动播放
直接上代码 onLoad(option) { this.$refs.video.play() }, 相关资料 https://blog.csdn.net/m0_48571414/article/details/129128523 ......
GridView 同行item高度不一致问题
GridView 同行item高度不一致问题 //bug 场景：item高度不一致，存在留白间隙 解决办法： 将GridView 添加到它本身的适配器当中，新增ViewHolder（目的是在GridView 初始化完成后，适配器方便操作GridView，直接在适配器getView方法中对conver ......
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( ......
微信小程序 image图片组件实现宽度固定 高度自适应
mode 有效值： mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。 设置height:auto, mode="widthFix" 就行咯～～～ https://blog.csdn.net/qq_40095973/article/details/80352144 ......
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 ......
textarea高度自适应
/** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) * @param {Number} 设置最大高度(可选) */ autoTextarea (elem, extra=0, ma ......
成品直播源码推荐，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< ......