vue-cli4 移动端日历插件
-
从零写vue日历组件
目录 1.前言 2.vue日历制作 2.1制作月份选择器 2.2制作日历 2.2.1获取当前月所要显示的日期 2.2.2给不同的日期添加不同的样式 2.3将月份选择器和日历组件组合使用 2.4编辑功能 ...
-
基于vue实现移动端圆形旋钮插件效果
最近公司有一个项目的需要做出旋钮的效果,旋钮有十个档,根据手指旋转切换,旋转时接近最近的档会有吸附效果,具体效果如下: html部分代码: <div class="_touch&quo ...
-
vue.js实现日历插件使用方法详解
今天要实现的功能就是以下这个功能:vue.js模拟日历插件 好了废话不多说了 直接上代码了 css: *{ margin: 0; padding: 0; -webkit-box-sizing: bor ...
-
Vue自定义可以选择日期区间段的日历插件
本文实例为大家分享了Vue自定义日历插件的具体代码,供大家参考,具体内容如下 由于网上的插件没有符合项目的需求决定自己实现 图示如下: 默认选择今天的日期时间段 1.默认状态(默认选择当前日期的时间段 ...
-
Vue CLI4 Vue.config.js标准配置(最全注释)
前言: Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成.那么该文件的配置至关重要 ...
-
@vue/cli4.x版本的vue.config.js常用配置方式
目录 @vue/cli4.x的vue.config.js常用配置 vue-cli4.*配置vue.config.js文件配置内容不生效 解决 @vue/cli4.x的vue.config.js常用配置 ...
-
Mint UI 基于 Vue.js 移动端组件库
官网地址 http://mint-ui.github.io/ Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要.通过它,可以快速构建出风格统一的页面,提升开发效率. 真 ...
-
利用Vue实现移动端图片轮播组件的方法实例
前言 轮播图的插件也有很多,用jQuery写起来也不难,这里分享的是关于利用Vue实现移动端图片轮播组件的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: wc-swiper ...
-
vue自定义全局组件(自定义插件)的用法
有时候我们在做开发的时候,就想自己写一个插件然后就可以使用自己的插件,那种成就感很强.博主最近研究element-ui和axios的时候,发现他们是自定义组件,但是唯一有一点不同的是,在用elemen ...
-
基于Vue的移动端图片裁剪组件功能
最近项目上要做一个车牌识别的功能.本来以为很简单,只需要将图片扔给后台就可以了,但是经测试后识别率只有20-40%.因此产品建议拍摄图片后,可以对图片进行拖拽和缩放,然后裁剪车牌部分上传给后台来提高识 ...
-
atom-design(Vue.js移动端组件库)手势组件使用教程
介绍 atom-design经过几个月的开发,以及这段时间的修复bug,对js,css压缩,按需引入处理等等的性能优化,现在已经逐渐完善.做这套UI考虑到很多性能的问题,以及如何让开发者更自由.更简单 ...
-
详解vue 在移动端体验上的优化解决方案
去年年底自己搭了一个vue在移动端的开发框架,感觉体验不是很好.上个星期又要做移动端的项目了.所以我花了两天时间对之前的那个开发框架做了以下优化 自定义vuex-plugins-loading 路由切 ...
-
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
今天,我们使用Vue CLI3 做一个移动端适配 . 前言 首先确定你的项目是Vue CLI3版本以上的. 一.移动端适配包 1.安装移动端适配包 npm i lib-flexible -S 2.在 ...
-
使用vue cli4.x搭建vue项目的过程详解
cli-4.x已经发布好久了,斟酌了好久,还是决定将原来的cli-2.x升级到4.x,详细的升级过程可以戳这里 1.创建项目 vue create vuetest 2.选择配置方式 ? Please ...
-
vue cli4.0项目引入typescript的方法
现有的项目是采用vue cli4.0脚手架生成的,现在想要引入typescript. 1.执行安装命令 npm install --save-dev typescript npm install -- ...
-
解决vue cli4升级sass-loader(v8)后报错问题
sass-loader报错: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: I ...
-
vue实现PC端分辨率适配操作
依赖 项目基础配置使用 vue-cli 生成 自适应方案核心: 阿里可伸缩布局方案 lib-flexible px转rem:px2rem,它有webpack的loader px2rem 开始 先使用v ...
-
vue+element开发一个谷歌插件的全过程
简单功能:点击浏览器右上角插件icon弹出小弹窗,点击设置弹出设置页,并替换背景图或颜色. 开始 1.本地创建文件夹testPlugin并新建manifest.json文件 { "name& ...
-
一款好用的移动端滚动插件BetterScroll
目录 让滚动更流畅 BetterScroll 的滚动体验 惯性滚动 边缘回弹 如何应用于各种需求场景 普通滚动列表 滚动条 下拉刷新 上拉加载 选择器 轮播图 特殊场景 索引列表 开屏引导 自由滚动 ...
-
Vue实现浏览器端扫码功能
背景 不久前我做了关于获取浏览器摄像头并扫码识别的功能,本文中梳理了涉及到知识点及具体代码实现,整理成此篇文章内容. 本文主要介绍,通过使用基于 vue 技术栈的前端开发技术,在浏览器端调起摄像头
-
vue开发移动端h5环境搭建的全过程
目录 技术选型 环境搭建 引入库 配置环境 运行 网络封装 结语 补充 总结 技术选型 公司现在需要开发移动端的h5,使用现在比较流行的vue 2.0开发,使用的脚手架是Vant2,网络访问使用的是a ...