分类:vue

vue开发笔记

vue 气泡随机定位展示

vue 气泡随机定位展示
vue外包项目要求气泡可以随机展示,但是自己并不擅长这一块的处理,网上找了几种方式都不太理想,最后想到一个办法,给每个气泡外层一个固定宽高的div,然后气泡在这个div内随机定位,这样也形成了一个所有气泡随机定位的视觉效果。 /** * @Author: 858834013@q...

yekong 2年前 (2022-09-29) 喜欢

postcss-pxtorem设置最小宽度

postcss-pxtorem设置最小宽度
vue外包项目要求页面设置一个最小宽度,避免页面太小导致布局错乱,这里使用的是postcss-pxtorem+flexible实现的 首先限制页面最小宽度 将app.vue内的最小宽度设置为1000 px为大写,避免被转换。 #app { min-width: 1000PX...

yekong 2年前 (2022-09-27) 喜欢

vue 安装使用超图地图组件

vue 安装使用超图地图组件
vue外包项目要使用超图地图加载,之前并没有使用过此地图,于是百度搜索查询了一番将实现步骤记录一下。 安装依赖 npm install @supermap/vue-iclient --save main.js引入 import VueiClient from '@superm...

yekong 2年前 (2022-09-27) 喜欢

vue element ui table过滤器筛选设置为单选

vue element ui table过滤器筛选设置为单选
element ui table 过滤器默认是多选的,现在需要的功能是单选,所以需要设置一下。这里是通过filter-multiple来控制多选还是单选。filter-multiple为false则是单选,如果是true是多选。 <el-table-column prop...

yekong 2年前 (2022-09-26) 喜欢

vue页面滚动时设置顶部导航背景色

vue页面滚动时设置顶部导航背景色
vue外包项目要求页面滚动的时候,顶部导航跟随滚动,但是顶部导航的背景是透明的,这就需要根据距离顶部的距离给一个背景色,背景色随着页面往下滚动逐渐加深,网上滚动逐渐透明 <div class="pageHeader" :style="'back...

yekong 2年前 (2022-09-23) 喜欢

vue 获取距离顶部的距离

vue 获取距离顶部的距离
vue外包项目要求页面滚动的时候,顶部导航跟随滚动,但是顶部导航的背景是透明的,这就需要根据距离顶部的距离给一个背景色,首先需要获取距离顶部的距离 mounted() { window.addEventListener('scroll', this.getScrollIn...

yekong 2年前 (2022-09-23) 喜欢