高度uniapp swiper

【uniapp】学习笔记day03 | 页面制作

一、开发层级结构介绍 page.json 对uniapp进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbbar manifest.json 应用的配置文件,指定应用的名称、图标、权限 App.vue 页面入口文件,可以调用应用的生命周期函数 main.js 初始化vue实 ......
页面 笔记 uniapp day 03

uniapp如何支持npm下载

首先一个正常的Nodejs项目都会有package.json 简单的说,在早期的前端领域中其实没有组件化,模块化这种概念,直到nodejs中引入了模块,它认为 一个模块就是一个库或者一个框架(比如文件处理模块fs模块),当模块化出现之后,为了 管理这些模块,或者说 为了描述这个模块,package. ......
uniapp npm

uniapp如何下载video.js

在uni-app中引入video.js有两种方式 1.通过cdn的方式引入(不建议,当这个cdn失效时,你的业务可能就崩了) <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel ......
uniapp video js

uniapp生命周期

应用生命周期(onLaunch等) 页面生命周期(onLoad,onShow等) 组件生命周期(组件生命周期是vue的生命周期,没有onLoad,onShow这些页面生命周期) ......
周期 生命 uniapp

uniapp引入阿里巴巴矢量图标

1、先去图标库下载图标 2.解压下载的文件进入 、 3、输入 npm install -g iconfont-tools ,再输入iconfont-tools最后无脑回车 4.文件夹会多一个iconfont-weapp的文件夹 5.iconfont-weapp-icon.css放入项目随机位子 6. ......
矢量 图标 uniapp

uniapp的初始化方法

// 监听页面初始化,其参数同 onLoad 参数,为上个页面传递的数据,参数类型为 Object(用于页面传参),触发时机早于 onLoad onInit(){ }, // 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参) onLoad(obj) { }, // ......
方法 uniapp

uniapp小程序/deep/修改全局组件样式不生效问题

1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......
全局 样式 组件 程序 uniapp

uniapp修改数组对象属性,视图不刷新问题

uniapp最大的坑 遇到修改数组属性视图不更新的问题 有两种解决方法 一:this.$forceUpdate();强制更新,这个确实在H5端更新了,但是微信小程序还是没有更新 二:this.$set(),一样不行修改数组后视图依旧不刷新 最后用$.elmit()方法 在子组件修改父组件传给子组件的 ......
数组 视图 属性 对象 uniapp

uniapp 如何接入 airwallex的支付

在uni-app中接入 Airwallex 的支付,需要进行如下步骤: 在你的uni-app项目中引入Airwallex SDK。 import airwallex from 'airwallex-payment-widgets'; 初始化Airwallex支付控件。 const paymentMe ......
airwallex uniapp

【uniapp】学习笔记day02 | uniapp搭建

起因:需要做一个小程序,家人们谁懂啊,老师我真的不会做,由于懒得看视频学习,于是只能看博客学习了。 uniapp 好处: 1、不用关心适配问题 2、可以发布到各大平台的小程序 3、上手容易,使用vue.js语法开发 开发工具 HBuilderX ......
uniapp 笔记 day 02

uniapp开发小程序输入框拉起软键盘时,输入框显示不全,被软键盘挡住一半

在开发过程中,input或者Textarea聚焦时,出现遮挡一半的情况 处理方法: (1)在input或者textarea添加:cursorSpacing="20"留出光标到软键盘的距离。 (2)若在弹窗定位中时需要加入:fixed="true"属性,不然拉起软键盘时没有显示在软键盘上面。 (3)若 ......
键盘 程序 uniapp

uniapp开发微信小程序直播

1.使用腾讯云直播助手live-room-play组件 参考:https://www.cnblogs.com/czhowe/p/17138175.html 可能会出现问题: 1.uniapp使用云直播助手插件时播放有问题,插件没问题,又没有报错?原因:拉流的播放地址的问题,使用的不是小程序的域名ap ......
程序 uniapp

uniapp开发小程序使用选项卡切换时内容丢失

