公司接了一个当下很火热的，网上有各种模板和造好轮子付费使用的滑动广告的项目。网上的模板大部分类似于PPT，而且文字量很大，大部分都是文字的淡入/淡出效果，想做一个稍微复杂点的。 研究了一下，采用了swiper.js+animate.css的方案，而swiper.js的官网上正好有Swiper Ani ...
分类：
其他好文 时间：
2020-03-26 21:19:18
阅读次数：
113
好久没发博客了，发一条给2020打个卡 新手入坑小程序，网上没找到类似的示例，自己整了一个。多功能滑动展示 <!--pages/scrollMenu/scrollMenu.wxml--> <swiper class="navban" interval="{{interval}}" duration= ...
分类：
微信 时间：
2020-03-25 19:46:00
阅读次数：
186
微信小程序里没有自带选项卡组件，但是却带有swiper组件，所以，我们便利用swiper来实现选项卡的功能。 先看效果图： wxml代码： 1 <view class="swiper-tab"> 2 <view class="swiper-tab-item {{currentTab==0?'acti ...
分类：
微信 时间：
2020-03-17 23:57:39
阅读次数：
135
跑马灯滚动在项目中经常会用到，滚动有水平滚动和上下滚动两种方式 1.横向滚动 2.纵向滚动，纵向滚动我这里使用的是flutter_Swiper实现的滚动 ...
分类：
其他好文 时间：
2020-03-03 23:56:15
阅读次数：
366
<template> <div class="content" ref="bgColor"> <div class="box"> <div class="swiper-container " @mouseover="mouseOver()" @mouseleave="mouseOut()"> <di ...
分类：
其他好文 时间：
2020-03-02 01:21:53
阅读次数：
225
Swiper https://www.swiper.com.cn/ Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时，在A ...
分类：
其他好文 时间：
2020-02-28 23:02:04
阅读次数：
68
html: <link rel="stylesheet" href="css/swiper.min.css"> <div class="swiper-container s-c"> <div class="swiper-wrapper"></div> <!-- Add Pagination --> ...
分类：
移动开发 时间：
2020-02-28 12:26:31
阅读次数：
70
一、常用组件 在上一个章节中讲解了封装请求数据的模块，在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js 2 使用组件 视图容器 swiper 滑块视图容器。其中只可放置swiper item组件，否则会导致未定义的行为。 属性表 ...
分类：
微信 时间：
2020-02-25 00:09:22
阅读次数：
93
简介： 这是工作中已经开发完成的项目。目前主要做优化，新增功能。首先从了解这个项目的整体结构开始，目前接触到的是react部分。 1.整体项目结构 2.react+Taro项目构建 3.页面目录结构 了解完大概的目录结构后，接手此项目的一个工作就是给小程序添加轮播。用到了小程序组件中的Swiper, ...
分类：
微信 时间：
2020-02-15 20:29:54
阅读次数：
115
