
vue
a-shitou
这个作者很懒,什么都没留下…
展开
-
原创 vue 3.0 使用 antd 做一个管理系统st-admin(三)-- 登录
前面整个前台的架子基本上搭起来了,接下来我们来实现和后台服务的通信,登录1.做一个本地代理避免跨域问题vue.config.js 的 module.exports 下面加入这段代码,可以根据自己的情况进行修改devServer: { proxy: { '/api': { target: 'http://localhost:8000/rest/', //对应自己的接口 changeOrigin: true,原创 2020-12-04 16:00:57 · 968 阅读 · 3 评论 -
vue 3.0 使用 antd 做一个管理系统st-admin(二)
接着前面的文章继续5.vue3.0下使用 iconfonts这个直接去https://www.iconfont.cn/下载一个整理好的图标库下载好直接放到工程里main.js里直接引入cssimport '@/assets/iconfonts/iconfont.css';vue页面中直接就可以引用了<i class="iconfont icon-menu></i>但是在配合antd使用的过程中发现a-menu菜单组件如果用iconfont这.原创 2020-12-01 17:33:38 · 1018 阅读 · 0 评论 -
vue 3.0 使用 antd 做一个管理系统st-admin(一)
上次做vue的项目大概是一年前了,这次又接触到vue,发现vue cli都到4.5了,一时突然分不太清vue3.0和vue cli4.0,之前用vue时一直用的elementui ,不过elementui好像没有对应vue3.0的。只能选择antd(Ant Design of Vue) 了,这中间遇到了太多的坑就不一一列举了。先看一下本机环境node 10.13.0@vue/cli 4.5.9node是之前就安装的并没有做更新,安装了最新的vue脚手架这里就不示例项目创建过程了,..原创 2020-12-01 16:40:19 · 1955 阅读 · 0 评论 -
vue中使用crypto-js获得七牛云token
const CryptoJS = require('crypto-js')let timestamp = new Date().getTime() // 当前的时间戳timestamp = parseInt(timestamp / 1000) + 36000let putPolicy = {'scope': 'img_bucket1', 'deadline': timestamp}con...原创 2019-09-03 10:25:39 · 1473 阅读 · 2 评论 -
vue 封装console.log 小试
最近用vue和Cordova组合写android应用,调式是经常用console.log打写log,今天试试封装一下,便于调试效果这样代码如下mian.jsimport globalUtils from './utils/globalUtils'Vue.use(globalUtils)globalUtils.jsexport default { ins...原创 2019-08-10 14:40:01 · 2821 阅读 · 0 评论 -
vue中用纯css 做一个六边形 类似蜂窝形的功能导航主菜单
之前认识不足以为纯css无法做出这种效果,用canvas画了一个,文章是这个https://blog.youkuaiyun.com/shishuwei111/article/details/92611313最近了解到css也可以做出来这样的效果效果图主要用了css的clip-path,有需要的可以了解以下这个属性,确实是个不可思议的东西源码<template> ...原创 2019-07-11 10:50:55 · 3191 阅读 · 0 评论 -
vue print.js打印支持Echarts图表
网上找的print.js做了修改,支持Echarts图表这里记录一下,不知道是哪家的代码了,我看都一样这里是看到了两个源码https://github.com/xyl66/vuePlugs_printjs/blob/master/print.jshttps://github.com/denghao123/Print.js以下是我修改过的print.js// 打印类属性、方...原创 2019-06-29 16:12:41 · 4574 阅读 · 14 评论 -
vue中用canvas画移动端电量显示 实现充电动画
写一个电量组件battery.vue<template> <div> <canvas ref="mycanvas" :width="cWidth" :height="cHeight"></canvas> </div></template><script>export d...原创 2019-06-26 14:22:50 · 5331 阅读 · 6 评论 -
vue中用canvas 画一个六边形 类似蜂窝形的功能导航主菜单
最近要做一个六边形组成的功能菜单 ,上一个成品图,有用到类似的可以参考一下,基本上属于不规则按钮了最开始用div加背景图做按钮,但是因为div有重叠部分,做出来体验并不好,后俩查资料有这种写法<img src="../assets/img/menubtn_bg.png" border="0" :usemap="'#map'+btntext" alt...原创 2019-06-17 18:51:40 · 4303 阅读 · 3 评论 -
关于vue element-ui 样式问题
element-ui 全局自定义样式main.js里// element-ui 这里是一般的引入方式import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'// 添加自己的样式库,import './assets/css/element-ui/index.css'inde...原创 2019-05-08 19:31:41 · 663 阅读 · 0 评论