前端功能实现
记录某些前端界面操作功能js、css的实现方式
游1
这个作者很懒,什么都没留下…
展开
-
vue+vue-baidu-map(百度地图)实现点击地图标注地理信息并获取经纬度坐标或拖拽图标获取地理坐标信息
1、实现需求小程序中需要使用到地图导航定位,所以在客户端填写基础信息时需要填写详细地址,同时得到经纬度坐标,从而实现地图导航。1.1 实现方式一根据用户选择的省、市、县(区)以及输入的详细地址信息,通过百度官方提供的地址编码解析从而得到地址经纬度坐标。先下载vue-jsonp: npm(cnpm) install --save vue-jsonp在main中引入:import * as VueJsonp from 'vue-jsonp (这里注意 加上” * as “) Vue.p原创 2022-02-10 17:46:45 · 6705 阅读 · 1 评论 -
vue+element+dialog实现弹窗可拖动
新建dialog.js文件,并在main.js中引用(全局),也可以在使用的地方局部引用dialog.js代码内容import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom原创 2021-08-06 11:17:56 · 332 阅读 · 0 评论 -
vue实现图片通过鼠标滚轮放大缩小,并且能够拖动
<template> <!-- 实现鼠标缩放图片并拖拽功能 --> <div class="box" id="bigimg" @mousewheel="bbimg($event)"> <img id="img" border="0" src="../../static/img/bg.jpg"> </div></template><script> export default { data原创 2021-08-06 10:56:32 · 2805 阅读 · 1 评论