swiper 第25页

【微信小程序】常用组件及基本使用详解

本节学习目标：✅学会使用常用的组件文章目录1.常用的容器类组件的使用1.view组件的基本使用2.scroll-view组件的基本使用3.swiper和swiper-item组件的基本使用2.常用的基础内容组件的使用

橙子!·2022-07-20 11:30

微信小程序实现选项卡的方法

本文实例为大家分享了微信小程序实现选项卡的具体代码，供大家参考，具体内容如下微信小程序里没有自带选项卡组件，但是却带有swiper组件，所以，我们便利用swiper来实现选项卡的功能。

·2022-07-18 16:23

微信小程序实现轮播图标题跑马灯

供大家参考，具体内容如下微信小程序做轮播图，轮播图下的标题如果不长不需要跑马灯效果，过长的无法显示全的则添加跑马灯效果 {{item.title}} .swiper

·2022-07-17 10:01

微信小程序实现双层嵌套菜单栏

最近在做的项目有这样一个需求，也不太好描述，就是有两个顶部菜单栏，每个二级菜单栏的item都有自己页面，每个页面都可以通过左右滑动来切换，第一个想到的实现方法就是双层swiper嵌套，但想要达到一个联动的效果还是有一点点复杂

·2022-07-17 10:57

vue3.x使用swiper实现卡片轮播

本文实例为大家分享了vue3.x使用swiper实现卡片轮播的具体代码，供大家参考，具体内容如下版本号：vue/cli：4.5.12swiper：^6.8.4安装npminstall--saveswiper

·2022-07-15 06:47

vue3.x使用swiperUI动态加载图片失败的解决方法

本文实例为大家分享了vue3.x使用swiperUI动态加载图片失败的具体解决方法，供大家参考，具体内容如下版本号：vue/cli：4.5.12swiper：^6.8.4问题1、动态加载图片，但是动态加载图片为空

·2022-07-14 18:26

vue实现循环滚动图片

本文实例为大家分享了vue实现循环滚动图片的具体代码，供大家参考，具体内容如下效果（循环滚动，可切换方向）：轮播组件BaseSwiper.vue：

·2022-07-14 11:59

前端学习之JavaScript实现轮播图

轮播图即一组图片来回切换的部件，也叫走马灯，是工作中比较常见的一种样式，我们今天来使用原生js和bootstrap和swiper插件书写它。

前端扫地僧·2022-07-11 13:35

使用javascript实现简单的轮播图效果

最近在做公司的网站，有一个轮播图的功能，网上倒是有现成的js组件，我用了一下swiper,但是发现嵌入进去时不太好用，好在公司的网站要求也不是很高，索性就使用纯的js做一下呗。

涛小涛·2022-07-11 13:34

【技术】uniapp 之 swiper demo

【技术】uniapp之swiperdemo效果图实现滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图。注意滑动切换和滚动的区别，滑动切换是一屏一屏的切换。

涛涛之海·2022-07-10 12:48

uni-app入门教程（4）组件的基本使用

文章目录前言一、基础组件1.scroll-view2.swiper3.text4.rich-text5.process二、表单组件1.button2.checkbox3.input4.label5.picker6

cutercorley·2022-07-08 07:18

小程序实现页面多级来回切换支持滑动和点击操作

❤️❤️❤️目录首先通过swiper创建一个简单的多tab页面第二步全部完整代码

德宏大魔王·2022-07-07 09:40

微信小程序swiper轮播图组件使用方法详解

本文实例为大家分享了微信小程序swiper轮播图组件的使用，供大家参考，具体内容如下在components中新建文件夹swipercomponents/swiper/swiper.wxml

·2022-07-07 09:59

微信小程序常用组件view、text、image、button、checkbox、radio、swiper

view组件是一个视图容器组件，类似于网页中的div常用属性和官方文档链接hover-class:指定按下去的样式类hover-start-time:按住后多久出现点击态，单位毫秒组件view的hover-class属性text文本组件常用属性和官方文档链接user-select：该属性代表文本是否可选(长按文本)默认falsedecode：该属性代表的文本内容的特殊符号是否解码默认false&g

敢问·2022-06-30 10:38

微信小程序开发前端基础知识

1.1、注册账号1.2、获取APPID1.3、开发工具2、创建微信小程序三、组件1、目录及其作用介绍2、页面操作3、view块级元素4、``导航跳转5、`scroll-view`滚动6、text行标签7、swiper

博客zhu虎康·2022-06-30 10:55

微信小程序之常用组件及其属性

目录基础组件：texticonprogress容器组件：view和scroll-viewswiper和swiper-item表单组件：forminputtextarearadiocheckboxpickerbuttonslider

寂静花开·2022-06-30 10:54

【微信小程序】视图容器和基本内容组件

文章目录一，视图容器类组件1.1view1.2srcoll-view1.3swiper和swiper-item二，基本内容组件2.1text2.2rich-tex

前端小刘不怕牛牛·2022-06-27 02:11

