05 2018 档案
摘要：在做小程序开发的过程中，后端传来一张图片地图，需要实现双手指滑动，使图片缩放，最终得出了一下代码： js ：Page({ data: { touch: { distance: 0, scale: 1, baseWidth: null, baseHeight: null, scaleWidth: nu
阅读全文
摘要：轮播是我们在编写页面中经常遇到的模块，所以网上也会有各种有有关轮播图的插件。今天忽然间看到了swiper上一个高颜值的轮播功能，顺便做一下分享。 首先页面在head内要先引用 swiper的css 和 js库，注意版本：3.4.2版 html模块： css模块（包含了手机版本适应）： js模块： 具
阅读全文
摘要：在平时的页面布局中，我们也会经常碰到蜂窝煤类型的模块： 那么我们把他拆开，就是单个的六边形，如何用css去实现一个六边形呢？下面是我用绘图软件绘制的css实现六边形的步骤： 具体的html代码如下：
阅读全文
摘要：在平常的样式排版中，我们经常遇到将某个模块隐藏，下面我整理了一下隐藏元素的多种方法以及对比（有的占据空间，有的不占据空间。有的可以点击，有的不能点击。）： ( 一 ) display: none; 特点：元素不可见，不占据空间，无法响应点击事件。 ( 二 ) opacity: 0; ( IE8以下版
阅读全文
摘要：在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。 方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: re
阅读全文
摘要：我们开发web页面的时候，无论是图片还是模块，很多时候会用到轮播，那么下面是微信小程序的轮播功能，也是小程序自带的swiper轮播功能。 下面是轮播展示图： 熟悉一下swiper配置属性，这里的配置属性和我们平时用的轮播插件配置属性差别不大：（点击查看微信小程序开发文档） 首先是在wxml文件中加入
阅读全文
摘要：今天碰到一个需求，页面上有“点击上传”的按钮，点击可以执行上传事件，从桌面拖拽图片拖拽到任何地方，都可以执行上传，且不影响点击按钮事件。下面是简单示例： 简单示例如下：
阅读全文
浙公网安备 33010602011771号
