- 博客(20)
- 收藏
- 关注
原创 CSS 图片与文字垂直居中对齐,文字超出需换行,并从图片底部开始排列
【代码】CSS 图片与文字垂直居中对齐,文字超出需换行,并从图片底部开始排列。
2024-07-16 17:16:49
253
原创 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关注的人