uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,实现跨平台开发
撸码的小哥
为了曾经吹过的牛逼而努力撸码
展开
-
uni-app 配置全局变量,区分渠道来源
微信小程序: pages/goods/goods?id=23&mid=1002 支付宝小程序alipays://platformapi/startapp?appId=&page=pages%2Fgoods%2Fgoods%3Fid%3D23&query=mid%3D1002onShow: function (options) { // 通过urlscheme进入 if (options...原创 2021-09-17 17:53:48 · 793 阅读 · 0 评论 -
uni-app之微信小程序web-view显示H5页面
<template> <view class="webview"> <web-view :webview-styles="webviewStyles" :style="webviewStyles" :src="link" @message="onWebMessage"></web-view> </view></template><script> import { siteDomain.原创 2021-02-18 09:47:14 · 1753 阅读 · 0 评论 -
uni-app结合view实现小程序的scroll-view的上拉加载和下拉刷新功能
使用订单列表为实例:实现uni-app结合uview实现小程序的scroll-view的上拉加载和下拉刷新功能<view class="order-list"> <!--头部--> <u-navbar :is-fixed="true" :is-back="true" title="订单列表"></u-navbar> <!--导航栏--> <u-tabs-swiper cla原创 2020-11-24 10:33:41 · 3303 阅读 · 2 评论 -
vue 实现商品多规格的sku
template<div class="wrap wrap-sku"> <div class="product-box"> <div class="product-content"> <div class="product-delcom" v-for="(ProductItem,n) in simulatedDATA.specifications"> <p>{{ProductItem.n转载 2020-10-20 16:13:27 · 3429 阅读 · 4 评论 -
uni-app上HbuilderX使用夜神模拟器调试Android App
1. 下载一个Hbuilder http://www.dcloud.io/2. 下载一个夜神模拟器https://www.yeshen.com/3. 将安装的Hbuilder和夜神模拟器打开。。。4. 将选择的移动App导入Hbuilder。5. Hbuilder需要连接夜神模拟器(可以将下面代码拷贝替换路径后保存为bat文件,点击执行)@echo **********************进入夜神模拟器安装路径 Nox\bin**********************cd ..原创 2020-10-19 10:57:51 · 1777 阅读 · 0 评论 -
uni-app监听处理H5/App默认返回事件
页面生命周期上:onBackPress(event)返回 event ={from: backbutton | navigateBack}说明当用户进行以下操作时,会触发该函数:Android 实体返回键 (from = backbutton) 顶部导航栏左边的返回按钮 (from = backbutton) 返回 API,即uni.navigateBack()(from = navigateBack)注意事项:只有在该函数中返回值为 true 时,才表示不执行默认的返回,自行..原创 2020-10-17 16:11:45 · 5496 阅读 · 0 评论 -
uni-app之微信小程序识别二维码参数
小程序码的参数是服务端通过设置场景值设定客户端接收:案例1:// 后端场景值:?scene=params// 页面onLoad(e) { // console.log(e.scene) const scene = decodeURIComponent(e.scene) // 注意:这里的判断不能直接使用!scene this.invite_code = scene}案例2:// 后端场景值: ?scene=cardId_1// 首页onLoad(option) {原创 2020-10-05 23:43:09 · 4077 阅读 · 0 评论 -
uni-app之微信小程序分享
微信小程序分享有两种形式:第一种:微信小程序右上角分享按钮第二种:按钮绑定点击分享// 页面按钮设置传参按钮<button open-type="share" class="i-btn"> 立即邀请伙伴</button>// 设置分享方法onShareAppMessage(res) { if (res.from === 'button') {// 来自页面内分享按钮 console.log(res.target) } r原创 2020-10-05 23:37:50 · 1361 阅读 · 0 评论 -
uni-app实现多图片批量上传,预览,删除
uni-app实现多图片批量上传,预览,删除view<view class="c-cell-value-img-box"> <view class="value-img" v-for="(pItem,pIndex) in item.pics" :key="pIndex"> <image :src="imgUrl + pItem" @click="previewImg(index,pItem)"></image> <mx-icon na原创 2020-09-21 11:41:01 · 2760 阅读 · 0 评论 -
Android平台签名证书(.keystore)生成指南
Android平台打包发布apk应用,需要使用数字证书(.keystore文件)进行签名,用于表明开发者身份。Android证书的生成是自助和免费的,不需要审批或付费。可以使用JRE环境中的keytool命令生成。以下是windows平台生成证书的方法:安装JRE环境(推荐使用JRE8环境,如已有可跳过)可从Oracle官方下载jre安装包:https://www.oracle.com/technetwork/java/javase/downloads/index.html下面以安装目录为转载 2020-09-21 11:31:55 · 291 阅读 · 0 评论 -
uni-app二次封装接口请求
uni-app二次封装接口请求,使用Promise实现链式回调class HTTP { request({ url, data = {}, method = 'POST' }) { return new Promise((resolve, reject) => { this._request(url, resolve, reject, data, method) }) } _request(url, resolve, reject, data, metho原创 2020-09-21 10:25:54 · 824 阅读 · 0 评论 -
uni-app实现h5跳转app指定url或者app跳转app指定页面
场景: uni-app实现h5跳转app指定url或者app跳转app指定页面 以抖音为实例: openDouyin(url) { console.log(url); if (url.indexOf('v.douyin') == -1) { uni.showToast({ title: "非抖音链接", icon: "none" }) return; } // #ifdef...原创 2020-09-21 09:18:53 · 4770 阅读 · 0 评论 -
uni-app实现图片预览压缩上传:兼容h5+app,小程序等
view<view class="upload" @click="chooseImg(index)"> <canvas :style="'width:'+canvasWidth+'px;height:'+canvasHeight+'p'" canvas-id="canvas" class="canvas"></canvas> <image :src="imageUrl?imageUrl:'../../static/images/add.png'" mode原创 2020-09-21 09:04:34 · 1340 阅读 · 3 评论