自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (2)
  • 收藏
  • 关注

原创 微信小程序之判断页面滚动方向

需求微信小程序中如果判断页面滚动方向?解决方案1.用到微信小程序API获取页面实际高度 nodesRef.boundingClientRect([callback])监听用户滑动页面事件onPageScroll。2.获取页面实际高度<!--WXML--><view id="box"> <view class="list" wx:fo...

2018-08-31 15:23:00 2481

原创 单页面官网-平滑过渡到指的锚点

特点单页面官网--不是传说中的单页面应用!固定顶部,点击导航平滑过渡到指定锚点,鼠标上下滚动到锚点位置导航随之切换如:考拉微课HTML布局<!--顶部导航栏--><div id="header"> <ul class="nav"> <li><a href="#con_1">Featu

2018-02-22 15:09:54 702

原创 微信小程序组件swiper结合模板的使用

微信小程序的swiper组件今天学习了微信小程序的swiper组件。参考官网template和swiper一、新建模板在组件文件夹components下新建一个模板文件swiper.wxml。template 使用name属性,作为模板的名字(模板的唯一标识符,使用时用is属性声明)。然后在<template/>内定义swiper代码片段 ,代码如下:<!--template s...

2018-02-22 14:55:08 1796

原创 微信小程序picker组件遇到的问题与解决方案

一、picker基本概念当然先看官方文档 picker说明搞清楚基本概念“从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。”几个主要属性:range: 选取范围,数据类型为Array / Object Array,mode为 普通选择器 时,range 有效;value: value 的值表示选择了 range 中的第几个(...

2018-02-22 14:53:59 12238 2

原创 微信小程序之圆形进度条

需求概要小程序中使用圆形倒计时,效果图:思路使用2个canvas 一个是背景圆环,一个是彩色圆环。使用setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子;盒子使用相对定位作为父级,flex布局,设置居中;一个canvas,使用绝对定位作为背景,canvas-id="canvasProgressbg"另一个canvas,使用相对定位作为进度条,...

2018-02-22 14:49:59 12123 2

原创 微信小程序之自定义组件

根据官方文档自定义组件一步一步来创建自定义组件第一步创建项目结构打开微信开发者工具创建一个项目,新建目录 components 与 pages 目录同级在components中新建一个目录circle在circle中新建 Component 命名为 circle 自动生成 json wxml wxss js 4个文件。结构如下:第二步编写组件编写json首先需要在 json 文件中进行自定义组件声...

2018-02-22 14:32:38 2028

原创 VUE 滚动公告

先上效果图 HTML部分<div class="vueBox" > <div class="marquee"> <div class="marquee_title"> <span>最新战报</span> </div> <div class="marquee_box"> <ul class="ma

2017-12-05 12:02:29 19324

原创 VUE获取验证码倒计时

登录界面使用手机验证码注册登录很常见,VUE中实现获取验证码倒计时还是用到定时器setInterval 先上效果图 HTML部分<div class="login_list"> <span class="login_title">短信验证码:</span> <input class="auth_input" type="text" placeholder="输入验证码"

2017-12-05 11:42:55 15677 8

转载 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-12-05 10:26:18 131

vue-notice

vue版本无缝滚动公告,v-for循环显示列表,v-bind:class绑定过渡效果类名

2017-12-05

jQuery滚动公告

jQuery animate封装向上滚动插件,使用定时器setInterval调用封装的插件实现滚动公告

2017-12-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除