摘要:
目前比较流行的打包大都是在vue.config.js配置代理,然后在根目录新建.env.xxx文件配置正式环境,测试环境,开发环境等用于打包时配置不同的访问地址,作为一名随波逐流的前端开发,我也是这么干的,但是总有人很欠,开发中疯狂改ip,然后导致我们要跟着打包,ip的改动导致我们配置的环境根本没有 阅读全文
摘要:
废话不多说直接上组件代码: <template> <!-- 地图 --> <div class="container w"> <div id="map" class="map radius-md" :style="{ width: width, height: height }"></div> </ 阅读全文
摘要:
不知道为啥我上一篇的图片热区被移出首页,其实我主要是是为了自己看,其次才是分享,这段时间我又整理了一下热区,将里面的功能进一步完善了一下; 解决一下问题: 1.解决拖拽到规定区域外后松开鼠标再次进入后,坐标错误的问题 2.新增6个方向的拖拽放大缩小热区区域 3.新增放大了图片区域 4.做了相对于屏幕 阅读全文
摘要:
最新更新版本2,可进入本人主页查询 下面我会将完整的代码放进去,一些样式使用的是全局样式如flex-row,flex-1,size-16,re,tc,等,不过不影响功能使用。 废话不多说,上代码 vue3+ts <!-- 热区组件 --> <template> <el-dialog v-model= 阅读全文
摘要:
/** * arry:数组, length:多少长度为一组*/ group_arry(arry, length) { let index = 0; let new_arry = []; if (arry.length > length) { while (index < arry.length) { 阅读全文
摘要:
实现效果使用flex进行左右布局,左边定宽200px,右边自适应,当右边内容过多,造成右边盒子被撑开,会造成两种问题 左边定宽盒子被压缩解决办法: flex-grow:0;//是否自动增长空间 flex-shrink:0;//是否自动缩小空间 右边自适应的盒子被撑开 解决办法: flex:1; wi 阅读全文
摘要:
相信关于按需引入大家应该都会了,不论是官网还是百度一大堆教程 我这边也是参照https://github.com/youlaitech/vue3-element-admin的写法去写的 需要的可以去看看 这里复述一遍,作为笔记: 首先安装unplugin-vue-components 和 unplu 阅读全文
摘要:
input:-webkit-autofill { box-shadow:0 0 0 1000px white inset !important; } input:-internal-autofill-previewed, input:-internal-autofill-selected { tra 阅读全文
摘要:
<ul> <li> <i class="left"></i><span class="center"></span><i class="right"></i> </li> ... </ul> li { position:relative; line-height: 30px; } i { posit 阅读全文
摘要:
废话不多说:直接上代码解决问题; 父级: .parent { display: flex; flex-flow: row; } 子级: .left-child { width:100px; } .right-child { flex:1; overflow:hidden;/width:0; } 注解 阅读全文
摘要:
阅读全文