- 博客(16)
- 收藏
- 关注
RSS订阅原创 合同组件开发思路文档
2. 4个入口页面把需要的Stepxxx组件配置到每个入口页面，监听Stepxxx组件切换，调用当前Stepxxx组件的入口方法，像汽车选配置一样，你需要座椅加热，你就加上。3.入口页面的入口方法有4个参数，上面代码中已经注释分别代表啥意思.,入口方法拿到核心数据contractInfo合同数据，整个组件只会维护这一个数据对象，公用这一个对象。1.组件有4个入口页面，主合同，补充子合同，独立子合同，（中心合同，普通合同）。目前有4种合同（主合同，子合同，中心合同，通用合同），统一用这一个组件实现的。
2023-03-16 11:31:49
171
原创 Vue H5页面实现拍照解析二维码功能
因为需要做移动端实现扫码功能（app和h5都可用），H5不能调用手机扫码功能。所以采用先拍照获取二维码文件流再解析二维码数据。需要以下3个js文件支持,网上可以下载到：(引用顺序如下)上面js我做了些修改，方便把识别的结果通过回调函数返回出来。1.qrcode.js(function($) { var Qrcode = function(tempBtn, backfun) { var _this_ = this; var isWeiboWebView = /__weibo..
2021-09-06 14:45:05
728
原创 vue 悬浮球(带自动吸附功能)
封装的组件代码，可以引到页面直接使用<template> <div ref="floatDrag" class="float-position" :style="{ left: left + 'px', top: top + 'px', zIndex: zIndex }" @touchmove.prevent @mousemove.prevent @mousedown="mouseDown" @mouseup="mouseU.
2021-08-27 14:26:38
2982
3
原创 Anime+Vue＜svg画线动画＞从安装到入门使用
1.安装Anime并全局使用npm install animejs --saveimport anime from "animejs";2.在阿里巴巴矢量图标库复制（或者下载）svg到页面中,注意：画线动画svg图标stroke属性必须有颜色值。不然看到个毛线!<template><div><svg t="1629686834603" class="icon" viewBox="0 0 1024 1024" .
2021-08-23 11:06:44
964
原创 优雅的使用vue+Dcloud（Hbuild）开发混合app
是的，我们知道npm run build会生成一个dist文件夹，里面就是最终生成的静态资源（js、css、index.html、图片等），而我们最后要打包的就是这一部分代码。而npm run dev是不会生成dist文件夹以及那些静态文件的，也就是说dev没有生成物理文件，而是放在了内存中，我们是没有办法拿到这些静态文件的。现在我们需要的就是在运行dev的时候也生成物理文件，该怎么实现呢？
2021-07-31 11:00:29
912
原创 Vue+DataV+echarts大屏可视化开发注意点
前提是装好所需依赖开发包，默认都已经装好。1.页面最外层使用DataV全屏容器组件<dv-full-screen-container>content</dv-full-screen-container>2.一般最外层div设置宽度(width:100vw),高度(height:100vh)。一定要设置。不然全屏组件显示页面不全。3.echart一般封装成组件，下面是基本示例(能自适应屏幕宽度)：<template> <div style="w.
2021-07-29 18:20:26
2758
原创 vue+leaflet 删除地图全部markers
data() { return { markericon: [] }; }, mounted(){ this.initmap();//地图实例，不是重点，代码不贴了},for(...){ var myIcon = L.divIcon({ html: `<div class="title" >${ item.siteName }</div><img sty.
2021-07-14 19:21:27
923
原创 vue+leaflet(npm包管理)实战
安装leaflet与点聚合效果插件（需要就装）npm install leaflet --savenpm install leaflet.markercluster --save //(点聚合)main.js里加载leftlet基本依赖import L from "leaflet";import "leaflet/dist/leaflet.css";开发页面import { MarkerClusterGroup } from "leaflet.markercluster";.
2021-07-13 16:17:16
1199
原创 vue leaflet离线地图开发
一开始想用openlayers开发离线地图，由于官网总是打不开，选择了leaflet。感觉他们都差不多。需要的工具:瓦片地图下载器(下载开发所需的瓦片离线地图)vue项目中leaflet的使用（我用的是直接cdn引入，也可以npm安装）<link href="https://cdn.bootcdn.net/ajax/libs/leaflet/1.7.1/leaflet.min.css" rel="stylesheet"> <script src="https://cdn.bo.
2021-07-11 15:00:18
1362
原创 VUe项目打包成app常用代码
function Ct() { //设置状态栏背景色 plus.navigator.setStatusBarBackground('#009a44') //返回事件处理 plus.key.addEventListener("backbutton", function(e) { var t = vt.$route.path; console.log(t); if (t == "/PhoneHome") return plus.runtime.quit()
2021-07-05 09:11:20
101
原创 Vue路由配置有无‘/‘的区别
{ path:'/home', name:'Home', redirect:'/index', component:home, children:[{ path:'/index', name: 'Index', component: Index, meta:{ requireAuth:true } }] },1.加’/'表示
2021-07-02 14:02:16
703
原创 Vant 上传/录制视频文件，显示预览图，支持视频预览，上传base64到后台
html代码<van-uploader v-model="videoList" :max-count="1" preview-size="120px" accept="video/*" :after-read="handlevideosc" :before-read="handlebefread" @click-preview=".
2021-06-30 15:28:08
7714
4
原创 vue项目里swiper的使用方法,配合vant放大预览
安装swipernpm install swiper@4 vue-awesome-swiper@3 --save-devhtml代码<swiper class="swiper gallery-thumbs" :options="swiperOptionThumbs" ref="swiperThumbs" > <swiper-slide v-for="(item, index) in imgurl" :key="index" .
2021-06-28 14:00:19
554
原创 vue项目优雅的引入5+plus环境
1.安装muinpm i vue-awesome-mui --save2.全局引用import Mui from 'vue-awesome-mui';Vue.use(Mui);3.需要用到H5Plus 的地方首先需要：methods:{// 扩展API准备完成后要执行的操作 plusReady () { var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview },}created (.
2021-06-26 10:38:04
709
2
转载 vue如何给自带默认回调参数的函数添加自定义参数：$event
原来的代码是这样的：handleAvatarSuccess会回调两个参数，这个时候如果直接在里面添加形参接不到<el-upload :on-success="handleAvatarSuccess"></el-upload> handleAvatarSuccess(res) { //自带的回调参数res跟file console.log('res', res)}代码片修改后：<el-upload :on-success="($event) =>{hand
2021-06-26 00:55:46
602
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人