首页 > TAG信息列表 > UNI
前端工作总结238-uni-设置请求参数
// 如果没有通过拦截器配置域名的话，可以在这里写上完整的URL(加上域名部分) //上传图片 let uploadUrl = '/uploadFile/file'; //登录相关 let loginUrl = '/login/toLogin'; let logoutUrl = '/login/logout'; //市场相关url let fireMapUrl = '/marketfiles/findFireFighting前端工作总结239-uni-弹出框显示数据
<template> <view class="wrap"> <u-form :model="form" :rules="rules" ref="uForm" :errorType="errorType"> <u-form-item label="标题" label-width="140" style="前端工作总结240-uni-时间戳处理
第一步 <u-form-item label="结束时间" prop="endDate" label-width="200"> <u-input type="select" v-model="form.endDate" placeholder="请选择" @click="end_time_show = true"&g前端工作总结241-uni-状态不同选择
<template> <view class=""> <u-subsection :list="list" :current="current" mode="button" :animation="true" bg-color="white" button-color="white" @change="cheange前端工作总结242-uni-提交成功加入表单验证
增加验证规则 <u-form :model="form" :rules="rules" ref="uForm" :errorType="errorType"> <navigator url="../LevineHua-editor/LevineHua-editor" class="single"> <u-form-item label=&quo前端工作总结243-uni-修改添加时间的逻辑
第一步 <u-form-item label="开始日期" prop="startTime" label-width="150"> <u-input type="select" :select-open="start_time_show" v-model="form.startTime" placeholder="请选择&quHBuilderX编译错误整理
一、如果uni-app编译遇到JavaScript heap out of memory问题，请调整uni-app node启动内存参数。 操作方法：编辑菜单【工具】-> 【设置】-> 【运行设置】 找到：uni-app运行设置，调大此值。见下图： 如仍无法解决，则要求优化代码。uni-app目录结构说明
一般目录结构如下： /.hbuilderx (系统目录) /.vite (系统目录) /node_modules (系统目录，存储平台插件) /pages (系统目录，存储页面文件，比如vue、nvue) /uni_modules (系统目录，存储组件插件) /unpackage (系统目录，存储打包文件) /components (系统目录，非【uni-app】自定义导航栏/标题栏
什么是自定义导航栏 默认导航栏或原生导航栏是啥样的，你懂的。 但，我想给导航栏加个背景图，比如这样： 这时候就需要自定义导航栏。自定义导航栏自定义导航栏的中心思想是： 取消默认导航栏或原生导航栏。 自定义导航栏，并放置到正确位置。取消默认导航栏或原生导航栏取消uni-app页面跳转传递参数
uni-app页面跳转传递参数 <navigator> 首先来看看官网给的介绍： navigator官网介绍 页面跳转。 该组件类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册。 该组件的功能有API方式，另见：https://uniapp.dcloud.io/api/router?id=navigateto(opens new window)uniapp 监听用户主动截屏事件
一、uni.onUserCaptureScreen(CALLBACK) 监听用户主动截屏事件，用户使用系统截屏按键截屏时触发此事件。 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序、飞书小程序 QQ小程序 快手小程序 京东小程序 x x √ √ √ √ √ √ √ 注：App没有内置uniapp 隐藏、获取键盘，及调整键盘按键
一、uni.hideKeyboard() 隐藏软键盘 隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序、飞书小程序 QQ小程序 快手小程序 京东小程序 √ √ √ √ x √ √ √ √ 二、uni.onKeyboardHei微信授权登录，并验证微信用户手机号
1.前端发起请求 //验证微信用户绑定的手机号 checkWXPhoneNumber(){ uni.request({ url: this.$C.company.apiHttps + 'api/v1/user/check_phone', method: 'POST', data:{ yhid:this.$C.user.yhid, wxPhoneNumber:this.wxUserInfo.phoneNumber }, succeuniapp上传图片
1、 getUploadImg(e) { uni.chooseImage({ count: 9, // 默认9 sizeType: ['compressed'], sourceType: ['album', 'camera'], success: (res) => { // 图片的本地临时文件路径列表 this.tempFilePaths = res.tempFilePaths;uniapp 头像合成canvas，下载图片
<template> <view class="cloud_box"> <view class="titels">换头像活动</view> <view class="box"> <view v-for="(item,index) in modelList" :key="index"解决uni-app小程序导航栏标题不显示问题
用HBuilder开发小程序 创建页面时默认配置了导航文字和下拉刷新 默认导航文字为空 局部配置会覆盖全局配置，所以我们在globalStyle中做的导航全局配置只有背景颜色会生效，文字被页面的局部配置覆盖掉了 可以将页面的配置删掉或加上内容 删掉就是显示全局配置的文字，加上内uni-app基本使用
uni-app基本使用 环境说明: 当前node版本v14.18.0vue-cli 版本 @vue/cli 5.0.8我这里使用当前目录下安装脚手架,并且安装uniapp, warning: vue/cli 脚手架版本一定不要选择高于4.5.15,否则在后面启动h5各种奇怪的问题 #注意这里版本不要选5.0以上,这时候用5.0以上版本,启动的时候uni-app中调用高德地图去设置点和轨迹
盒子部分 <view style="width: 100%; height: 100%" id="busContainer"> </view> 样式部分 .originImg { width: 72rpx; height: 100rpx; img { width: 100%; height: 100%; } } .origin-title { font-size: 23rpx; font-f在uni-app中调用高德地图去导航
1.判断一下是不是在微信环境 2.微信环境调用微信自带的地图导航 3.h5环境跳转去高德地图 guide() { let self = this; console.log("self.lat", self.lat, self.lng, self.partnerAddress); var ua = window.navigator.userAgent.toLowerCase(); consuni-app微信内置浏览器支付
// 微信内置浏览器支付 onBridgeReady(data){ // #ifdef H5 WeixinJSBridge.invoke('getBrandWCPayRequest', { appId:data.appid, timeStamp: String(data.timestamp), nonceStr: data.noncestr, package: data.package, signType: data.signtype,uniapp 在当前页面显示/隐藏导航条加载动画
一、uni.showNavigationBarLoading(OBJECT) 在当前页面显示导航条加载动画。 App平台调用此API时会在屏幕中间悬浮显示loading OBJECT参数说明 参数 类型 必填 说明 success Function 否 接口调用成功的回调函数 fail Function 否 接口调用失败的回调函数 complete Fununi-app 从0 到 1 制作一个项目，收藏等于学会
uni-app 是使用 vue.js 开发的所有前端应用框架，开发者编写的一套代码，可以发布到 ios、android、web ，以及各种小程序平台。 一、创建uni-app 1、hBuilderX 可视化创建 最便捷的就是使用 hbuilder 可视化创建项目，在点击工具栏里的文件 -> 新建 -> 项目： 选择uni-app类型，输入工程uni-app微信小程序获取手机号码第一次解密失败
失败原因好像是因为在 getphonenumber 回调函数中调取了 wx.login 接口 解决:在其他地方获取 微信登录 code (我是定时器4分钟获取一次,使用后重新获取) <template> <view> <button open-type="getPhoneNumber" @getphonenumber="getphonenumber">uni-app页面传值
A页面向B页面传值 1.直接传一个数字 uni.navigateTo({ url:'/pagesA/myOrder/myOrder?index=1' }) 2.传一个变量 uni.navigateTo({ url: '/pagesA/myOrder/myOrder?index=' + index }) B页面接收值 onLoad(e) { this.tabIdex = e.index },uni-app（右上角菜单）分享好友和朋友圈
封装：根目录下新建文件mixins/share.js export const shareMixins = { data() { return { shareData: { title: '', path: '/pages/index/index', imageUrl: '',