sherry0731-CSDN博客

原创纯css3 地球轨迹图球围着椭圆旋转

<div class="earth-wrap"> <div class="ring ring1"> <div class="circle circle1"></div> <div class="circle circle2"></div> <div class="circle circle3"></div> ...

2022-03-25 15:11:59 901 1

原创百度地图点聚合及弹框的自定义样式

<el-col :span="20" :xs="24"> <baidu-map class="map" :center="mapCenter" :zoom="mapZoom" :scroll-wheel-zoom="true" > <bm-scale anchor="BMAP_ANCHOR_BOTTOM_LEFT"></bm-scale

2021-07-07 18:34:54 969

原创判断elementui table表格勾选的是是选中还是取消选中

最近在用elementui table做列表的选择，需要知道勾选的是选中还是取消，查了很多方法总算找到了<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @select='onSelect' /*判断当前表格勾选的是选中的还是取消选中的 */ @selection-change="handleSelectionChan

2021-07-01 16:35:49 6815 5

原创安装指定版本的vue-awesome-swiper

坑是不同版本的swiper 引用css的路径不一样，自己去node_modules里查看，更改路径，之前用这个版本写的的时候官网写的还很清楚，这次又用发现文档不清楚了，所以就扒了之前写的代码的版本号npm install [email protected] --save-devnpm install vue-awesome-swiper@4 --save-dev`import { Swiper, SwiperSlide, directive } from "vue-awesome-swiper";import

2021-05-11 17:41:26 1497

原创 vue 使用canvas做选取并获取相对于图片的比例坐标点

图片在canvas中自适应大小并居中。通常图片大小与canvas的大小是不同的，分为以下几种情况图片高或宽，超过canvas高或宽图片高、宽，都超过canvas高宽；图片高、宽都小于canvas高、宽问题的本质其实是动态计算图片大小，并在canvas适合的位置画出图片，并能获取选取的坐标点<template> <div class="app-container"> <el-row :gutter="20"> <el-col :sp

2021-04-22 11:33:22 2348 1

原创 vue coords动态赋值图片热区随图片大小自由缩放

网上很多人写了例子，一直看不懂那个比例<img id="pic" src="pic.jpg" alt="" usemap="#Map" width="1920" height="1080" /><area shape="rect" coords="338,308,609,589" href="/" class="box" target="_blank" onfocus= "this.blur() " >var x1 = parseInt(picw*0.1820);var y

2021-04-20 16:15:52 1784

原创 vue通过权限控制tab标签的显示和隐藏

在某些情况下，它是不适合使用v-hasPermi，如元素标签组件，只能通过手动设置v-if。可以使用全局权限判断函数，用法和指令 v-hasPermi 类似。自定义的v-hasPermi指令，无法控制标签，测试页面按钮可以正常控制<template> <el-tabs> <el-tab-pane v-if="checkPermi(['system:user:add'])" label="用户管理" name="user">用户管理</el-tab-

2021-04-16 16:11:22 5086 1

原创 vue-cli4 IE浏览器打开空白

1、首先安装babel-polyfillnpm install --save @babel/polyfill2、main.js中引入,记得要放最上方import 'babel-polyfill'3、vue.config.js中配置module.exports = { transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [], publicPath: "./", configureWebpac

2021-02-19 16:03:49 664

原创 vue 分页组件

在这里插入代码片//pagination.vue 共 {{ totalCount }} 条 //父组件import MyPagination from “@/components/pagination/pagination”export default {name: “”,components: {MyPagination},data() {return {list: [],curPage:1,curSize:8,pageTotal:0

2021-02-02 12:16:52 130

原创 uniapp 移动端聊天框获取聊天历史记录

做一个类似淘宝客服聊天框的功能在这里插入代码片<template> <view class="content"> <view class="cul-wrapper"> <view v-if="isOver" class="msg-over">没有更多消息了</view> <block v-for="(item,index) in hisMsgs" :key="item.id"> <view :class

2020-10-12 14:56:18 2945 1

原创 uniapp 根据后台返回数据，循环展示echarts

备注：开始用了Ucharts --样式还可以，但是根据业务需要根据不同选择时间返回的数据条数不定，需要加横向滚动条，Ucharts加完后，页面Ucharts区块不能竖向滚动了，加了Ucharts群，也没解决竖向滚动问题，过段放弃Ucharts，开始了echarts的进坑之旅。采用的是echarts-renderjs 插件取模计算的方式来定义需要显示哪个echarts,拼装optionArr数组。如果把echartsoption定义在data里，会导致Id重复，只能渲染最后四个<uni-coll

2020-09-25 16:44:29 2065

原创 Ucharts-y轴个性化配置

由于echarts在uniapp的只用中存在多端适配的问题，比较麻烦，所以查看了ucharts的文档，觉得例子有点少，比如配置y轴的自定义颜色，一直配置不对，看了文档是在yAxis.axisLine.data中配置y轴颜色。yAxis: {axisLine: true, //坐标轴轴线是否显示 axisLineColor: 'red', //坐标轴轴线颜色 gridType:'dash', gridColor:'#CCCCCC', dashLength:10, splitNumber:5,

2020-09-18 17:50:49 7149

原创 echarts四川省地图+物质流+个性化标注

var uploadedDataURL = “/asset/get/s/data-1528971808162-BkOXf61WX.json”;/**此版本通过设置geoindex && seriesIndex: [1] 属性来实现geo和map共存，来达到hover散点和区域显示tooltip的效果默认情况下，map series 会自己生成内部专用的 geo 组件。但是也可以用这个 geoIndex 指定一个 geo 组件。这样的话，map 和其他 series（例如散点图）就可以

2020-09-03 14:55:50 9999

原创 Cookie、localStorage、sessionStorage三者的区别

区别：存储大小：Cookie 4K Storage 5M有效期： Cookie拥有有效期，Storage永久存储Cookie会发送到服务器端，存储在内存中， Storage只存储在浏览器端 localStorage是永久存储，sessionStorage是会话技术，浏览器关闭就没有了。路径：Cookie有路径限制，Storage只存储在域名下API: Cookie没有特定API，Storage有对应的API为什么封装StorageStorage本身有API，但是只是简单的k

2020-08-28 14:12:14 74

原创箭头函数中this的指向

箭头函数中this的指向<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>

2020-08-19 12:30:07 146

qq_39650950的博客