丶思想-优快云博客

原创 VUE你想要的这里都有/组件框架/实例库

以上内容GitHub均可搜到UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material...

2018-08-20 14:52:28 1183

原创【element】谷歌浏览器 el-dialog 概率出现背景全黑，透明度不生效

谷歌浏览器谷歌浏览器 el-dialog 概率出现背景全黑，透明度不生效class v-modal opacity:0.5 不生效采用 opacity: 1 background: 0.5透明度的黑色代码如下：End

2022-06-13 17:00:00 1537

原创 Vue/uni-app 获取git版本-----------精

首先安装 git-revision-webpack-plugin一、cnpm i git-revision-webpack-plugin --save然后打开package.json 查看devDependencies注意版本一定不要5.0.0以上，有坑！二、vue.config.js 下写入const webpack = require("webpack");const GitRevisionPlugin = require("git-revision-webpack-pl

2021-05-13 11:19:40 518

原创 10个Vue开发技巧

路由参数解耦一般在组件内使用路由参数，大多数人会这样做：export default { methods: { getParamsId() { return this.$route.params.id } }}在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的...

2020-04-23 13:55:12 200

原创简单实用的Vue移动端侧滑菜单(删除、编辑、详情等等)

cnpm install vue-fkl-sideslip // 或者npm// 引入import vueSideslip from 'vue-fkl-sideslip'import 'vue-fkl-sideslip/lib/vue-fkl-sideslip.css'Vue.use(vueSideslip);// 调用<vue-sideslip @click="call...

2020-04-17 14:48:50 1473 1

原创 vue-baidu-map--------vue百度地图插件

安装npm i --save vue-baidu-map引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */ ak: 'YOUR_APP_KEY'}...

2018-08-21 16:27:56 5442 2

转载 vue-quick-cropper ------------一个vue移动端截图插件

安装npm install vue-quick-cropper -S引入import VueQuickCropper from 'vue-quick-cropper';Vue.use(VueQuickCropper)代码片段<template> <div id="app"> <div v-if="!v...

2018-08-21 16:12:59 2426 1

原创 rem配置

使用%单位方便使用 css中的body中先全局声明font-size=62.5%，这里的%的算法和rem一样。因为100%=16px，1px=6.25%，所以10px=62.5%，这是的1rem=10px，所以12px=1.2rem。px与rem的转换通过10就可以得来，很方便了吧！* 使用方法* 注意，rem是只相对于根元素htm的font-size，即只需要设置根元素的font...

2018-08-21 11:57:13 1274

原创 vue-swiper-component ----------------------一个vue的移动端滑动轮播插件

安装npm i vue-swiper-component --save引用代码部分import { Swiper, Slide } from 'vue-swiper-component';components: { Swiper, Slide}template部分三种配置 //异步加载轮播图的情况 <Swiper v-if="list...

2018-08-21 11:24:19 7088 1

转载 vue-carousel------------vue轮播插件

安装npm install --save va-carousel引入组件<template> <div id="app"> <VaCarousel/> </div></template><script>import VaCarousel from 'va-carousel/src

2018-08-21 10:23:28 3893

转载 VUE Animate Number 插件---------一个数字自加的插件

npm install vue-animate-numbermain.js&lt;template&gt; &lt;div&gt; &lt;animate-number from="1" to="10" duration="1000" easing=

2018-08-21 09:38:39 5573

原创 rem详解及使用方法

浏览器的默认字体高都是16px。使用%单位方便使用 css中的body中先全局声明font-size=62.5%，这里的%的算法和rem一样。因为100%=16px，1px=6.25%，所以10px=62.5%，这是的1rem=10px，所以12px=1.2rem。px与rem的转换通过10就可以得来，很方便了吧！rem是只相对于根元素htm的font-size，即只需要设置根元...

2018-08-09 16:45:07 701

qq_42925191的博客