<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
简介 better-scroll 是一个移动端滚动的解决方案,它是基于 iscroll 的重写,它和 iscroll 的主要区别在这里。better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等。 安装 ### 使用 npm 或者 yarn npm insta ...
分类:
其他好文 时间:
2020-03-01 23:25:11
阅读次数:
137
效果图 slider.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>slider</title> <link rel="stylesheet" href="../css/base.css"> <l ...
分类:
Web程序 时间:
2020-03-01 21:37:01
阅读次数:
90
首先先把轮播图的结构搭建起来(html),代码如下: 结构可自行搭建,结构搭建完接着就是用css去进行修饰美化 此时的ul是没有给它设置固定的宽和高的,高可以先设置,宽不能,等下让图片一张接一张一的动起来,实际上是改变了ul的left值,ul的宽可以通过图片(li)的宽 乘以 图片数量即可得到,但是 ...
分类:
Web程序 时间:
2020-03-01 14:01:54
阅读次数:
595
动画,对于一个APP来说非常重要,现在市面上使用的用户比较多的APP,无一不是采用了各种丰富多彩的动画效果;在应用中善于使用动画,不仅让APP的体验更上一层楼,还能牢牢抓住用户的心! ...
分类:
其他好文 时间:
2020-02-27 12:55:24
阅读次数:
84
一、常用组件 在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js 2 使用组件 视图容器 swiper 滑块视图容器。其中只可放置swiper item组件,否则会导致未定义的行为。 属性表 ...
分类:
微信 时间:
2020-02-25 00:09:22
阅读次数:
93
RN相关插件库(全是作者使用过,觉得质量最好的库,多数是洋人开源的)> [react-native-code-push 热更新](https://github.com/microsoft/react-native-code-push)> [react-native-vector-icons 字体图标 ...
分类:
其他好文 时间:
2020-02-24 20:57:26
阅读次数:
74
一、Vue进阶内容 slot插槽(内容分发) 我觉得可以理解为模板,轮廓被组件建好了,内容可以填入插槽 .比如一个轮播图组件,功能完善了,图片需要通过插槽插入. 所有中内容都会插入子组件中 特殊:具名插槽,可控制具体插入位置 html aaaaaaaaaaa bbbbbbbbbbb Vue.comp ...
分类:
其他好文 时间:
2020-02-22 00:27:30
阅读次数:
64
使用原生JS实现轮播图,仅需短短几行代码,代码如下 当然,不可能这么简单,这里我引入了自定义的 Carousel 类,是使用原生 JS 写的,全部的代码就不放出来了,只给出实现轮播的核心代码 javascript // nextIndex 下一个 index change(nextIndex) { ...
分类:
Web程序 时间:
2020-02-18 11:18:57
阅读次数:
79
首页的分类、轮播图、下方根据一级分给,类别加载最新的6条记录 点击查看商品的详情 根据商品的id 商品的展示图片就是图片表 商品表 不同口味价格不同 这是商品的规格表 不同口味优惠力度也是不一样的 没有折扣促销价就不需要计算。有折扣才需要计算。 产品参数 数据库内的表 详情页面的请求,在一次请求内完 ...
分类:
其他好文 时间:
2020-02-17 00:47:41
阅读次数:
67