E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
swiper
Vue-Vue的核心概念-Vue的基本使用和常用命令
库(插件)提供一个小的功能,对项目的入侵性小,比如:jQuery,
Swiper
,Zepto,Bootstrap,Iscroll,Animate.css,wow.js,fullpage(zepto是针对移动的
Angel_6c4e
·
2023-04-21 21:56
vue2中使用
swiper
@5.4.5
vue2中使用
swiper
@5.4.5版本说明用前准备使用
swiper
主要配置项修改
swiper
中轮播图的样式修改小圆点样式
swiper
7的使用版本说明aboutvue:由于当前主流仍是vue2,所以本次使用
新生代农民工官方认证码农小拽
·
2023-04-21 20:51
工具类
javascript
前端
swiper
vue
vue中实现轮播图效果
安装
swiper
和vue-awesome-
swiper
npmi
swiper
vue-awesome-
swiper
-Stemplate{{item}}引入组件和cssimport{
swiper
,
swiper
Slide
alicemum
·
2023-04-21 12:07
RecyclerView之EmptyView展示
SwipeR
efreshLayout+RecyclerView之EmptyView展示在使用RecyclerView的时候,有时是需要在没有数据的时候展示EmptyView的。
已经死去的猫
·
2023-04-21 11:23
【无标题】
一开始的bug:我在mounted里创建了
swiper
实例,改变dom,无法循环!
小陈努力再努力
·
2023-04-21 07:56
vue.js
javascript
前端
解决
swiper
的自适应图片高度问题的方法,一句CSS搞定。
最近在写项目中用到
swiper
做标签页切换,因每个标签页的内容不一样,所以需要自适应高度,根据官方API在
swiper
中添加autoHeight:true,但是并没有什么卵用,是ajax的原因还是我自定义个一些样式覆盖掉了
我家媳妇儿萌哒哒
·
2023-04-21 05:38
swiper
css
javascript
html
微信小程序-
swiper
的使用(干货拿来即用!)
开始入坑
Swiper
先上效果图当初想着找一个
程序员海军
·
2023-04-20 18:57
微信小程序
微信小程序
swiper
常用的一些代码
文章目录自适应js禁止放大播放声音store的使用websocket封装echarts实现渐变
swiper
常用的陌生方法(只做记录,不介绍具体用法,持续更新)自适应js;(function(win){varbodyStyle
PBitW
·
2023-04-20 14:38
项目总结
公司常用代码
禁止放大
swiper
播放声音
store的使用
关于异形
swiper
页面刷新后失效的问题(样式错乱)
先看看正常的
swiper
正常
swiper
再看看页面刷新后错乱的
swiper
错乱
swiper
本来以为是因为异形
swiper
的样式问题,后来发现加个属性就好了observer:true,
以对_
·
2023-04-20 12:17
css
js
前端
html
css
js特效效果
轮播:全
swiper
轮播(下面第一个):
Swiper
-强大的移动手机端幻灯片插件效果演示_jQuery之家-自由分享jQuery、html5、css3的插件库jQuery全屏圆形导航轮播图布局特效效果演示
陌一一
·
2023-04-20 11:27
javascript
前端
css
的重要性
window).height()的数值为文档高度的数值(也即$(body).height())而不是窗口高度的数值;但是如果使用了,1、如果页脚使用了image.png这样的定位时,会导致页脚不会紧贴底部2、
swiper
2.7.6
该帐号已被查封_才怪
·
2023-04-20 08:22
Vuepress执行 build,出现 window is not defined 错误。
vuepress在主题的上面提供了扩展功能,使得我们可以使用第三方依赖包进行开发,如elementui,
swiper
等库。
夜偷吻者梦
·
2023-04-19 22:02
vuepress
build
vue
Flutter 常用插件
dio#http请求库flutter_
swiper
、carousel_slider#(图片)轮播组件库package_info、url_launcher#系统库(app相关信息、打电话、发邮件等)pull_to_refresh
就是三木啊
·
2023-04-19 15:59
flutter
android
uniapp的swaper标签,height高度不生效。
当时使用colorUI(原理所有框架通用uviewUI也是)高度无法生效,图片(长条形)总是有空白原因:设置了min-height(colorUI是screen-
swiper
的class)从浏览器当中进行定位即可修改后的代码
三个人工作室
·
2023-04-19 00:49
vue
uniapp
js
uni-app
html
前端
react-7 组件库 Ant Design
1.安装组件库npminstall--saveantd-mobile常用组件
Swiper
InfiniteScrollSideBarNavBarToastDialog2.按需导入我们可以根据项目需要导入需要用到的组件
憨憨404
·
2023-04-18 14:11
react
react.js
vue.js
前端
wp网站添加专栏 左侧幻灯片 右侧4篇文章
网站添加专栏左侧幻灯片右侧4篇文章从后台column专栏读取在index.phpheard及footer插入以下代码/css/
swiper
.min.css">.l_column{width:65.5%;
Tanya木易
·
2023-04-18 12:58
swiper
禁止手动滑动。
swiper
禁止手动滑动。超级简单。只需在
swiper
-slide外层容器加一行css代码,无需引用任何
swiper
相关css文件。
easonR
·
2023-04-18 11:44
swiper
使用教程
第一步:点击获取
swiper
,点击下载
Swiper
,下载需要版本的
swiper
压缩包第二部:在html页面使用,需要将下载文件里的css,min.css以及js,min.js放到自己的文件夹下自己的文件
·小新
·
2023-04-18 08:49
css
css3
html
Vue ios 移动端input 输入关闭键盘后页面底部留白
前提:手机官网,运用vue插件vue-awesome-
swiper
,滑动一下就滚动一屏,最后的一页iOS和安卓都会出现键盘关闭之后,页面底部会出现空白页,也会导致滑动不是一屏的样式错乱效果图如下出现的原因
地主家也没余粮叻
·
2023-04-18 04:20
小程序中scroll-view选项卡和他的跳转(上)
选项卡静态布局思路:主要用到scroll-view与
swiper
your_own_king
·
2023-04-18 04:37
vue
swiper
插件使用
vue-awesome-
swiper
的使用1、安装npminstallvue-awesome-
swiper
--save-dev2、在vue中引入进入maim.js文件importvue
Swiper
from'vue-awesome-
swiper
'import'
swiper
Gino_Li
·
2023-04-18 00:35
Vue3使用触摸滑动插件(
Swiper
)
Vue2使用触摸滑动插件(
Swiper
)参考文档:
Swiper
官方
Swiper
Vue
Swiper
Demos本文使用的是最新版本:
Swiper
@9.2.2安装插件:yarnadd
swiper
本文基于
Swiper
theMuseCatcher
·
2023-04-17 22:52
less
ts
vue3
vue
typescript
less
vue以及angular 使用
swiper
动态获取数据后不轮播的问题,只展示第一条数据
dom未及时渲染,所以可以延时处理setTimeout(()=>{this.
swiper
=new
Swiper
()},0)vue中的话:this.nextTick(()=>{this.
swiper
=new
Swiper
呆呆加油呀
·
2023-04-17 11:47
前端
vue.js
angular.js
小程序组件
swiper
-如何修改面板指示点样式
官方文档里,
swiper
的指示点默认是圆形,且只能修改其颜色。
书此奇谭
·
2023-04-17 07:13
vue-awesome-
swiper
的使用方法
1、下载相关依赖安装vue-awesome-
swiper
指定版本npminstallvue-awesome-
swiper
@4--save-dev安装
swiper
npminstall
swiper
@52、在
cv酱
·
2023-04-16 21:43
前端
vue.js
前端
javascript
swiper
4.0版本兼容ios10以下版本
将导入
swiper
的方式import
Swiper
from'
swiper
'换成import
Swiper
from'
swiper
/dist/js/
swiper
.min.js'
wang_carrie
·
2023-04-16 20:14
Flutter常用插件
Flutter_
swiper
swiper
滑动插件的使用,使用
Swiper
插件图片的切换效果。
虚蕪面孔
·
2023-04-16 00:54
vue3
swiper
获取当前activeIndex
1、npminstall
swiper
2、引入import{
Swiper
,
Swiper
Slide}from'
swiper
/vue';import{Mousewheel,Pagination}from"
swiper
Hello,小丸子
·
2023-04-15 22:35
前端
javascript
开发语言
vue-awesome-
swiper
获取当前页的索引值
htmlSlide1Slide2Slide3Slide4Slide5**js**分页器的type:‘bullets’圆点(默认)‘fraction’分式‘progress’进度条‘custom’自定义exportdefault{data(){return{
swiper
Options
紫轩阁
·
2023-04-15 22:02
vue
vue.js
html5
javascript
swiper
左右切换,获取当前页数
页是动态创建的这里就不写上了var
swiper
=new
Swiper
('.
swiper
-container',{paginationClickable:true,observer:true,observeParents
leos~~
·
2023-04-15 22:02
前端
小程序
swiper
获取下标
这是wxml,bindchange是实时绑定轮播改变事件这是js,e.detail.current是图下标,从零开始!onSlideChangeEnd:function(e){varthat=this;that.setData({index:e.detail.current+1})},
sir.山
·
2023-04-15 22:01
微信小程序
js
微信小程序
获取swiper图片下标
获取swiper下标
uniapp 实现可滑动顶部选项卡(菜单)
利用和实现可滑动顶部选项卡,实现的切换效果类似下图这种(顶部tab下方
swiper
):(代码具体效果只是实现可滑动顶部选项卡的功能,具体样式可自定义修改)一、分步骤展示构建顶部tab选项按钮步骤1、使用组件布局
maoge_666
·
2023-04-15 22:58
uni-app
Swiper
实现手风琴式的图片展示
基础的
Swiper
+简单的过度动画实现效果效果是这样的
Swiper
版本:^6.3.4相关代码Reactimport{
Swiper
,
Swiper
Slide}from'
swiper
/react';import'
swiper
ATWLee
·
2023-04-15 18:46
React技术栈相关
css3
前端
reactjs
2022-10-28
在其中传入了两个形参(url,data),之后在函数内部建立Promise来处理异步请求(如何处理看另一篇)首页:最上方的题目部分,专门封装了组件,在不同页面使用时传入不同的文字内容往下的轮播图部分是一个
swiper
block
swiper
-itemimage
Lumos_c279
·
2023-04-15 18:40
Vue 使用的注意点
上手简单.下面我记录下我使用Vue遇到的一些坑,及使用方法几个常用的libVueVant,UI框架Element,UI框架AXIOSVUE-RouterVUEXvue-i18nvue-awesome-
swiper
vue-awesome-
swiper
-npmvue-parallaxyvue-parallaxy
Jason_风筝
·
2023-04-15 08:24
前端项目-05-轮播图banner和Floor组件开发-全局轮播图组件抽取
目录1-轮播图模块数据开发2-floor组件开发3-抽取全局轮播图组件1-轮播图模块数据开发轮播图需要用到
swiper
插件,先安装5.4.5版本的
swiper
:npminstall--save
swiper
ycmy2017
·
2023-04-15 02:35
前端知识
vue
前端
React-native 首个工程使用的三方记录
React-native版本:0.61.2跨平台轮播图react-native-
swiper
,目前在安卓上运行会报错ViewPageAndroidhasbeenremovedfromreact-native
bugbiu
·
2023-04-15 01:18
Vue学习笔记-项目开发2.1轮播图插件 vue-awesome-
swiper
的使用
1、vue-awesome-
swiper
组件的安装:npminstallvue-awesome-
swiper
--save如果指定版本号:npminstallvue-awesome-
swiper
@2.6.7
Kasey_L
·
2023-04-14 17:25
vue
vue3中使用
swiper
及遇到的问题
vue3中使用
swiper
一、安装
swiper
二、使用
swiper
三、echarts+
swiper
一、安装
swiper
使用npminstall
swiper
安装swpier插件npminstall
swiper
-s
金牌战五渣
·
2023-04-14 12:17
vue.js
前端
echarts
vue3 :deep() 深度选择器使用
#
swiper
>.
swiper
Context:deep(p){width:100vw;height:60vw;background:#000;border:5pxsolid;box-sizing:
哈哈哈嗝哈哈哈
·
2023-04-14 03:06
Vue
uni-app+uView如何轮播图滑动时改变背景颜色和导航栏颜色
页面背景轮播图大致如下(看重点,不要照抄)对应的,我们需要初始化一下data(){return{navBackground:{backgroundColor:'#fff'},bgColor:'#fff',
swiper
List
李長庚
·
2023-04-14 00:52
uni-app
uniapp和微信小程序的区别
1、页面标签基本相同view,text、scroll-view,input、picker、
swiper
等等2、api基本相同,wx换成uni即可原生写法:wx.request、wx.showModal、
李長庚
·
2023-04-14 00:22
uni-app
微信小程序
javascript
wx小程序笔记(2)
:常用组件第一节:scroll-view组件view:scroll-view:设置横向滚动:设置竖向滚动:scrolltoupper和scrolltolower事件:bindscroll事件:第二节:
swiper
Wang·Br
·
2023-04-13 12:50
笔记
前端
tab栏转换可滑动功能,解决
swiper
高度问题,使
swiper
高度自适应。
出现的问题:
swiper
高度默认150px,
swiper
-item高度是100%,起初想让
swiper
-item中的内容吧
swiper
-item和其父元素高度撑开,理应将height设置成auto但是
swiper
柑橘乌云_
·
2023-04-13 10:03
前端
html
javascript
vue3中使用
swiper
及遇到的问题解析
目录一、安装
swiper
二、使用
swiper
三、echarts+
swiper
一、安装
swiper
使用npminstall
swiper
安装swpier插件npminstall
swiper
-s//@9.2.0
·
2023-04-13 09:07
关于同时使用
swiper
和echarts遇到的问题及解决方法
目录项目背景问题一解决办法问题二项目背景场景:需要在
swiper
中每个轮播项中展示包含不同的echarts,并开启loop:true循环
swiper
:5.3.6vue-awesome-
swiper
:4.0.4echarts
·
2023-04-13 09:07
微信小程序之
swiper
轮播图
了解微信小程序开发的同学都会知道它的目录以及.js、.wxml、.wxss的所代表的文件意义在index.wxml中使用
swiper
(滑块视图容器)做轮播图在index.js文件中定义imgUrls数组以及
用心_承载未来
·
2023-04-13 07:34
微信小程序
微信
微信小程序
37.轮播图
1.6li的点击功能1.7右键点击功能1.8左键点击功能1.9自动播放功能1.10节流阀1.11源码2移动端轮播图2.1源码2.2需要注意的点2.2.1复制图像2.2.2滑动的flag2.3添加轮播图3
swiper
Suyuoa
·
2023-04-13 05:09
JavaScript笔记
前端
【前端做项目常用】相关插件的官网 总结
以下整理本人在做项目的时候遇到的一些常用的相关插件的官网:相关插件的官网:1.
Swiper
官网:——常用于轮播图网址:
Swiper
中文网-轮播图幻灯片js插件,H5页面前端开发2.iconfont官网:
快意人生大社畜
·
2023-04-13 04:20
Vue
项目
前端工具网站/软件/插件
javascript
vue.js
开发语言
nuxt
swiper
vue-awesome-
swiper
,坑多多
无seo/不支持一套代码多个语言等,所以重构开始进坑:用nuxt改写
swiper
巨巨巨多(跳坑请看正文第2点或爬坑)1.nuxt不支持
swiper
,经常弹出。
弑天落羽
·
2023-04-12 19:16
nuxt
swiper
vue
vue.js
javascript
前端
上一页
15
16
17
18
19
20
21
22
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他