丶思想-CSDN博客

原创 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 1222

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

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

2022-06-13 17:00:00 1610

原创 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 562

原创 10个Vue开发技巧

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

2020-04-23 13:55:12 228

原创简单实用的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 1533 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 5486 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 2486 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 1331

原创 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 7134 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 3945

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

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

2018-08-21 09:38:39 5631

原创 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 740

qq_42925191的博客