自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 资源 (3)
  • 收藏
  • 关注

原创 微信支付 支付宝支付(uniapp H5)

微信支付window.location.href = mweb_url(后台返回的接口) + '&redirect_url=‘重定向页面地址’支付宝支付const div = document.createElement('div') /* 此处form就是后台返回接收到的数据 */ div.innerHTML = res(后台返回的脚本) ...

2022-02-18 14:35:48 429

原创 uniapp 广播 pda 扫描设备

先创建一个组件 代码复制可用(需要替换广播动作和广播标签)<template> <view> <view class="content"></view> </view></template><script> var main, receiver, filter; var codeQueryTag = false; export default { data() { return {..

2022-01-12 16:58:24 2744 2

原创 uniapp request 请求封装 复制可用

先建立一个文件夹 common 在根目录下建立一个ajax.js文件 文件代码我这里把token存在vuex里了 所以引用了vuex 不需要的话可以删掉import Vue from 'vue'import { store} from '../../store/index.js';function ToastError(d) { uni.showToast({ icon: 'none', title: d.msg || d.message || '未知错误' })}.

2021-09-02 15:41:59 190

原创 uniapp 自定义日期选择器

<template><view class="pick-component" :class="{active: show}"> <view class="conver-bg" /> <view class="footer-modal"> <view class="z-flex"> <text @click="handleCancel">取消</text> <text @click="handle.

2021-08-16 14:16:24 911

原创 uniapp 返回上一页面传值

在这里写需要传的值uni.$emit('updateData', '123') uni.navigateBack({ delta: 1})在这里接收uni.$on('updateData', function(data) { console.log(data)})

2021-06-09 10:23:39 741

原创 vue 使用bus 组件通讯

创建一个js文件bus.jsimport Vue from 'vue'export var bus = new Vue()main.js引入Vue.prototype.$EventBus = new Vue()在父组件和子组件引入busimport { bus } from "你的bus.js路径";子组件 bus.$emit("getVideoList", ‘参数’);父组件bus.$on("getVideoList", (res) => { console.lo

2021-05-04 17:56:30 79

原创 vue echarts 地图可视化 代码复制可用

echarts 地图实现散点图 复制可用最近在做可视化的东西 之前没做过这种echarts地图的东西进过一下午的研究 搞出来这种可以加散点的百度地图对代码进行了修改 更方便vue用户使用//自己去百度安装echarts 然后在main.js里引入echarts现在引用的地图是百度地图 百度地图的自己去看一下文档自定义修改main.js// echartsimport echarts from 'echarts' //之后可以通过this.echarts来使用Vue.prototype.e

2021-04-28 11:53:49 317 1

原创 vue 使用axios封装

先下载好axios然后进行封装npm install axiosimport axios from 'axios'export default { apiGet(url, params) { var that=this return new Promise((resolve, reject) => { axios.get(url, {params}).then((response) => { resolve(respon

2021-04-23 11:23:02 6074 2

转载 vue单页面做百度seo

原文内柔https://www.wangxiaofeng.site/vue-prerender-spa-seo.html前言:为什么使用预渲染?官方是这样说的:如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面(例如/,/about,/contact等)的 SEO,那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML,而是使用预渲染方式,在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单,并可以将你的...

2021-04-09 10:40:39 755

原创 适配大屏

function rsz(){ document.body.style.zoom=$(window).width()/1860; } $(function(){ rsz(); }); $(window).resize(function(){ rsz(); });

2020-12-01 16:07:12 85

原创 uniapp 上传图片

uni.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: chooseImageRes => { const tempFilePaths = chooseImageRes.tempFilePaths; uni.uploadFile({ url: 'url', //仅为示例,非真实的接口地址 filePath: temp

2020-11-23 11:19:45 148

原创 【uniapp】uniapp 微信支付

ajax({ url: '接口地址', //购买 这里应该是后台接口地址传入订单id data: { }, method: 'POST', success: (res)=>{ var paymentData = res.data; uni.requestPayment({ timeStamp: paymentData.timeStamp, nonceStr: paymentData.nonceStr, package: paymentDa.

2020-11-02 14:03:57 239

原创 处理页面rem 1rem = 100px

// 处理页面rem(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return;

2020-10-28 15:51:43 261

原创 时间戳转换(时间戳转换可自定义转换格式)

在main.js里挂载方法// 时间戳转换Vue.prototype.formatTime = Date.formatTime || function(number, format) { var formateArr = ['Y', 'M', 'D', 'h', 'm', 's']; var returnArr = []; var date = new Date(number * 1000); returnArr.push(date.getFullYear()); returnArr.push

2020-07-27 17:41:58 356

原创 uniapp request请求封装

js代码const ApiUrl = '';const ajax = (opt) => { uni.showLoading({ title: '加载中', mask:true }); opt = opt || {}; opt.url = opt.url || ''; opt.data = opt.data || null; opt.method = opt.method || 'POST'; opt.header = opt.header || { // "Conte

2020-07-27 17:39:43 570

原创 【uniapp】 生成海报

<!-- 海报 --> <view class="canvas_show" v-show="isShare"> <canvas canvas-id="shareCanvas" :style="'width:'+imgWidth+'px;height:'+(imgHeight+(180))+'px'"></canvas> </vie...

2020-04-16 11:39:09 1293

省市区js 本地省市区js

省市区js 直接引入就可以引用

2022-03-01

Uni-app打包步骤.docx

uniapp 安卓打包教程 超级详细简单 具体打包内容在文档里有详细的步骤 按照步骤即可打包完成 如有疑问 联系我

2020-07-23

uniapp 生成海报图片base64转换

uniapp 生成海报图片base64转换 (微信头像贴在海报上需要base64转换)import { pathToBase64, base64ToPath } from "路径" base64ToPath(res.data.data.poster) .then(path => {}) .catch(error => { console.error(error) })

2020-04-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除