移动端
文章平均质量分 75
asteriaV
这个作者很懒,什么都没留下…
展开
-
vue写手机号绑定+验证,点击获取和重新获取验证码
用vue写手机号绑定如下,第一步,首先得是点击获取 ,60s倒计时第二步.出现60s倒计时第三步.点击获取完,出现重新获取按钮,并实现倒计时60s代码: <template> <div id="weixinAuth" class="clearfix"> <div class="container"> ...原创 2020-04-08 14:03:32 · 3565 阅读 · 1 评论 -
vue移动端项目使用click,点击延迟300ms解决方法
在开发微信端时,发现在Android下面,click事件非常的流畅,而在IOS下却有一定的延迟。查了查资料,发现早在2007年,苹果为了解决在Iphone这种小屏幕浏览器站点的问题,就设置了300毫秒的延迟。这是为了系统判断用户是双击还是单击屏幕。vue项目中,可以通过引入fastclick第三方依赖包来解决。1、安装fastclick依赖:npm install fastclic...原创 2020-04-02 15:20:34 · 807 阅读 · 0 评论 -
vue使用vant框架的toast 轻提示框功能
脚手架推荐使用 Vue 官方提供的脚手架Vue Cli 3创建项目# 安装 Vue Cli npm install -g @vue/cli# 创建一个项目 vue create hello-world安装# 通过 npm 安装npm i vant -S一. 自动按需引入组件 (推荐)babel-plugin-import是一款 babel 插件,它会在编译过程...原创 2019-12-20 11:00:43 · 7271 阅读 · 1 评论 -
vue写短信验证时实现60s倒计时功能
vue写短信验证时实现60s倒计时功能已进入该页面就发送了验证码,同时实现倒计时功能:60s后效果:<!-- 找回密码 --><template> <div id="stepsTwo" class="clearfix"> <div class="steps-main clearfix"> <el...原创 2019-12-19 11:01:54 · 1205 阅读 · 0 评论 -
vue使用rem来实现移动端自适应布局
现在手机屏幕分辨率越来越多,为了适应屏幕不同大小,我们首先要做到的便是页面布局自适应。当然解决方案很多,比如:百分比布局,弹性布局flex,也都能获得不错的效果,这里主要介绍的是本人在实践中用的最高效的布局方案——rem布局一,设置初始的rem值用js计算来实现rem,只需要全局引入下面这段原生js代码即可 <script> (function (d...原创 2019-12-04 15:33:46 · 1134 阅读 · 2 评论 -
如何实现文件禁止折行/文件显示两行,超过部分用省略号隐藏?
问题一:如何实现文件禁止折行,超过部分用省略号隐藏?white-space:nowrap; overflow:hidden; text-overflow:ellipsis;强制不换行,超出部分隐藏且以省略号形式出现white-space 属性设置如何处理元素内的空白 normal默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre ...原创 2019-11-22 17:25:38 · 492 阅读 · 0 评论 -
vue 来写移动端,实现上拉加载,下拉刷新数据
本项目是用vue +elementui来写移动端 的:首先创建一个每个需要上拉加载数据的模板组件 LoadMore.vue<template> <div id="LoadMore" class="clearfix"> <div class="load-more-wrapper clearfix"> <div class="...原创 2019-09-16 15:46:51 · 1587 阅读 · 0 评论 -
js判断需要访问的页面在手机端还是PC端打开
方法一:最原始写的是这样子, 发现在手机端打开pc端网页时,是跳转到pc端的链接,但是这个时候移动端页面显示不出来,而且会延迟页面渲染时间<script type="text/javascript"> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.mat...原创 2019-09-19 18:44:08 · 238 阅读 · 0 评论