代码： import 'package:flutter/material.dart'; import '../service/service_method.dart'; import 'package:flutter_swiper/flutter_swiper.dart'; import 'dart ...
分类：
其他好文 时间：
2020-01-21 17:49:26
阅读次数：
76
配置首页的轮播图 1. "轮播图官网" 2. 运行 安装轮播图组件 3. 导入轮播图组件 4. 其中，在Swiper身上， 是用来控制页码的； 是用来控制左右箭头显示与隐藏； 是用来控制轮播图区域的高度的！ 5. 设置轮播图的样式： 6. 将组件的代码结构引入到页面上： ...
分类：
其他好文 时间：
2020-01-19 12:15:37
阅读次数：
97
1.5.1 什么是插件 移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？ JS 插件 ：是 js 文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点：它一般是为了解决某个问题而专门存在，其功能单一，并且比较小。 我们 ...
分类：
移动开发 时间：
2020-01-15 14:20:38
阅读次数：
101
Swiper常用于移动端网站的内容触摸滑动 Swiper是什么？ swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要 ...
分类：
其他好文 时间：
2020-01-14 23:37:52
阅读次数：
111
一：首先进入项目目录中安装 install vue-awesome-swiper@2.6.7 --save 2.使用 全局挂载： import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' // require st ...
分类：
其他好文 时间：
2020-01-14 11:30:18
阅读次数：
403
<template> <div> <div class="swiper_Box" :class="identify"> <div class="swiper-wrapper" :ref="identify"> <div class="swiper-slide" v-for="(item,index) ...
分类：
其他好文 时间：
2020-01-13 18:16:22
阅读次数：
151
1.当swiper loop设为true时，同时你又改变了sliderPerview的值，这时候轮播，按prev按钮到第一个时，会出现空白页； 解决办法：sliderPerview设置为auto,loopSliders设置你想要同时显示的slide个数； 2.当swiper-slide为动态添加的内 ...
分类：
其他好文 时间：
2020-01-11 11:47:31
阅读次数：
499
主要用的是swiper，pc，app都适用，根据实际需要，添加或者删除一些东西 其中必须：swiper.css，swiper.js，jquery.js，几张图片 接下来贴入代码结构html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
分类：
其他好文 时间：
2020-01-10 12:16:38
阅读次数：
83
```html aaa bbb ccc ddd eee ``````js``````css#certify { position: relative; width: 100%; margin: 72px auto 0}#certify .swiper-container ... ...
分类：
其他好文 时间：
2020-01-08 14:33:28
阅读次数：
523
