![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
丨丨三戒丶
这个作者很懒,什么都没留下…
展开
-
jQuery 传秒获取-天时分秒-倒计时
jQuery 传秒获取-天时分秒-倒计时原创 2022-06-24 09:47:42 · 384 阅读 · 0 评论 -
vue 解决ios滑动出现两次过渡效果
抽屉似弹层,页面跳转右侧滑入左侧滑出过渡效果,在ios上用户不通过点击顶部自带返回,而是侧滑手机返回时过渡效果出现两次效果很不友好!页面跳转过渡效果解决方案vuexisIosMoveBack: false, // 判断过度动画取消的时机过渡页<template> <div> <transition :name="transitionName"> <router-view class="child-vie.原创 2021-03-12 15:42:33 · 2033 阅读 · 0 评论 -
vue 移动端路由(右侧进入,左侧退出)动画效果
最近在做移动端项目,头部没有导航返回按钮,需要手机自带物理返回,产品经理需求,点击跳转从右侧滑入,手机物理返回时从左侧退出,效果类似如下:但是不是点击返回按钮,从左侧退出,参照大神代码改的,话不多说入正题:1.新建一个:PageTransittion.vue 到项目目录(动画过渡页)HTML<template> <div> <transition :name="transitionName"> <ro.原创 2021-02-01 17:43:50 · 2531 阅读 · 4 评论 -
vue input输入监听
<input class="flex_1" type="number" placeholder="请输入" v-model="v.score_num" v-on:input="onCount($event,v)" onblur="if(value=='')value=0"/>methods:{ onCount(obj,res){ // console.log(obj,res) if(parseFloat(obj.target.value)>pars原创 2021-01-22 16:50:51 · 1698 阅读 · 0 评论 -
移动端唤起键盘时挡住页面解决办法
在IOS和安卓中键盘弹起挡住输入框或者页面的解决方案我这里底部有个position:fixed;定位,移动端调起键盘是时挡住了输入框和页面,网上贴吧贴吧解决了这个问题,就是在调起键盘时取消定位,取消后自动在页面底部data(){ return{ oldFullHeight: 0, // 屏幕高度 select_show:true, // 键盘弹起状态 }}// 解决移动端唤起键盘输入框被挡住问题this.oldFullHeight = document.documen原创 2020-09-23 16:23:10 · 1377 阅读 · 0 评论 -
Vue 正则限制input只能输入大小字母加数字,每四个字符加个空格,最后四位不加空格
网上找了很多都不怎么满意,最后东拼西凑实现了,自我感觉完美嘻嘻html代码<input v-model="code_data" type="text" maxlength="24" @input="no_change" placeholder="请输入20位激活码">这里说一下虽然限制的输入20个字符但是最大却必须24位,因为空格也要站位!js代码// 非中文no_change(e) { var $this = e.target; // 获取dom // 正则.原创 2020-08-26 16:16:19 · 1630 阅读 · 0 评论 -
Vue 移动端-拖动-浮动元素
项目需求有个浮动按钮在屏幕右下角能拖动,能点击,话不多说代码走你:拖动 drag.js(方法参数定义的id名)// 拖动export default{ // 拖动 drag(obj){ var oL,oT,drag = document.getElementById(obj); //限制最大宽高,不让滑块出去 var maxW = document.body.clientWidth - drag.offsetWi原创 2020-08-18 16:53:25 · 599 阅读 · 0 评论 -
vue swiper轮播-实现移动端左中右三图有间隔无缝隙轮播
话不多说还在赶项目,效果如下图:只需安装 swiper 即可,不需要安装:vue-awesome-swipernpm install swiper --save-dev下面是否完整代码<template> <div class="swiper_all"> <div class="swiper-container"> <div class="swiper-wrapper"> <di原创 2020-08-11 11:47:14 · 2918 阅读 · 0 评论