###基于vue2的垂直跑马灯(广播消息轮播组件) npm install vue-marquee new Vue({ el: 'body', data: function(){ return { listData: ['item1', 'item2', 'item3'] } }, componen ...
分类:
其他好文 时间:
2021-03-09 13:56:40
阅读次数:
0
var index=1; left.onclick=function () { index++ if (index>3) { index=0 } one.style.left=-index*800+"px" } right.onclick=function () { index-- if (inde ...
分类:
其他好文 时间:
2021-03-08 13:34:42
阅读次数:
0
轮播图 <!DOCTYPE html> <html lang="ch-zn"> <head> <meta charset="UTF-8"> <link rel="" href=""> <meta name="viewport" content="width=device-width, initial ...
分类:
其他好文 时间:
2021-03-01 13:31:47
阅读次数:
0
手机屏展示这样的效果,用swiper去实现, <template> <view class="container"> <view class="mas-promo-swiper-scroll-wrapper" :style="{ transform:'translateX(' +swiperMarg ...
分类:
移动开发 时间:
2021-02-25 11:49:26
阅读次数:
0
需求概述: 之前有个需求是用户扫二维码,进入到报名页面,报名后的数据会在PC大屏中以用户头像轮播出来,实时更新新报名的用户头像信息,之前的做法是通过前端开启定时器每隔一段时间请求一次后端接口以获得最新数据更新轮播。显然这种做法的代价太大了,被挂起了无数个请求连接,对服务器压力是很大的,所以我们采用w ...
分类:
其他好文 时间:
2021-02-19 13:24:56
阅读次数:
0
<!-- 导航组件 navigator 0 块级元素 默认会换行 可以直接加宽度和高度 1 url 要跳转的页面路径 绝对路径 相对路径 2 target 要跳转到当前的小程序 还是其他的小程序的页面 self 默认值 自己 小程序的页面 miniProgram 其他的小程序的页面 3 open-t ...
分类:
其他好文 时间:
2021-01-19 11:47:53
阅读次数:
0
swiper:https://www.swiper.com.cn/usage/index.html 安装swiper cnpm i -S swiper 在功能组件中定义Swiper组件并设置好插槽 <template> <div class="swiper-container"> <div clas ...
分类:
其他好文 时间:
2021-01-13 11:31:56
阅读次数:
0
ScrollView组件常用于轮播图或引导页,那么水平滚动则比较常用 自定义水平的CKScrollView.js组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 Text, 5 StyleSheet, 6 Scroll ...
分类:
其他好文 时间:
2021-01-12 11:05:38
阅读次数:
0
main.js 全局引入轮播图的js 和 css文件 <template> <div> <h1>轮播图案例</h1> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for ...
分类:
其他好文 时间:
2021-01-06 12:17:44
阅读次数:
0
原生页面的基本应用 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <ti ...
分类:
其他好文 时间:
2021-01-06 12:16:26
阅读次数:
0