Swiper

Flutter 中使用url_launcher打开外部浏览器 、打开外部应用、拨打电话、发送短信、发送邮件

flutterflutter_localizations:sdk:flutterdate_format:^1.0.6flutter_cupertino_date_picker:^1.0.26+2flutter_swiper
aiguangyuan·2021-01-31 23:21

vue 项目 解决Swiper轮播图分页器无法显示问题

Vue项目中添加轮播效果，使用swiper后，分页器无法正常显示，但轮播效果和前进后退箭头以及滚动栏都是正常显示的，为了解决这一问题，经过研究以及查阅资料得出解决方案，在此整理一下//引入swiper6
一只章鱼哥·2021-01-31 19:58

nuxt使用vue-awesome-swiper组件采坑记录

商城项目使用nuxt架构使用轮播图，选择了时下最热门的vue-awesome-swiper作为基础组件。
·2021-01-30 13:49

nuxt使用vue-awesome-swiper组件采坑记录

商城项目使用nuxt架构使用轮播图，选择了时下最热门的vue-awesome-swiper作为基础组件。
·2021-01-30 13:20

H5竖屏模板

【html-头部】【html-内容区】为了更好的体验，请使用竖屏浏览0%第一页内容内容第二页标题内容第三页标题内容第四页标题内容【html-尾部】varswiper;【css】/*reset*/html
0清婉0·2021-01-29 08:42

3D轮播插件vue-carousel-3d非官方最全文档

插件介绍vue-carousel-3d是一个效果非常好的3D轮播插件，可以解决一些非普通轮播特别是swiper比较难实现的场景。
·2021-01-29 03:45

3D轮播插件vue-carousel-3d非官方最全文档

插件介绍vue-carousel-3d是一个效果非常好的3D轮播插件，可以解决一些非普通轮播特别是swiper比较难实现的场景。
·2021-01-29 03:02

vue项目中引用swiper按钮点击失效原因

vueswiperdemo网站(重点)https://github.surmon.me/vue-awesome-swiper/首先vue项目引入swiper组件需要先下载依赖npminstallvue-awesome-swiper
wx-18538561085·2021-01-27 16:51

swiper中使用echarts无法渲染_如何在React项目中使用ECharts图表库

引言在项目的开发中，对于我们前端开发人员而言，总是无法避免需要对数据进行可视化分析和设计的需求。但事实上，如果单纯的依靠Html5Canvas想要快速地创建简洁，美观，炫酷的可视化作品难度极大且可维护性差。而现如今随着技术的迭代更新发展，已经出现很多可靠，易用，操作便捷，可交互，跨平台的一些可视化解决方案如ECharts，HighCharts,，Chart.js等。于是在本文中，我们以EChart
Li小飞·2021-01-24 22:28

Vue项目中使用swiper插件

1还是老样子，先下载安装一波npminstallswiper--save2.使用前，先自己在本地封装一下，方便后期进行维护和复用3.把一些公共的属性可以放在里面，进行配置//导入插件importSwiperfrom'swiper
玄鱼殇·2021-01-23 13:28

「微信小程序开发 | 轮播图」

微信小程序开发中轮播图的实现，一般是用swiper滑块视图容器。微信小程序开发文档https://developers.weixin.qq....
·2021-01-22 15:07

「微信小程序开发 | 轮播图」

微信小程序开发中轮播图的实现，一般是用swiper滑块视图容器。微信小程序开发文档https://developers.weixin.qq....
·2021-01-22 15:02

Flutter 组件之 Swiper（轮播图）

flutter实现轮播图效果1.在项目目录下的pubspec.yaml添加flutter_swiper依赖，然后点击Pubgetflutter_swiper:^1.1.42.使用如下：import'package
乌克丽丽丶·2021-01-21 18:35

vue-awesome-swiper 自定义分页器

