自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 CSS 图片与文字垂直居中对齐,文字超出需换行,并从图片底部开始排列

【代码】CSS 图片与文字垂直居中对齐,文字超出需换行,并从图片底部开始排列。

2024-07-16 17:16:49 253

原创 el-calendar 点击日期修改内容

el-calendar 点击日期修改内容

2022-07-29 15:55:00 839

原创 vue 引入腾讯地图实现多边形绘制功能

vue 接入腾讯地图实现多边形绘制功能

2022-07-27 16:26:02 2813 6

原创 js 检查数组中是否有重复的数据

js 检查数组中是否有重复的数据

2022-07-07 10:14:15 1021

原创 vue directive自定义指令实现防抖

vue directive自定义指令实现防抖

2022-07-07 09:57:26 447

原创 uni-app H5调起微信支付分停车服务开通页

uni-app H5调起微信支付分停车服务开通页流程及代码

2022-06-29 10:46:17 674

原创 H5/公众号、微信小程序实现文件上传

uniapp 编译APP跳转微信小程序及返回APP配置要想从对应的APP跳转小程序首先要在微信开放平台的设置里面的关联小程序模块中配置开启APP跳转小程序配置成功以后可在微信公众平台查看小程序的原始id(设置——基本设置——账号信息)注:要实现跳转功能要在项目manifest.json文件中开启微信分享功能及相关配置(如下)跳转微信小程序 // APP调用微信小程序 launchbgMiniProgram() { var that = this; plus.share.get

2021-01-13 10:31:06 1835

原创 CSS 移动端实现高度不相同的盒子对齐

给父盒子加以下css样式:display: flex;flex-wrap: wrap;justify-content: flex-start;若要实现列不满左对齐效果可在父盒子上加个伪类撑开:.box::after { content: ''; flex: auto;}效果如下图:

2021-01-13 10:04:45 784

原创 uni-app 对接微信小程序获取用户个人信息和获取用户手机号码

第一次对接小程序授权的时候以为能一进入这个项目就要调用获取授权信息,后面写好逻辑之后提交审核,一直审核不通过,后面查了原因之后才发现不能一进入页面就调用授权,而且项目需要个人信息和手机号码两个都要获取,所以我只能分开两个页面写两个点击按钮,要进行微信授权一定要有按钮给用户点击才能掉起微信的授权框获取用户个人信息html://获取用户个人信息<button class="btn typography" open-type="getUserInfo" @getuserinfo="miniprogr

2021-01-13 09:55:04 5762 5

原创 uniapp 编译APP跳转微信小程序及从小程序返回APP

uniapp 编译APP跳转微信小程序及返回APP要想从对应的APP跳转小程序首先要在微信公众平台的设置里面配置小程序对应跳转微信小程序 // APP调用微信小程序 launchbgMiniProgram() { var that = this; plus.share.getServices(function(res){ var sweixin = null; for(var i=0;i<res.length;i++){

2020-10-23 11:54:37 2694 1

原创 uni-app 对接微信小程序支付

相比于微信公众号的支付,小程序的支付简单多啦代码//先调用接口将订单id传给后端获取appid等参数信息 miniprogrampayments() { let authorization = uni.getStorageSync('token'); uni.request({ url: '/api/pay/wx/wxPay', method: 'POST', header: { 'content-type': 'application/x-www-for

2020-06-04 15:06:11 1631

原创 uni-app 对接公众号微信支付

首先先传当前导航栏的地址传给后端获取appId,timestamp,nonceStr和signature信息再返回给前端这边wxpayments() { var surl = window.location.href.split('#')[0]; uni.request({ // url: 'http://192.168.1.209:8085/api/wx/redirect/wx36b6d5f7fd683e55/getJSSDK', url: '/api/wx/redirect

2020-06-01 16:44:13 2358

原创 uni-app编译公众号对接微信分享带参的一些问题

做公司项目对接公众号分享功能的时候要求带参分享然后被分享的人在进入页面的时候再截取到别人传过来的参数一开始我写链接是域名直接加参数,例如https://www.baidu.com/#/?state= + invitecode这种格式,有时候我们浏览器打开项目路径浏览器会自动在域名后面加个 “#/” ,所以我跳转路径的时候也把它写上去了,但是后面截取参数的时候发现不好截取。因为微信分享的时候会自动在链接上拼接一串 ‘?from=singlemessage’ ,当写了“#/”的时候,参数是拼接在 域名和‘?

2020-05-29 16:47:56 974

原创 uni-app 对接微信公众号分享功能

引用微信jssdk包引入的方式有两种,可用npm也可直接下载js文件引入npm install jweixin-module --save依赖下载了之后可直接在需要掉起分享功能的页面直接配置参数:let jweixin = require('jweixin-module');...

2020-05-28 11:52:32 3182 7

原创 uni-app 客户端调起微信支付

API请求uni-app有自带的请求第三方支付的API:uni.requestPaymentuni.requestPayment({ provider: 'wxpay', orderInfo: orderInfo, success: function(res) { console.log('success:' + JSON.stringify(res)); }, fail: f...

2019-12-28 14:28:03 4576 3

原创 uni-app 客户端调起支付宝支付

代码请求uni-app有自带的请求第三方支付的API:uni.requestPaymentuni.requestPayment({ provider: 'alipay', orderInfo: orderInfo, success: function(res) { console.log('success:' + JSON.stringify(res)); }, fail: f...

2019-12-28 14:09:11 3285

原创 uni-app 跳转打开QQ对话框

在需要点击跳转的地方加这行代码e 表示需要打开的QQ号plus.runtime.openURL('mqq://im/chat?chat_type=wpa&uin=' + e + '&version=1&src_type=web ');

2019-12-28 11:11:46 3423 4

原创 vue点击按钮复制文本到剪切板

1 安装依赖包npm install --save v-clipboard2 全局配置在项目的main.js文件中进行全局配置import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3 页面使用<view class="buy_box_text" v-clipboard:copy="copytext" ...

2019-12-28 11:06:37 953

原创 vue项目中引入echarts2.0插件

VUE项目中引入echarts2.0插件echarts版本说明引入echarts 3.0及以上版本引入echarts 2.0版本echarts版本说明目前echarts官方版本已经升级到了V4.5.0版本,官方文档版本中能下载的最低版本也只是V3.0.0,但个人觉得3.0及以上版本的配色有点一言难尽,所以想在vue项目中引入2.0版本的echarts。引入echarts 3.0及以上版本普...

2019-12-09 11:29:10 653

原创 vue-cli2.0脚手架的搭建

vue-cli脚手架的搭建搭建脚手架搭建脚手架搭建脚手架按照以下步骤在cmd依次输入命令行:npm install -g vue-clivue init webpack vue_demo (vue_demo是创建的项目名字)输入完上面这一步之后会出现一些需要选择的配置,个人是进行了以下选择,仅供参考接着再按照stated下面的命令行依次输入cd vue_demonpm insta...

2019-09-02 10:39:09 149

空空如也

空空如也

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

TA关注的人

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