关于swiper插件在vue2的使用

最近做项目用到了vue-awesome-swiper，总结一下使用方法第一步：安装依赖npminstallswipervue-awesome-swiper--saveornpminstallswipervue-awesome-swiper

ZihangChu·2022-06-25 09:00

小程序自定义轮播图圆点组件

上图为自定义后的轮播图效果代码如下：wxhtml： wxjs：//轮播图片改变时，小圆点也改 swiperChange

·2022-06-24 18:07

微信小程序轮播图自定义光标位置

本文实例为大家分享了微信小程序轮播图自定义光标位置的具体代码，供大家参考，具体内容如下如图轮播图的光标可以用定位来改变上下左右的位置wxml: wxss:/*轮播图图片尺寸*/ .home-swiper

·2022-06-24 12:43

uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动

uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动先看效果图思路注意布局代码完整代码先看效果图思路1、利用scroll-view的scroll-into-view

高效码农·2022-06-23 20:00

微信小程序 - 02_常用组件（view/scroll-view、swiper/swiper-item、text/rich-text、button、image、小程序三大类API）

文章目录组件介绍01小程序中组件的分类1.1视图容器1.1.1view1.1.2scroll-view1.1.3swiper/swiper-item1.1.4text/rich-text1.2其他常用组件

文泽路小男孩·2022-06-23 19:26

微信小程序——【一】视图容器（view,scroll-view,swiper）之swiper组件（滑块视图容器）

swiper滑块视图容器。其中只可放置组件，否则会导致未定义的行为。

pinazhang·2022-06-23 19:55

微信小程序用swiper实现一个滑动刻度尺（体重选择器）

效果图思路：利用微信swiper组件实现滑动效果，创建一个数组arr，先存启始数据进去，然后分别在前面存放起始数–的数据，后面添加起始数据++的数据，循环数组arr创建swiper-item，每一个swiper-item

Tx的练习题·2022-06-23 19:22

微信小程序开发（十四）小程序滑动组件scroll-view

之前我们学习了小程序的基础组件swiper，今天我们就来学习另外一个基础组件scroll-view，小程序给scroll-view的定义是可滚动的视图区域，言下之意就是给定一个固定区域，当显示的内容超出该区域的时候

theyangchoi·2022-06-23 19:52

微信小程序swiper+scroll-view实现滑动切换内容

1.实现效果2.实现原理swiper：滑块视图容器。

苏苏就是小苏苏·2022-06-23 19:22

微信小程序scroll-view和swiper结合使用(附带图片,超详细)

微信小程序scroll-view和swiper结合使用大家好，今天我们来学习一下scroll-view和swiper结合使用，好好看，好好学，超详细的。

挣扎的工程师·2022-06-23 19:51

微信小程序三个视图控件View、ScrollView、Swiper的解读及示例

index页面的WXML代码如下：{{motto}}View组件示范Scroll-View组件示范Swiper

qq_37321107·2022-06-23 19:50

微信小程序03 组件（视图容器view 、scroll-view、swiper属性及实现轮播图效果）

一、常用的视图容器组件（一）viewview组件是一个普通的视图区域，相当于Html中的div，是块级元素。基本使用：1.实现flex横向布局效果首先，在页面的wxml文件里写如下内容：我是page1ABC此时页面上会出现下图结果，因为view组件是块级元素，所以每一个元素占一行。再在wxss文件里给view组件写样式，定义组件的行高和背景颜色/*pages/page1/page1.wxss*/.

lith__romantic·2022-06-23 19:47

（学习笔记）微信小程序 -- 组件-＞视图容器（view、sroll-view、swiper和swiper-item）

常见的视图容器组件1）view--类似于HTML里的div2）scroll-view--用来实现滚动列表效果3）swiper和swiper-item--轮播图容器组件和轮播图item组件view组件的使用

LTA_Lotiao·2022-06-23 19:14

【微信小程序】2 - 轮播图：swiper 、scroll-view 、flex

文章目录1、swiper2、scroll-view3、flex注意：点击微信开发工具右上角"详情",查看项目信息：本地代码的大小是不能超过2兆的（2兆就是2mb（兆字节）=2048kb（千字节），所以我们的大图片都不存本地

Eva3288·2022-06-23 19:13

七、微信小程序-快速回顾 ( swiper 轮播图、scroll-view 可滚动视图区域 )

文章目录一、swiper轮播图1.1.swiper基本使用1.2.调整轮播图和图片的大小二、scroll-view可滚动视图区域一、swiper轮播图轮播图是项目中最常见的功能，很多项目都会在首页中使用轮播图

三叔笔记·2022-06-23 19:13

【小程序】view视图，swiper轮播图，scroll-view滑动列表（在线详细手册）

【小程序开发】常用的视图容器类组件&基础内容组件前言宿主环境-组件视图容器类组件view组件scroll-viewswiper和swiper-item基础内容组件textrich-text前言欢迎来到魔术之家