今天使用自定义分页踩了一些坑，记录一下首选使用的是Directive指令的方式，nuxtjs(Vue项目也是相同)自定义分页器data(){constvm=thisreturn{swiperOption2
阿畅_·2021-01-21 15:43

uni-app swiper 无限循环 不停

首先明确一下swiper的基础参数的功能：indicator-dots：是否显示轮播点indicator-color：轮播点的颜色indicator-active-color：当前选中轮播点的颜色autoplay
闫雪·2021-01-20 17:04

webpack和原生框架动态加载js的方法小结

前言动态加载是网页加速的常用手段之一，你肯定不想把jquery，swiper这类库直接的引入单页面框架或者html，而是用到他们的时候再异步加载。
求粥ryzon·2021-01-20 17:59

vue使用swiper实现左右滑动切换图片

本文实例为大家分享了vue使用swiper实现左右滑动切换图片的具体代码，供大家参考，具体内容如下使用npm安装vue-awesome-swipernpminstallvue-awesome-swiper
·2021-01-20 14:21

APICloud AVM多端开发 |《生鲜电商app开发》项目源码深度解析

项目中前端采用APICloudAVM多端开发技术进行开发，要点包括scroll-view滚动视图、下拉刷新、输入处理、swiper轮播图、网络请求封装等。使用APICloud多端技术进行开发
APICloud·2021-01-15 19:03

APICloud AVM多端开发 |《生鲜电商app开发》项目源码深度解析

项目中前端采用APICloudAVM多端开发技术进行开发，要点包括scroll-view滚动视图、下拉刷新、输入处理、swiper轮播图、网络请求封装等。使用APICloud多端技术进行开发
APICloud·2021-01-15 19:28

uni-app swiper 无限循环 不停

首先明确一下swiper的基础参数的功能：indicator-dots：是否显示轮播点indicator-color：轮播点的颜色indicator-active-color：当前选中轮播点的颜色autoplay
闫雪·2021-01-15 13:56

vue和swiper实现左右滑动的测试题

最近在做一个测试题，前后可以切换题目，点击按钮选择答案，选择答案的同时改变按钮的背景色，如下图所示：初始代码我用了vue和swiper。
DDD7·2021-01-13 20:12

vue实现测试题样式，vue-awesome-swiper无法使用coverflow等坑

1.无法使用coverflow,fade等各种effect按照vue-awesome-swiper官方文档安装后：npminstallswipervue-awesom-swiper--save发现无法使用
DDD7·2021-01-13 20:11

封装一个自己的轮播图组件（基于 Vue）

创建目录结构vue-swiper/├──src/│├──components///内置组件││├──indicator.vue//指示器组件││└──item.vue//单个轮播图容器组件│├──main.js
konglingwen94·2021-01-13 20:10

swiper 滚动模式下的Echarts图展示问题

ecahrt位于swiper里面。在微信开发者工具里查看没什么问题，正常拖拽。但是在手机上看的话，要么时echart没有加载出来。要么时位置不对。感觉是swiper样式导致的，把他放在外面都是好的。
夏天想·2021-01-13 18:42

小程序 swiper -- 间距轮播

swiper组件只能无缝轮播，所以简单实现一个间距轮播##采用css实现给swiper-item添加样式，也可手动控制间距，调整paddingswiper-item{box-sizing:border-box
Sanbai·2021-01-11 23:10

小程序 swiper -- 间距轮播

swiper组件只能无缝轮播，所以简单实现一个间距轮播##采用css实现给swiper-item添加样式，也可手动控制间距，调整paddingswiper-item{box-sizing:border-box
Sanbai·2021-01-11 22:44

引入swiper出现not scoped to the top-level :root element 警告

项目中引入swiper运行后发现控制台出现很多类似于下面的警告warningin./node_modules/swiper/css/swiper.cssModuleWarning(from.
旅图灬·2021-01-11 17:09

APICloud AVM多端开发 | 企业app开发解析：案例展示、加盟申请功能源码

本项目中前端采用APICloudAVM多端开发技术进行企业app开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新等。
APICloud·2021-01-09 17:36

APICloud AVM多端开发 | 企业app开发解析：案例展示、加盟申请功能源码

本项目中前端采用APICloudAVM多端开发技术进行企业app开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新等。
APICloud·2021-01-09 17:32

如何在VUE中使用vue-awesome-swiper

一：首先进入项目目录中安装installvue-awesome-swiper@2.6.7--save二.使用全局挂载：importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper
·2021-01-04 12:13

vue引入新版 swiper,vue-awesome-swiper填坑

关于新版swiper,vue-awesome-swiper问题为什么我的swiper,vue-awesome-swiper组件pagination小圆点不显示问题?为什么我的swiper不会自动播放？
StephenTian·2021-01-01 23:55

vue 踩坑记录 cannot read property xxx of undefined

项目使用了swiper轮播图，本来好好的，但是渲染完数据后refs.swiperName.refs.swiperName.refs.swiperName.swiper跟着失效了，渲染的数据地方也报undefined
一颗小陨石·2021-01-01 01:09

Flutter 轮播图3

送福利啦~再给大家推荐几个模板轮播图，拿走拿走（一）效果图1（一）代码还不知道怎么复制代码运行的，看看我唯一置顶的的博客，看看就会啦~，不会的来问我以下代码在上一篇的基础上替换swiper部分就可以啦Container
甜宠软妹·2020-12-31 10:38

vue & swiper——实时获取当前轮播索引并赋值到data实例中

实时获取当前轮播索引并赋值到data实例中实现功能实现思路实现代码实现功能swiper中，要想获取实时的当前索引，需要在onSlideChangeStart函数中获取，swiper参数中有realIndex
L3gacy_03·2020-12-30 18:25

node.js

文件npminit查看包信息,仅查看,不生成文件:npminfo包名npminfojquery安装当前项目所依赖的包:npminstall安装当前项目所依赖的包（读取package.json）npmiswiper-Snpminrm-g
梦千诺·2020-12-30 14:23

2020-11-24：vue-awesome-swiper、深度监听

1、vue-awesome-swiper①、当自动循环无效：image.pngv-ifimage.png②、监听resize事件：在swiperOption配置上：on:{resize:()=>{this.getVehicleFailure
wangs·2020-12-30 13:44

移动端滑动点击导航栏首页 （使用swiper，anime，layui）

最近发现了swiper，anime两个插件发现开发H5页面还蛮好用的，组合起来写了一个手机导航栏首页姜大侠*{-webkit-text-size-adjust:none;}html,body{width
智者不坠入爱河，年轻人不讲武德·2020-12-30 10:17

使用uniapp开发小程序遇到的一些问题

1、swiper组件自定义指识点swiper组件的指示点默认是圆圈，想要自己设置指示点，需要获得当前索引，然后赋给当前索引不同的样式，然后在做个动画就可以了。
猫族领袖·2020-12-27 15:32

swiper 定义放多少张图片_uni-app 微信小程序 uView 实现沉浸式自定义导航栏+tabs吸顶...

使用uniapp开发微信小程序用uViewUI框架，实现沉浸式自定义导航栏+tabs吸顶效果：效果图1：效果图-1（未滚动状态）效果图2：效果图-2（滚动状态下）【1】隐藏原生小程序顶部导航栏，配置为自定义模式：//pages.json"pages":[{"path":"pages/bazaar/index","style":{"navigationStyle":"custom","navigat
莫姐·2020-12-27 14:18

微信小程序（5）：swiper滑动轮播组件

文章目录swiper滑块视图容器wiper-item仅可放置在swiper组件中，宽高自动设置为100%示例：index.wxml文件代码：index.wxss文件代码：.banner{width:100%
小R.·2020-12-26 15:59

swiper插件报错 vue_vue.js - vue项目中使用swiper插件出现生命周期报错！

问题vue-cli引入swiper插件，页面上轮播运行正常，但是一直出现这个报错！HTML：资讯{{item}}JS：importvfooterfrom'.
weixin_39719729·2020-12-22 15:32

菜鸟看前端（微信小程序自定义组件封装-轮播图的封装）

在根目录下新建components文件夹tip:所有文件都可以自定义名字在components文件夹下新建swiper文件夹,在文件夹内新建component新建完成后在swiper.wxml中写入在swiper.js
中庸之为德也，其至矣乎·2020-12-21 19:11

nuxt使用vue-awesome-swiper的配置教程

本文记叙关于swiper框架有很多功能不能正常使用的情况以及解决办法和使用版本关系不大，还是尽量使用最新框架版本简单介绍下步骤虽然github上有点击进入(https://github.com/surmon-china
ningning_21·2020-12-21 16:15

jq无缝轮播图

刚学习js时轮播图是我们不可绕过的一个很经典的题目，虽然现在https://www.swiper.com.cn/做的很好，可以满足我们日常工作中绝大多数的工作，但是基本的实现还是需要我们理解的。
小菜鸟灬12138·2020-12-21 14:32

vue第五篇

文章目录一、生命周期二、swiper学习1、swiper基础使用2、自定义组件的封装三、自定义指令四、过滤器五、单文件组件六、vue-cli项目目录介绍一、生命周期1mounted用的最多：向后端发送请求
Cong dim·2020-12-18 21:50

vue-awesome-swiper中点击外部按钮实现图片切换到下一张

created(){var_this=this_this.swiperOption={pagination:{el:'.swiper-pagination',},on:{slideChangeTransitionEnd
Asked。·2020-12-18 17:28

实现微信小程序中间部分导航滑动--swiper组件

一、实现效果图二、实现方法swiper组件主要点在于组件中的display-multiple-items属性以及float:left浮动图标，下面的指示点是另外加的新样式ps：如果光实现浮动会变成下面这样如果在加上
在路上`·2020-12-18 11:13

vue-awesome-swiper使用遇到的坑

最新版使用安装最新版本使用npminstallswipervue-awesome-swiper--save安装后可以看到版本是这样的注册importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
handy_csdn·2020-12-16 00:39

swiper4实现移动端导航栏tab滑动切换

swiper4移动端导航栏tab滑动切换效果，供大家参考，具体内容如下效果如图：首先引入swiper的css和js文件官网下载地址html结构部分slider1slider2slider1slider2js
·2020-12-13 16:25

Swiper实现导航栏滚动效果

在一些移动app中，总能看到导航栏是可以滚动，下列例子是在vant的官方文档中看到的，这样的滚动效果利用Swiper也可以实现，效果实现的思路是，根据当前点击的“标签”为起点，当前标签”的位置大于视口的一半时
·2020-12-13 16:25
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他