uniApp
uniapp和小程序面试题
uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue 主组件 ......
uniapp页面标题隐藏（page-head）
使用uni-app生成页面时，会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要 ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
『UniApp』uni-app-打包成App
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包成APP。 正文 打包 App 也是一样的，首先需要配置关于 App 应用的基础信息，打开 manifest.j ......
uniapp 的一键登陆
anifest.json 中的 "sdkConfigs" 配置，删除一键登录 univerify uni.login({ provider: 'univerify', univerifyStyle: { fullScreen: true } }) ......
【UniApp】-uni-app-打包成小程序
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为网页。 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包为小程序。 正文 打开微信小程序呢，其实还是需要进行一些相关的配置的 首先打开微信小程序的配置页面找到 manifest.json 文件 打 ......
【UniApp】-uni-app-打包成网页
前言 经过上一篇文章的介绍，已经将这个计算器的计算功能实现了，接下来就是我们项目当中的一个发包上线阶段，我模拟一下，目的就是为了给大家介绍一下，uni-app是如何打包成网页的。 除了可以打包成网页，uni-app还可以打包成小程序、App、H5、快应用等等，后面在单独开文章详细介绍。 正文 接着上 ......
uniapp,微信小程序分享页面时的标题和内容
在UniApp小程序中，分享时的标题通常是在分享内容中指定的。您可以在调用分享API时设置标题，具体取决于您使用的平台。 对于微信小程序，您可以使用wx.shareAppMessage方法来分享内容。在分享的数据中，可以设置title字段来指定分享的标题。例如： javascript复制代码 wx. ......
Uniapp的android版本的证书制作
一、查看Java安装路径 java -XshowSettings:properties -version 二，生成证书指令 Enter keystore password: //输入证书文件密码，输入完成回车 Re-enter new password: //再次输入证书文件密码，输入完成回车 Wh ......
uniapp之uni.showModal 弹出多次导致重叠问题
uniapp之uni.showModal 弹出多次导致重叠问题 场景： 端口权限过期后提示权限过期。但是同时调用多个接口导致多次报错弹窗。 代码： if (code && code == 401) { let exists = uni.getStorageSync('token_expired') ......
【UniApp】-uni-app-项目计算功能(苹果计算器)
前言 本文主要介绍苹果计算器项目中计算功能的实现 在前面的文章中已经实现了输入，动态计算字体大小，以及计算器的布局 本文主要介绍计算功能的实现 正文 实现/清空/改变正负/除以100 inputText 已经实现了，接下来实现 operator 的功能，operator 方法在之前的文章中已经定义好 ......
Uniapp判断运行环境，小程序-公众号-H5-APP
直接上代码 // #ifdef H5 var app_type = this.isWeiXin() ? 'wechat' : 'h5'; var app_type_name = this.isWeiXin() ? '微信公众号' : 'H5'; // #endif // #ifdef MP-WEIX ......
uniapp 微信支付，小程序支付，支付宝支付问题汇总
背景介绍 uni-app 可以转微信小程序或直接打包 APP ，支付模块使用统一方法 uni.requestPayment 但是不同平台参数不同容易出现混淆错乱。 相关网站 uni-app 统一支付： https://uniapp.dcloud.net.cn/api/plugins/payment. ......
uniapp开发——打包安装后打开应用提示“当前应用运行在自定义基座中，发布正式版请打包时不要勾选自定义调试基座”
Android Studio项目目录中，找到app/src/main/assets/data/dcloud_error.html,把syncDebug的值改为true就可以了 ......
【UniApp】-uni-app-动态计算字体大小(苹果计算器)
前言 本文主要介绍uni-app中动态计算字体大小的方法 原因呢就是在上一篇文章当中我发现输入的内容已经超过了展示区域 于是我就想到了动态计算字体大小的方法，这样就可以保证输入的内容不会超过展示区域 正文 首先要改造的是 style="font-size: 180rpx;" 这里不能直接写死，而是要 ......
关于uniapp设置头部固定，内容区域滚动，不同手机显示表现不一致的问题
问题 若固定了头部元素区域高度，比如固定的rpx，vh等，在其他手机中可能出现部分空白，导致界面不协调。我的解决方案是自动计算出头部区域元素的高度，让内容区域自动设置外边距 方案 使用了 unaipp提供的 uni.createSelectorQuery() 方法来获取头部区域的高度。首先，通过 r ......
【UniApp】-uni-app-处理项目输入数据(苹果计算器)
前言 上一篇文章完成了项目的基本布局，这一篇文章我们来处理一下项目的输入数据 项目的输入数据主要是通过按键来输入的，所以我们需要对按键进行处理 那么我们就来看一下 uni-app-处理项目输入数据 步入正题 在上篇文章中，我在 data 中定义了一个 buttons 每个元素中，有一个 func 属 ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ......
uniapp map地图 多边形中心点
需求：用户进入页面，页面展示电子围栏中心点， 技术栈：uniapp+map地图 效果图： ：：接口未返回中心点的经纬度，需要前端计算中心点在哪里 代码： centerList() { let newArr = this.arrRed.map(item => { item.latitude = Num ......
[转载]使用GoEasy在uniapp下实现实时音视频通话附关键代码
GRTC （GoEasy Real-Time Communication）是GoEasy推出的新功能，用于协助开发者在uniapp下轻松实现一对一和多人场景下的实时音视频通话功能。 集成步骤 1. 配置云厂商音视频服务GRTC功能依赖于云厂商的音视频服务，目前已集成七牛云音视频服务(每月免费5000 ......
Uniapp开发：HBuilder开发工具从Git引入的项目文件修改后不区分显示标识的问题
一、问题如下 使用的HBuilder X版本：3.98 Git插件已安装： 项目结构如下： 右击项目目录，在git命令中-》检查已修改，可以发现还是能检索到修改过的文件： 文件是有修改过的，但是在上图中没有任何的修改标识，这些文件也没有添加到.gitignore配置中。 二、问题解决 配置git环境 ......
[转载]使用GoEasy在uniapp下实现实时音视频通话附关键代码
GRTC （GoEasy Real-Time Communication）是GoEasy推出的新功能，用于协助开发者在uniapp下轻松实现一对一和多人场景下的实时音视频通话功能。 集成步骤 1. 配置云厂商音视频服务GRTC功能依赖于云厂商的音视频服务，目前已集成七牛云音视频服务(每月免费5000 ......
uniapp返回上一个页面
在 UniApp 中返回上一个页面，你可以使用 uni.navigateBack() 方法来实现。 uni.navigateBack() 方法用于导航返回上一页，你可以传递一个可选的参数来指定返回的步数。如果不传递参数，则默认返回上一页。 下面是一个示例代码，演示如何在 UniApp 中返回上一个页 ......
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
【UniApp】-uni-app-自定义组件
前言 经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的，在写项目之前还有个内容需要我在码一篇文章，所以就先码这篇文章了 本章节的内容比较简单，大家可以快速的过一遍，然后在项目中使用 ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......
uniapp app安卓、ios文件选择 (上传pdf word video img )等
1、hybrid 必须放在项目根目录下，不然会调用失效：如图 2、建立nvue 子窗体 代码： 1 <template> 2 <view class="nvue"> 3 <text class="popup-item" @click="clickfun">选择文件</text> 4 <text cl ......
uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决
问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......