计算机魔术师·2022-06-23 19:43

swiper中的切换事件

swiper中的事件，请参考官方文档，这里需要注意安装的swiper的版本methods:{handleClickSlide(){console.log(this.nowIndex);this.nowIndex

陌上烟雨寒·2022-06-23 17:53

里见HU·2022-06-23 10:31

微信小程序学习之旅--零基础制作自己的小程序--第二个页面的制作

文章目录微信小程序入门(二)安装组件库组件库的使用头像组件库pages页面的开发指定主页方式一：方式二：指定编译模式制作轮播图使用swipe轮播图的指示点和自动轮播布尔属性赋值建议其他的swiper常用属性单篇文章的制作文章结构文章样式整体代码页面结构页面样式下一篇前文

尤雨东·2022-06-23 08:42

vue使用 Swiper Animate实现超级酷炫的滚屏动画

文章目录功能1.下载swiper2.初始化swiper3.使用swiperAnamate4.最终效果功能1.鼠标滚用切换页面，并附带超酷的动画特效2.感受页面内容从四面八方向你奔赴而来的感觉3.animate

程鹏;·2022-06-22 19:03

Vue使用Swiper的案例详解

Vue使用Swiper看这一篇就够了此案例实现需求完成swiper动态异步数据下的slide渲染自定义分页器样式解决loop:true设置时的事件丢失问题swiper鼠标移入/移出暂停/开始轮播单页面渲染多个

·2022-06-22 12:24

vue-awesome-swiper的正确使用姿势

介绍一下vue-awesome-swiper最靠谱的使用方法。

_大风起兮·2022-06-20 14:03

微信小程序个人总结-基础篇

wxWeb微信小程序个人总结-基础篇wxWeb基础组件生命周期扩展基础view->divtext->span轮播图：swiper100vw=手机宽度100vh=手机高度图片拉伸：swiper宽度*原图高度

zyugat·2022-06-16 07:11

纯css就能实现可点击切换的轮播图，feel起来很丝滑

前言轮播图经常会在项目里用到，但是实际上用到的轮播图都是比较简单的，没有复杂的特效，这个时候如果去引入swiper那些库的话，未免就有点杀鸡焉用牛刀了。

前端阳光·2022-06-15 17:00

微信小程序实现字幕上下滚动

adList:[{'url':'','title':'刚刚预约了服务'},{'url':'','title':'内容内容内容内容内容'}],}})*.wxml{{item.title}}*.wxss.swiper_zi

if时光重来·2022-06-09 07:19

【微信小程序】滚动轮播图文本

目录小程序的宿主环境-组件1.scroll-view组件的基本使用2.swiper和swiper-item组件的基本使用3.text组件的基本使用4.rich-text组件的基本使用小程序的宿主环境-组件

热爱编程的小白白·2022-06-09 07:45

Uniapp商城项目【详细笔记文档】

文章目录前言一、创建项目和引入文件二、【底部】导航开发三、【首页】顶部开发四、【首页】swiper部分五、【首页】推荐部分开发六、【首页】文字封装开发七、【首页】商品列表和单个商品组件封装八、【首页】运动户外头部开发十

MIKE笔记·2022-06-08 20:50

【微信小程序】Chapter(4)：微信小程序基础UI组件(2)

目录1.scroll-view可滚动视图区域2.swiper滑块视图容器3.rich-text富文本4.editor富文本编辑器5.switch开关选择器6.label改进表单可用

wangzirui32·2022-06-07 14:09

Re:从0开始的小程序开发——毕设全过程记录

一、基础框架后端：MVC模式前端：MVVM模式二、ui设计一、首页设计用swiper组件实现首页轮播图（黑马教的是利用页面生命周期函数获取轮播图数据并显示，利用onload页面一加载即获取数据，可惜我没有合适的素材接口

Yueliang月亮·2022-06-06 13:46

电商平台项目------首页

目录Mockswiperseiper的基本使用swiper在vue中的问题组件通讯的方式props父给子通讯自定义事件子给父通讯父组件通过ref获取子组件数据全局事件总线$bus全能作用域插槽vuex$

前端贾公子·2022-06-06 13:45

视频滑动切换组件

适用于微信小程序（H5的话改一改也能用）的视频滑动切换组件以前用过小程序提供的video-swiper组件,其中的问题和bug也不做过多描述了。

·2022-05-30 15:20

Vue中使用Swiper简单封装组件

Swiper的最简单使用，参考官网教程但通常情况下，作为循环展示的内容，需要能够展示多种样式的循环列表，此时必须要使用slot需要封装的Swiper组件命名为MySwiper.vue，代码如下loop表示是否循环展示

黄金原野·2022-05-26 19:00

微信小程序之基础组件

movable-view2.1.1、movable-area2.1.2、movable-view2.2、page-container2.3、scroll-view2.4、share-element2.5、swiper2.5.1

Suifqwu·2022-05-25 19:20

推荐频道

swiper