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
指示点样式
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
uniapp 实现
swiper
-3d效果轮播(中间大图两边小图)
gif:效果图如下代码如下:HTML部分<
swiper
:current="
swiper
.current"class
嚣张农民
·
2023-11-30 01:43
uniapp框架专业知识
uni-app
3d
uni-app 小项目开发 仿小米商城 后端提供数据3
id=`+option.id}).then(response=>{this.data.
swiper
Images=response.data[0].goods_header;this.data.describe.titl
HXL009
·
2023-11-29 02:57
前端
uni-app
uni-app 小项目开发 仿小米商城 前端开发3
2.侧边导航的实现这里依旧采用scroll-view与
swiper
的联动。scroll-view提供当前位置,
swiper
负责展示相应内容。
HXL009
·
2023-11-29 02:56
前端
uni-app
uni-app 小项目开发 仿小米商城 前端开发4
商品的图片展示采用的依旧是
swiper
,进行自动轮播。商品的信息采用list格式进行展示。商品的参数展示,首先用scroll-view在页面将商品的参数结合图标进行展示,点击时出现un
HXL009
·
2023-11-29 02:56
前端
uni-app
uni-app 小项目开发 仿小米商城 前端开发2
uni-app链接:https://uniapp.dcloud.io/使用的组件:scroll-view
swiper
uni-griduni-group1.顶部搜索框下的导航栏的实现。
HXL009
·
2023-11-29 02:26
css
小程序
uni-app
前端
uniapp基础-教程之HBuilderX基础常识篇03
然后在components中创建轮播图新建一个
swiper
.vue文件然后根据自己学习到的内容将轮播图写入在
swiper
.vue文件中1233引入组件,在pages-index下的index文件中引入写好的
微丽宝
·
2023-11-28 06:03
uniapp
uni-app
Carousel组件和
swiper
的使用
my sweet heart
·
2023-11-28 01:02
vue
前端
swiper
插件的应用
swiper
-3.4.2.jquery.min.js记得刚接触
swiper
的时候,感觉很方便的,因为自己纯手写的话确实很麻烦,而且
swiper
插件也是一直都在更新的,也有了更轻量化的引入文件。
J_Ronaldo
·
2023-11-27 13:16
抖音视频滑动---vue3+vite+uniapp
.uni-margin-wrap{width:100%;}.
swiper
{//#ifndefAPP-PLUSheight:calc(100vh-44px-50px);//非APP平台下生效//#endif
李宏伟~
·
2023-11-27 06:53
音视频
uni-app
css
微信小程序基础讲解,云服务介绍,分包及使用方法
组件及基础属性介绍1.属性介绍属性含义text文本view区域button按钮input表单image图片include包含import导入web-view导入html页面2,容器组件属性含义view视图区域
swiper
kong@react
·
2023-11-27 02:32
微信小程序
小程序
微信
带你用uniapp从零开发一个仿小米商场_9. 轮播图组件封装及使用
导航栏有了,接下来就是轮播图了,轮播图如下,因为uniapp官方自己有轮播图,所以这里就不自己写了,直接使用uniapp的轮播图二次开发就好uniapp的轮播图组件叫
swiper
,感兴趣的朋友可以点击链接
Qayrup
·
2023-11-27 01:16
uniapp
仿小米商城
uni-app
javascript
前端
uniapp
轮播图
uniapp
轮播图封装
原生小程序常见组件
常见组件组件文档view、text、rich-text、button、image、navigator、icon、
swiper
、radio、checkbox。
落花流雨
·
2023-11-26 22:36
#
微信小程序-原生
小程序
VUE父组件向子组件传递数据
1、父组件通过属性的方式给子组件传值//注意:":city"和":
swiper
List"这里定义的什么名字,子组件中props接收的就是什么名字//"city"和"
swiper
"是你data中定义的
凯哥Java
·
2023-11-26 17:49
Vue中使用
Swiper
插件实现轮播效果
Swiper
是一个流行的轮播插件,它提供了丰富的功能和灵活的配置选项。本文将详细介绍如何在Vue中使用
Swiper
插件来实现轮播效果。步骤一:安装
Swiper
插件首先,我们需要安装
Swiper
插件。
自由翱翔碧海蓝
·
2023-11-26 06:38
vue.js
前端
javascript
js
vue中
swiper
初始化问题_vue中使用vue-awesome-
swiper
遇到的一些问题
之前用jquery开发项目的时候,用的是
swiper
3。
失传技术研究所
·
2023-11-26 04:40
vue中swiper初始化问题
上一页
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
其他