基于uniapp开发小程序上下滑直播间功能时,再使用uView-UI的Tabs 标签,安卓没问题,但ios会出现内容丢失的情况 经过调试发现是因为封面图片设置了模糊效果导致的,把模糊效果的代码注释掉,就可以了 .play-bg-img{ display: block; width: 100%; he ......
程序 内容 uniapp

uniapp-报错记录

1.JSON转换格式,数据中含有地址 解决方法:经过JSON.stringify()方法转换过的对象或数组,再使用encodeURIComponent()方法再次编码,使用时先通过decodeURIComponent解码,然后再使用JSON.parse()方法转化成json类型的对象或者数组 2.g ......
uniapp

swiper使用时出现的问题总结

1、展示异常或者滑动有问题,有可能是因为swiper未正常渲染。 解决:定义swiper延迟500ms 2、出现白屏 解决:swiper内如果是img时,需设置具体的height数值。 3、在把swiper挂载到页面标签时,若此标签或其父标签为display:none,过后标签显示时也无法正常显示轮 ......
swiper 问题

从头开始新建uniapp

1、打开HBuilder X,新建项目 2、修改AppID(在https://mp.weixin.qq.com注册一个小程序) 3、登入Hbuilder自动获取ApppID 4、运行 -微信开发者工具 ......
从头 uniapp

轮播图组件swiper之两个轮播图同步

试用下一个swiper轮播图作为另一个swiper轮播图的分页器,解决同步问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I ......
组件 两个 swiper

swiper插件加载时宽度显示错误

最近在使用swiper插件编写滑动轮播图,要求一次显示多个图片,但出现了一个问题,首次进入没问题,但跳转页面返回后图片宽度会发生变化,大致情况如下: 这是正常情况,可以左右滑动 js代码如下: 但页面跳转返回后,页面就变成了这种: 并且左右滑动也会有各种问题。 后来上网查了一下原因,发现出现这种问题 ......
宽度 插件 错误 swiper

数据结构 玩转数据结构 12-2 AVL树计算高度及平衡因子

0 课程地址 https://coding.imooc.com/lesson/207.html#mid=14347 1 重点关注 1.1 代码草图 1.2 代码实现计算高度及平衡因子及测试 3.1getHeight和getBalancFactory的应用 2 课程内容 3 Coding 3.1 co ......
数据结构 结构 数据 因子 高度

uniapp android检查权限,不进行获取

var Manifest = plus.android.importClass("android.Manifest"); var MainActivity = plus.android.runtimeMainActivity(); MainActivity.checkSelfPermission(M ......
权限 android uniapp

Uniapp 图片上放另一个图片

直接上代码 .img1a{ position: relative; width: 100%; height: 100%; } .video-open{ margin-left: 45%; margin-top: 45%; position: absolute; z-index: 9999; widt ......
图片 Uniapp

记录使用uniapp出现Not found -1,68,0[ERROR]的问题

由于组件代码内容很长,就对代码进行了拆分,把index.vue里面的template和css代码放到了index.vue里面,把js代码放到了index.js里面,结果h5上面没有问题,app调试的时候出现了Not found -1,68,0[ERROR]。找到原因是把components也写到了m ......
uniapp 问题 ERROR found Not

html a标签怎样设置宽高,a标签如何设置高度和宽度

https://blog.csdn.net/weixin_30344519/article/details/117859933 https://www.yzktw.com.cn/post/14740.html style="font-size:15px;" 我们直接设置html代码中的a标签高度和宽 ......
标签 宽度 高度 html

直播平台软件开发,Uniapp动态设置组件颜色

直播平台软件开发,Uniapp动态设置组件颜色 这里主要是使用了Vue 内联样式,动态绑定某一样式属性:color,background-color等 <button type="primary" plain="true" @click="onClick(item)" :style="{'backg ......
软件开发 组件 颜色 动态 Uniapp

直播平台源代码,Uniapp text 样式设置

直播平台源代码,Uniapp text 样式设置 1、使用perps定义样式数组 <template> <view> <text :style='{ color: fontColor, fontSize: fontSize, fontWeight: fontWeight }'> {{ time }} ......
源代码 样式 Uniapp 平台 text

全屏高度的固定导航条

全屏高度的固定导航条 接下来我们创建一个左边是全屏高度的固定导航条,右边是可滚动的内容。 实例 https://www.tzffs.com/mnst14/ ul { list-style-type: none; margin: 0; padding: 0; width: 25%; margin: 0 ......
高度

uniapp与ios原生混合开发教程 - 开篇

说明 有读者反馈: 学习uniapp ios 插件开发不知道从哪些文章看起,没有一个清晰的学习路线 本文就做一个解答。 首先本系列的文章是作者精心排过序的,如果想要完整的学习uniapp ios原生插件开发技术的话,建议是按文章顺序浏览。 当然您如果有相关的开发经验,且只对某一技术实现感兴趣的话,也 ......
开篇 教程 uniapp ios

永磁同步电机无位置传感器控制,采用的是龙贝格,基于模型的 定点开发,仿真效果和实际95%高度吻合

永磁同步电机无位置传感器控制,采用的是龙贝格,基于模型的 定点开发,仿真效果和实际95%高度吻合,可以仿真学习,也可以直接移植到项目中YID:32768642079012761 ......
同步电机 定点 传感器 电机 模型

如何让一个div拥有屏幕的高度

有些时候登录页面需要设置一个图片有这个屏幕的大小 但因为块级元素是根据自己内部的内容来撑起高度的 当一开始没有内容或内容完全不足一页的时候就无法占据整个屏幕 解决方法:将body,html,对应div的高度全部设置成为100%这样就可以让div撑满整个屏幕了。 <body> <div class=" ......
屏幕 高度 div

Uniapp怎么获取当前页面路由

Uniapp获取当前页面路由的方法: 方法一: let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route // 获取当前页面路由,也就是最后一个打开的页面路由 ......
路由 页面 Uniapp