
vue
_Jester
这个作者很懒,什么都没留下…
展开
-
vue-cli3移动端适配 postcss-px2rem
设置页面根节点的字体大小,然后通过px2rem做转换,这样在写样式的时候,直接使用px就可以,不需要自己计算安装npm i postcss-px2rem项目配置文件中添加cssloadermodule.exports = { css: { loaderOptions: { postcss: [ require("postcss-px2rem")({ remUnit: 1原创 2020-07-21 15:31:56 · 952 阅读 · 1 评论 -
vue自定义全局组件 - 提示框组件
组件挂载在Vue原型上,通过调用方法显示隐藏提示框,并定义了三种状态:加载、警告及成功定义组件Toast.vue<template> <div class="toast-container" :class="{ 'toast-none-icon': icon=='none' }" v-if="show"> <template v-if="icon!=='none'"> <!-- 加载loading --> <原创 2020-05-14 22:43:38 · 1249 阅读 · 0 评论 -
饿了么el-upload上传图片限制图片尺寸、大小、格式
饿了么中的Upload组件已经提供了限制用户上传的图片格式和大小,在此又新加图片的尺寸<el-upload class="avatar-uploader" action="" :show-file-list="false" :before-upload="beforeAvatarUpload"> <img v-if="imageUrl" :src="im...原创 2020-03-15 21:52:45 · 9080 阅读 · 1 评论 -
vue-awesome-swiper自定义分页器样式
使用方法:https://www.npmjs.com/package/vue-awesome-swiper安装并注册(全局or组件内)<template> <swiper :options="swiperOption" ref="mySwiper" @someSwiperEvent="callback"> <!-- slides --> ...原创 2020-03-07 23:42:46 · 4730 阅读 · 0 评论 -
vue使用elementUI打包后字体图标丢失问题
vue+elementUI构建的项目,打包后发现弹窗信息的图标丢失了,控制台显示找不到字体文件解决方法:打包配置文件build目录下webpack.base.conf.js文件添加(vue-cli构建项目会有的)utils.js文件添加 publicPath:'../../'重新打包结果:...原创 2019-10-10 17:20:37 · 2080 阅读 · 0 评论