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
轮播原生。
swiper
Normal*{padding:0;margin:0;}html,body{height:100vh;}.
swiper
-box{display:inline-block;box-sizing
伊昂呀
·
2023-12-20 07:57
javascript
前端
css
vue-awsome-
swiper
的各种坑
坑一:首先它自带了
swiper
.css里面已经包含了很多样式,要修改的话很麻烦。普通在引用页面重写覆盖还不可行。第一个方法:css样式写!
haha2333
·
2023-12-20 05:02
小程序模仿抖音上下滑动视频
前景知识要实现小程序类似抖音上下滑动预览视频,就我了解的,方案可以分为两种1、利用原生组件
swiper
(据说很卡,我也试过,好像是有点不流畅)2、自己实现一个上下滑动效果(只需要监听一组事件,判断上拉还是下拉
海龟先生plus
·
2023-12-19 22:01
js
css
javascript
uni-app公共组件
轮播组件(Carousel)exportdefault{props:["imagelist"],}.
swiper
{height:200px;width:100%;}.
swiper
-item{height
wppeng
·
2023-12-19 20:53
解决No matching export in “node_modules/vue-demi/lib/index.mjs“ for import “hasInjectionContext“问题
查看package.json文件"pinia":"^2.0.14","
swiper
":"^6.7.5","vue":"3.2.37",查看Pinia的版本号:发现2.1.0及以上版本需要引入Vue3.3
白鲸ld
·
2023-12-19 18:16
vue.js
javascript
前端
uniapp组件之tab选项卡滑动切换
效果如下:代码如下:{{item.name}}选项卡1页面选项卡2页面选项卡3页面选项卡4页面选项卡5页面选项卡6页面exportdefault{watch:{//
swiper
与上面选项卡联动currentindex
薇森
·
2023-12-19 18:00
uniapp
前端框架
前端
小程序自定义轮播图样式
({data:{now:'',banner:[],circular:true,indicatorDots:false,autoplay:true,interval:4000,duration:800,
swiper
Cur
季夏梧桐
·
2023-12-19 15:22
小程序
微信小程序常见组件的使用
小程序组件介绍组件是可复用的软件模块组件是用来封装页面中某一部分功能的,例如:轮播图组件、底部tabBar组件、业务组件多个组件的灵活组合可以实现不同的页面功能展示小程序中常用的组件viewtextbuttonicon
swiper
inputnavigatorimageradiocheckboxview
beizi
·
2023-12-19 12:41
【小程序】-【
swiper
、
swiper
-item轮播图
swiper
是滑块视图容器。其中只可放置
swiper
-item组件。
CaraYQ
·
2023-12-19 05:13
小程序
小程序
基于react-native-
swiper
的轮播图
基于react-native-
swiper
的轮播图安装组件封装组件
Swiper
Component使用组件device.js安装组件npminstallreact-native-
swiper
-S封装组件
Swiper
ComponentimportReact
miao_zz
·
2023-12-18 15:24
react-native
react
native
react.js
javascript
小程序
swiper
指示点自定义
官方文档可以更改指示点颜色
swiper
组件我们想要的是不仅仅只是简单的修改显示的颜色,比如能改变形状,代码如下:(mpvue写法)wxml代码:js代码:exportdefault{data(){return
墨芊baby
·
2023-12-18 10:16
vue-awesome-
swiper
实现3d轮播图
vue-awesome-
swiper
实现3d轮播图写了好几个有关vue的移动端的项目,好多轮播样式都是3d的,所以现在记录一下,以便下次可以直接使用安装npminstallvue-awesome-
swiper
River_tong
·
2023-12-18 05:58
微信小程序(一) —— 常见组件
文章目录项目基本组成结构常见的视图容器类组件viewscroll-view
swiper
和
swiper
-item使用viewscroll-view
swiper
和
swiper
-item
swiper
标签属性️
旺仔好吃糖er
·
2023-12-17 17:41
微信小程序
小程序
鸿蒙(HarmonyOS)应用开发——简易版轮播图
那么在harmonyOS中,如果要实现轮播,我们是使用
swiper
组件
swiper
组件
swiper
组件是一种容器组件。它提供切换子组件显示的能力。
layman0528
·
2023-12-17 03:20
鸿蒙(HarmonyOs)
ArkTs
harmonyos
华为
Vue 项目中
Swiper
轮播图分页器
swiper
-pagination 无法显示问题
首先根据自己项目需要下载
swiper
,可以通过npm,也可以下载到本地引用.我是本地引用.,注意自己下载的版本,我当时安装的版本的是
Swiper
3,然后引用后分页总是不出来这是
Swiper
3的做法:..
南郭先生
·
2023-12-16 16:46
自定义小程序
swiper
指示点样式
image小程序不提供
swiper
指示点的样式自定义。只能自己写一个指示点样式,替换掉。
AHi_ae80
·
2023-12-15 19:41
Flutter开发常用第三方库分享
fluro路由管理flutter_oktoastToastcommon_utilsDart常用工具类库flutter_slidable侧滑删除flustarsFlutter常用工具类库flutter_
swiper
Flutter
JamieChen
·
2023-12-15 13:17
微信小程序 轮播图且跳转微信公众号文章
在页面的WXML文件中,使用
swiper
组件来实现轮播图:在上述代码中,bannerList是一个数组,包含了轮播图的数据,每个数据对象需要有一个imageUrl字段,表示图片的地址。
皮卡丘-杰尼龟
·
2023-12-15 10:37
微信小程序
微信
小程序
2019-01-30实现3D轮播和动态增删class类名
先看一下效果:shadow.gif
swiper
的相关属性indicator-dots是否显示小圆点,也可以自己重新设置小圆点circular是否衔接滑动,就是实现无限滚动previous-margin与上一张图片的间距
Kason晨
·
2023-12-15 09:18
Android笔记:
SwipeR
efreshLayout 自动刷新
/***The
SwipeR
efreshLayoutshouldbeusedwhenevertheusercanrefreshthe*contentsofaviewviaaverticalswipegesture.Theactivitythat
程思扬
·
2023-12-15 09:08
Android
记录
android
笔记
python
经验分享
android-studio
下拉刷新
SwipeR
efreshLayout的使用
image.pngimage.pngimage.png用法:main.xml······--------------MainActivity------------------···packagecom.example.lenovo.test_03;importandroid.os.Build;importandroid.os.Handler;importandroid.os.Message;im
Summer_27d1
·
2023-12-15 06:04
swiper
和video实现抖音刷视频功能
实现抖音刷视频功能//上下滑动触发事件changeplay(res){console.log('res',res);clearTimeout(time)this.page=res.detail.currenttime=setTimeout(()=>{if(this.pageStatrY{this.$refs.player[this.page].player()},20)this.$refs.pla
poguanba
·
2023-12-15 02:23
音视频
数据库
linux
轮播插件Slick.js使用方法详解
相比于
Swiper
而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅参数:1.基本使用:一般使用只需前十个属性$('.boxul').slick({autoplay:true
小跳不会Coding
·
2023-12-14 14:22
网站开发
javascript
开发语言
ecmascript
uni-app 微信小程序之
swiper
轮播图
1.实现效果2.完成代码exportdefault{name:'Components',data(){return{
swiper
List:[{id:0,type:'image',url:'https:/
范特西是只猫
·
2023-12-06 06:28
#
uni-app
微信小程序
小程序
swiper
轮播图
vue3中使用
swiper
7
details/121354984Slide1Slide2Slide3//@isanaliasto/srcimporttopNavfrom"@/components/topNav.vue";//import
Swiper
coreandrequiredmodulesimport
Jycoding
·
2023-12-06 05:30
微信小程序轮播图高度随着图片大小变化
官网的轮播组件:https://developers.weixin.qq.com/miniprogram/dev/component/
swiper
.html实现思路:给图片设置mode='widthFix
绿啊绿啊绿刺猬
·
2023-12-05 15:15
移动端使用photoSwipe图片放大不能长按保存
使用photo
Swiper
实现图片缩放,切换,放大的图片在pc端可以右键保存,但是在移动端放大之后长按不能保存,解决方案:1.options中添加isClickableElement属性,varoptions
zhym86848658
·
2023-12-04 23:04
javascript
鸿蒙(HarmonyOS)应用开发——容器组件(Tabs组件)
那么接下来就是容器组件中的Tabs组件根据功能分类基础组件容器组件媒体组件绘制组件画布组件ColumnRowListGridTabs
Swiper
Tabs介绍Tabs是一种可以通过页签进行内容视图切换的容器组件
layman0528
·
2023-12-04 11:19
鸿蒙(HarmonyOs)
ArkTs
harmonyos
华为
uni_app组件实现tab选项卡滑动切换,支持默认选中,vue3+ts+setup
主要能力:选中的tab会自动移动到组件的中间位置,支持默认选中第几个tab,可联动获取数据,支持和
swiper
联动使用。
平谷一勺
·
2023-12-04 08:59
uniapp
前端
vue.js
uni-app
typescript
微信小程序实现滑动/点击切换Tab
背景
swiper
+scroll-view实现滑动/点击切换Tab,以及scroll-left的使用~文末分享源代码。记得点赞+关注+收藏!
苏苏哇哈哈
·
2023-12-04 08:55
小程序
微信小程序
微信小程序
小程序
前端
微信小程序选项卡页面切换
wxml代码游戏专题挑战1.游戏2.专题3.挑战wxss代码:.tab{float:left;width:33.3333%;text-align:center;padding:10rpx0;}.Tab
Swiper
小马大咖
·
2023-12-04 08:52
微信小程序
微信小程序
前端
javascript
2019-11-06
jQuery-weui幻灯片(轮播图)使用先把官方文档地址献上http://www.jqweui.cn/extends#
swiper
因为我觉得官方文档代码写得不全,所以把代码补全了,放在这儿,以后可以直接拿来用
木兰妮
·
2023-12-04 03:29
flutter开发实战-轮播
Swiper
更改Custom_layout样式中Widget层级
flutter开发实战-轮播
Swiper
更改Custom_layout样式中Widget层级在之前的开发过程中,需要实现卡片轮播效果,但是卡片轮播需要中间大、两边小一些的效果,这里就使用到了
Swiper
BruceGwo
·
2023-12-04 03:46
移动开发
flutter开发实战
flutter
1024程序员节
flutter
笔记
vue3中使用
swiper
7及autoplay无效问题
版本vue3.2.26
swiper
7.4.1坑啊,真的是太坑了,
swiper
7中使用需单独引入组件{{item}}import{Pagination,Autoplay}from'
swiper
'import
张小浪
·
2023-12-03 12:59
vue3
学习笔记
vue.js
elementui
javascript
鸿蒙(HarmonyOS)应用开发——容器组件(Grid组件)
那么接下来就是容器组件中的Grid组件根据功能分类基础组件容器组件媒体组件绘制组件画布组件ColumnRowListGridTabs
Swiper
使用Grid组件构建网络布局Grid组件时网格容器,它是由
layman0528
·
2023-12-02 19:20
鸿蒙(HarmonyOs)
ArkTs
harmonyos
华为
立即执行函数 加个分号喔
案发现场立即执行函数也叫IIFE,下文这么称用了两个
swiper
由于由于变量名相同,打算用IIFE解决(function(){var
swiper
=new
Swiper
('.job_container',{
Kenzzzzzo
·
2023-12-02 13:12
Web3链接钱包
walletconnect/web3-provider":"^1.7.4","fortmatic":"^2.2.1","jsencrypt":"^3.2.1","vue":"2.6.14","vue-awesome-
swiper
weixin_42538504
·
2023-12-02 10:23
Web3
web
app
uniapp中解决
swiper
高度自适应内容高度
起因:uniapp中
swiper
组件
swiper
标签存在默认高度是height:150px;高度无法实现由内容撑开,在默认情况下,
swiper
盒子高度显示总是150px解决办法思路:动态设置
swiper
孤独守夜
·
2023-12-02 09:18
uni-app
前端
javascript
鸿蒙(HarmonyOS)应用开发——容器组件(List组件)
那么接下来就是容器组件中的List组件根据功能分类基础组件容器组件媒体组件绘制组件画布组件ColumnRowListTabsGrid
Swiper
概述List是很常用的滚动类容器组件,包含有一系列相同宽度的列表项
layman0528
·
2023-12-02 05:37
鸿蒙(HarmonyOs)
ArkTs
华为
harmonyos
前端
Error: Cannot run with sound null safety, because the following dependencies,由于不兼容null safety模式
becausethefollowingdependenciesdon'tsupportnullsafety:-package:loading_indicator_view-package:flutter_
swiper
-package
GalenWu
·
2023-12-02 03:30
Flutter
bash
开发语言
vscode
vue-awsome-
swiper
与轮播图组件
html中使用方式Vue.use(window.VueAwesome
Swiper
)一、新建home.vue1、上篇我们为了便于展示,把头部my-header组件放在了App.vue页面,现在我们删掉App.vue
world_7735
·
2023-12-02 02:38
使用 watch+$nextTick 解决Vue引入组件无法使用问题
问题描述:很多时候我们都需要使用第三方组件库,比如Element-UI,
Swiper
等等。如果我们想要在这些结构中传入自己从服务器请求中获取的数据就会出现无法显示的问题。
永久旅途
·
2023-12-02 01:28
Vue
vue.js
javascript
前端
微信小程序-轮播图实现
好久不见,今天小h来分享一下如何实现一个微信小程序的轮播图实现方式:前提条件是具有微信开发者工具,还有对应的开发者ID,这些基础条件我这边就直接跳过了哈,直接进入正题:1、首先需要创建对应的
Swiper
hellohass
·
2023-12-01 23:56
小程序
微信
小程序
基于
swiper
5做的轮播图
150"@click.stop="showInfo(item.description)">{{item.description.substring(0,150)}}...{{item.description}}{{info}}{{t.name}}全部{{fullScreenType}}{{pageMode?'底部翻页':'左右翻页'}}首页上一页下一页尾页importaxiosfrom'axios
一周七喜h
·
2023-12-01 19:37
vue.js
javascript
前端
vue-awesome-
swiper
组件内设置样式失效问题
@感谢羊羊羊0703vue-awesome-
swiper
组件内设置样式失效问题给外框定义idI'mslide1I'mslide2I'mslide3I'mslide4方法一:全局覆盖单独新建css文件,在
小唛的前端宝库
·
2023-12-01 18:32
vue相关
vue
组件内设置样式失效问题
样式
vue
轮播样式
vue.js
swiper
下echarts点击事件失效
因为
swiper
版本过高建议切换为3的版本npmi
swiper
@3.4.2--save```切换之后注意版本变化导致api的变化!
wenhoujiamingggg
·
2023-12-01 05:19
swiper
echarts
vue.js
前端
npm
vue2.0——使用
swiper
下载
swiper
:npminstall
swiper
--save-dev
swiper
4.0使用入口:http://www.
swiper
.com.cn/usage/index.html;html:Slide1Slide2Slide3
杀个程序猿祭天
·
2023-12-01 04:29
vue3中用Element Plus 走马灯组件时,鼠标滚动控制轮播效果
以此来控制每次轮播图切换的张数为1const
swiper
=ref(null);functiongoWheel(event){//当鼠标滚轮向下滚动时,其返回值大于零,向上滚动时其返回值小于零if
我爱画页面
·
2023-12-01 00:42
vue.js
javascript
前端
swiper
插件移动端,点击之后某个区域后有阴影
-webkit-tap-highlight-color:rgba(0,0,0,0);//需要给div加这个样式就可以了
milletmi
·
2023-11-30 16:00
在 Vue 中使用
Swiper
( vue-awesome-
swiper
)
#介绍
Swiper
是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。可实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
酷酷的凯先生
·
2023-11-30 15:59
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他