vue外包项目要求气泡可以随机展示,但是自己并不擅长这一块的处理,网上找了几种方式都不太理想,最后想到一个办法,给每个气泡外层一个固定宽高的div,然后气泡在这个div内随机定位,这样也形成了一个所有气泡随机定位的视觉效果。
/**
* @Author: 858834013@q...
yekong
2年前 (2022-09-29)
喜欢
vue外包项目要求页面设置一个最小宽度,避免页面太小导致布局错乱,这里使用的是postcss-pxtorem+flexible实现的
首先限制页面最小宽度
将app.vue内的最小宽度设置为1000 px为大写,避免被转换。
#app {
min-width: 1000PX...
yekong
2年前 (2022-09-27)
喜欢
vue外包项目要使用超图地图加载,之前并没有使用过此地图,于是百度搜索查询了一番将实现步骤记录一下。
安装依赖
npm install @supermap/vue-iclient --save
main.js引入
import VueiClient from '@superm...
yekong
2年前 (2022-09-27)
喜欢
vue element table将选择的过滤器值现在在table的head内。
<el-table
ref="filterTable"
@filter-change="filterChange"
:data="...
yekong
2年前 (2022-09-26)
喜欢
element ui table 过滤器默认是多选的,现在需要的功能是单选,所以需要设置一下。这里是通过filter-multiple来控制多选还是单选。filter-multiple为false则是单选,如果是true是多选。
<el-table-column
prop...
yekong
2年前 (2022-09-26)
喜欢
vue要求点击div时,获取div距离顶部的距离。实现代码记录一下
<template>
<div ref="searchBody"></div>
<template/>
<script>...
yekong
2年前 (2022-09-24)
喜欢
vue外包项目要求页面滚动的时候,顶部导航跟随滚动,但是顶部导航的背景是透明的,这就需要根据距离顶部的距离给一个背景色,背景色随着页面往下滚动逐渐加深,网上滚动逐渐透明
<div class="pageHeader" :style="'back...
yekong
2年前 (2022-09-23)
喜欢
vue外包项目要求页面滚动的时候,顶部导航跟随滚动,但是顶部导航的背景是透明的,这就需要根据距离顶部的距离给一个背景色,首先需要获取距离顶部的距离
mounted() {
window.addEventListener('scroll', this.getScrollIn...
yekong
2年前 (2022-09-23)
喜欢
vue element ui 实现表单邮件地址验证功能
var checkEmail = (rule, value, cb) => {
// 验证邮箱的正则表达式
const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])...
yekong
2年前 (2022-09-19)
喜欢
element ui el-upload文件上传失败后,也进入到了文件列表,这里的逻辑是不对的,上传失败后,文件不应该存在在文件列表。
<el-upload
action="/rs/business/applyFile/uploadFile"
...
yekong
2年前 (2022-09-15)
喜欢