vue-cli常用插件集合element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式
转载 10月前
12阅读
一、NProgress是什么?简单的说就是加载进度条。二、安装bower install --save nprogress# 或者npm install --save nprogress三、用法//vue中引用import NProgress from 'nprogress'import 'nprogress/nprogress.css'//方法NProgress.start() - 显示进度条NProgress.set(0.4) - 设置百分比NProgress.inc(
转载 2021-08-12 13:38:02
304阅读
​​NProgress​​​是页面跳转是出现在浏览器顶部的进度条  官网:​​​NProgress: slim progress bars in JavaScript​​​  github:​​​https://github.com/rstacruz/nprogress​​
转载 2023-03-15 00:05:21
114阅读
NProgress是页
原创 2022-07-12 13:26:10
117阅读
一、Unsplash For ChromeUnsplash这个网站相信对于图片网站熟悉的人们来说都不陌生了,这是一个很大的图片网站,网站上的照片都是免费使用的,可以用来当壁纸、插图等。Unsplash的图片质量也很高,全都是高清的。安装了插件之后,不用打开unsplash网站就可以直接查找图片,这对于平时工作中需要图片素材的用户来说非常方便。二、Wetab新标签页在如今众多的新标签页插件中,Wet
俗话说“工欲善其事,必先利其器”,在搞科研的过程中“升级打怪”,又怎能少的了一些利器加持呢?1、文献管理软件1)Endnote首选当然是大名鼎鼎的Endnote。Endnote是一款文献管理和编辑软件,帮助你在论文中管理你想要插入的参考文献,统一更改文献的格式。对于想要针对性的投稿某家杂志的文章,还可以下载该杂志的参考文献引用格式,动动鼠标,就调好啦。除此之外Endnote还支持pubmed上直接
如今,jQuery插件众多,满足各种各样的应用需求。 在这篇文章中,我收集了9款很棒的插件,最喜欢的是Sausage内容分页插件,作者想法特别新颖!希望你能从中找到自己需要的插件。 分享10个超炫的jQuery网站23个超流行的免费jQuery相册插件30个最新超棒的jQuery灯箱插件3月份8个jQuery最佳插件推荐25个超棒的jQuery日历和日期选取插件 51CTO推荐专
转载 2024-09-29 13:46:59
122阅读
NProgress 是什么? NProgress是页面加载进度条,如下图所示: NProgress
原创 2022-05-30 11:38:49
592阅读
基于Vue的颜色选择器 基于Vue的颜色选择器(一) 基于Vue的颜色选择器(二) 文章目录基于Vue的颜色选择器前言一、颜色初了解二、颜色格式三、格式之间的转换1.RGB转换HEX(即十六进制)2.HEX转换RGB3.RGB转换HSB/HSV4.RGB转换HSL5.HSB/HSV转换HSL6.HSL转换HSB/HSV四、验证输入的颜色值格式,并将输入的颜色值统一转换成HEX颜色值 前言基于
<写给自己看的成长路程>在定义vue模板的样式时, 遵照css 可知可以用 使用 class 与 style 两种方法来写, 值得注意的是如果是: 多个字母的 这里不能用 直接用- 连接, font-size可以使用 驼峰/ 或者 ’ … ’ , fontSize, 'font-size'还要一点值得注意的是; 在参与逻辑运算的时候这时需要动态的判断哪个样式的 显/隐这时的样式最好 写
vue表格根据属性值设置背景颜色、vue表格设置鼠标悬浮背景颜色、vue表格的隔行变色修改背景颜色建议4种方法都看一变可以合起来一起使用哦第一种方法:row-class-name第二种方法:cell-class-name第三种方法:(cell-class-name和row-class-name)都可以第四种方法:既想要vue表格的隔行变色又想根据数据改变对应行的背景颜色第一种方法代码第二种方法代
我用Chrome已经很多年了,有很多人说Chrome占了很多内存,我觉得是没有利用好Chrome插件。如今,Chrome已经成为我工作、学习中不可或缺的部分。接下来,给大家介绍一下我在Chrome中装的所有插件, 供大家参考!! 1、去除广告类 (1)AdBlock:这个不多说。 (2)Adblock Plus:这个也是去除广告用的。 (3
转载 2024-04-08 00:00:27
1279阅读
目录一、v-bind指令二、v-on指令三、v-model四、v-text和v-html五、v-show和v-if六、v-for 一、v-bind指令给标签属性设置vue变量的值,多用于设置href、style等HTML属性语法:v-bind:属性名 = “vue变量”简写:属性名= “vue变量”代码片段<a v-bind:href="school.url.toUpperCase()"&
一、效果预览二、项目回顾1、原理主要是利用js脚本在页面打开前插入一个背景图片容器,在通过相应的事件控制来实现该功能。2、功能将网络图片设置为浏览器背景3、使用下载插件 --> 修改js文件(加入图片链接)–》 添加浏览器扩展 --> 刷新页面4、局限只能使用网页图片链接作为背景图片,修改背景图片需要频繁修改代码。5、旧版本记录三、项目优化1、背景图片选择之前只能使用在线链接来设置背景
vue 路由进度条 nprogress
原创 2023-04-05 07:37:26
134阅读
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页我的问题与博主的类似,都是打包后首页没问题,但是一点击登录进行页面跳转就空白, 此次解决方案:F12查看空白页所请求的资源地址是否正确正确的请求地址 http://19.192/atorWeb/static/css/app.6e5fe36e65ab3e252fb9f4516488c181.css错误的请求地址 http://19
1、vue插件 v-bind:实现点击不同按钮切换不同的属性值,使用class属性中的特殊用法实现一个按钮切换北京颜色,例如<img src=" " height=" "/>,在其中src和height的值如果不想写死,而是想获取vue实例中的属性值的话,就可以通过v-bind实现,如<img v-bind:src="vue实例中的数据属性名" :height="vue实例中的数
转载 2024-07-31 06:31:37
95阅读
vue 颜色选择组件(Radial Color Picker - Vue)Vue component of radial color picker. 径向颜色选择器的Vue组件。 Great UX starts with two basic principles - ease of use and simplicity. Selecting a color should be as easy as
转载 2024-04-09 14:19:20
124阅读
安装NProgress包 npm install --save nprogerss 导入 NProgress 包对应的JS和CSS import NProgress from 'nprogress' import 'nprogress/nprogress.css' 在 request 拦截器中,展示 ...
转载 2021-11-04 13:04:00
427阅读
2评论
Vue3 NProgress进度条 安装插件: yarn add nprogress app.vue中引入插件。 import NProgress from 'nprogress' import 'nprogress/nprogress.css' 监听路由跳转 进入页面执行插件动画。 路由跳转中 r ...
转载 2021-10-21 13:54:00
1361阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5