缝隙里看你-CSDN博客

原创图片首尾衔接自动轮播，实现最后一张图片无缝衔接第一张图片

直接看效果吧，符合各位需求就拿走上代码：主要就wxss来控制.graphic-list{ width: 100%; height: 280rpx; position: relative; background-color: rgba(0, 0, 0, 0.3); border-radius: 6rpx; overflow: hidden;}.graphic .gl-vr { flex: 1; border-radius: 6rpx; overflow: hidd

2021-08-02 11:39:57 2021 3

原创小程序倒计时轮播图、导航切换轮播

最近项目需要实现轮播图有倒计时圆点然后自动切换图片加导航点击切换轮播内容的需求，项目结束，在这里总结一下先上效果图，让各位兄弟看看是不是也符合各自需要的那种需求，相互学习我是把这写在一个组件里面的，页面直接引用就可以了话不多说，直接看代码wxml代码文件<view class="warp">  <view class="content"> <view wx:if="{{navState==0}}" class

2021-08-02 11:07:15 360

原创 web移动端实现点击导航，滑动到网页中的指定位置（JS实现滑动锚点定位）

主要功能：1.初始页面隐藏导航栏2.滑动到一定位置导航栏显示3.滑动到对应模块导航栏对应加上样式4.有锚点，点击导航栏滑动到对应内容效果图直接上代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.2.1.min.js" &gt

2021-03-31 15:03:29 2423 2

原创微信小程序给下拉筛选

最近开发应项目需求实现一个类似与贝壳找房里面的下拉筛选功能，在这里分享给有同样需求的大家，互相学习学习这是主要功能实现，我把它封装成了组件，在对应的地方使用，就可以实现贝壳找房相同的效果，好了，废话不多说，直接上代码吧wxml:<view class="cxj-contents"> <view class="cxj-menu"> <view class="flex-view{{item.active?' active':

2021-01-18 15:04:56 4137 5

原创 android app实现轮播的图片视频播放video，仿淘宝商品详情的视频播放（android）

这段时间在学习开发android app 记录一下实现仿淘宝图片视频切换的功能，直接拿来用即可，大家有什么问题可以共同交流<iframe height=498 width=510 src="视频地址">

2020-11-10 14:42:58 2684 1

原创移动端实现swiper轮播的图片视频播放video，仿淘宝商品详情的视频播放（兼容ios和android）

前段时间项目里需要，实现仿淘宝图片视频切换的功能，在网上找了很久，根据网上所收集的信息，最后整合实现项目需求，这里兼容了ios和android，直接拿来用即可，这里是用来记录学习使用的，大家有什么问题可以共同交流，直接上代码html:<div class="videos"> <div id="wrapper"> <div class="carousels"> <div class="swiper-container case">

2020-05-26 09:49:46 2995 7

原创微信小程序地图标记点marker，点击标记点显示详细信息

项目中想要实现的效果在地图上显示所有数据标点，点击显示详情信息，首先看一下图片是否符合各位的需求，在这里也是学习加深一下直接上代码：wxml:<map id="myMap" scale="9" bindcontroltap="controltap" latitude="{{centerY}}" longitude="{{centerX}}" markers="{{markers}}" bindlabeltap="markertap" bindregiοnchange="regionchang

2020-05-25 16:45:30 26081 29

原创 echarts实现饼图，效果图如下

效果图：直接上代码：// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据var giftImageUrl = "../../img/mmbb.png";var data = [{ value: 300000, nam...

2019-12-04 11:56:07 801

qq_42097490的博客