组件使用
关注
分享
扫一扫
Arbort_
做条安静的咸鱼......
展开
-
v-viewer点击图片预览的组件封装；
1.下载v-viewer;npm install v-viewer -S2.main.js中引入注册；import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': t...原创 2019-04-11 11:02:13 · 3705 阅读 · 0 评论 -
iView中table表格中使用select选框和下拉菜单的方法
首先是iview的表格中使用select选框 { title: '适用区域',//纵列表头(类似于th) width:140, //列表每一格的宽度 align: 'center', //ivew里面的写法,...原创 2018-08-06 10:25:18 · 11937 阅读 · 10 评论 -
Vue页面获取安卓传参的方法
最近和安卓原生混合开发遇到了一个问题:安卓通过和我们声明同一种方法可以把值传递给我们;但是我们只能在window下面声明一个函数来接收,很显然,我们new的vue对象和window下面的该函数属于同级作用域,该函数内无法直接操作vue data中的值:如function getAndroid(a){ alert(a);//安卓传值过来 vm.msg = a;}结果就...原创 2018-08-29 14:53:53 · 4944 阅读 · 3 评论 -
高德地图获取手机定位
1.引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key"></script>2.使用 /** * 高德定位,获取当前定位.L */ mapInit() { //高德获取手机的当...原创 2021-01-19 19:58:48 · 1382 阅读 · 0 评论 -
H5生成二维码及保存
1.引入qrcode.js; 链接2.创建html结构<div id="qrcode"></div>3.生成二维码对象;new QRCode(document.getElementById("qrcode"),url);url就是后端给的下载地址路径;示例: new QRCode(document.getElementById("qrco...原创 2018-09-18 00:25:21 · 11118 阅读 · 4 评论 -
原生JS的滚动轮播插件(简单实用版)
直接上代码先看效果,不依赖任何库,需要的直接复制这个swiper类就可以了,结构可以继续嵌套,样式可以自行修改!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...原创 2018-10-22 15:16:21 · 465 阅读 · 0 评论 -
原生JS简单绘制一个圆形进度条
结构:<div class="box"></div>样式/*原形条*/.wrap,.circle,.num {width: 200px;height: 200px;border-radius: 50%;}.wrap { position: relative; border: 10px solid #ccc;box-sizing: border-box;...原创 2018-10-23 13:28:01 · 1483 阅读 · 0 评论 -
OSS（阿里）上的图片添加水印
1.将UI给你的水印图上传至OSS服务器上;2.拿到图片路径,将上传后图片的后缀加上"?x-oss-process=image/resize,P_60"转为base64格式;base64加密链接--------P是水印的大小3.在需要加水印的图片路径后面加上"?x-oss-process=image/resize,w_400/watermark,image_水印的base64编码,t...原创 2019-08-03 14:13:49 · 10198 阅读 · 3 评论 -
redux在React中的使用方法
注:redux不是react-redux!一.安装redux;$npm install -S redux;二.定义状态 : 在src目录下新建文件夹;1.action/index.js文件夹//创建一个action的简写方式,这个addTodo函数就是一个 Action Creatorexport const ADDTODE = 'ADDTODE';export fu...原创 2018-12-28 16:52:29 · 288 阅读 · 0 评论