uni-app论坛 今日: 0|主題: 500|排名: 25 

项目背景：与异地小组合作开发一款基于uni-app框架的app。其中异地小组负责后端，提供接口供本地小组调用。 工具：hbuilder、charles、google浏览器、nox夜神模拟器 问题描述：将应用在浏览器中运行，不同用户可以正常登陆，不存在缓存问题。但是打成安装包之后，放到真机或者夜神模拟器中，使用不同用户登陆应用，发现当前 ...

1、工具及环境 HBuilder X 微信开发者工具 Node.js，测试：node -v（node安装） 和 npm -v（自带的npm也安装成功） 2、创建uni-app项目： 在点击工具栏里的文件 -> 新建 -> 项目，选择uni-app，输入工程名，如：hello-uniapp，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可，如下图： 一个uni-app项 ...

页面样式与布局 uni-app的css与web的css基本一致。本文没有讲解css的用法。在你了解web的css的基础之上，本文讲述一些样式相关的注意事项。 uni-app有vue页面和nvue页面。vue页面是webview渲染的、app端的nvue页面是原生渲染的。在nvue页面里样式比web会限制更多， 本文重点介绍vue页面的样式注意事项。 尺寸单位 uni-app ...

什么是 uni-app uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端。 uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。 使用 uni-app 的前置条件 不要认为uni-app  ...

以下所有内容都来自uni-app官方文档: https://uniapp.dcloud.io/component/   视图容器 view 　　　　　　view组件类似于html中的div,其主要作用就是当做一个容器来使用 　　　　　　　属性说明 属性名类型默认值说明 hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击 ...

今天，在做微信小程序的时候，有一个请求需要较长的时间。向通过预加载实现。结果，结果……不支持小程序。但还是把它记录下来，说不定以后会用上。 题外话。后来将请求放到本地缓存。先读取缓存。然后，再悄悄的请求、更新。 uni.preloadPage(OBJECT) 预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。 ...

 pages.json文件是uni-app 中页面管理、窗口样式、原生的导航栏、底部的原生tabbar 等的配置文件,包含如下节点 1.pages : 设置页面路径及窗口表现 一个pages接收一个数组,数组中由多个page组成,每个page有一个path和一个style组成,如: { "pages": [ { "path": "pages/index/index" ...

参数设置 position 原生子窗体的排版位置，排版位置决定原生子窗体在父窗口中的定位方式。 "static"，原生子窗体在页面中正常定位，如果页面存在滚动条则随窗口内容滚动； "absolute"，原生子窗体在页面中绝对定位，如果页面存在滚动条不随窗口内容滚动； "dock"，原生子窗体在页面中停靠，停靠的位置由dock属性值决定。 默 ...

简介 & 需求 uni-app 是一个用 vue 语法来开发小程序、App、H5 的框架，其官方推荐的开发工具为 HBuilderX，使用起来有很好的开发体验。 很多前端之前已经习惯了 vscode，不想更换编辑器。其实 uni-app 和 vscode 也可以很搭，接下来为大伙带来 vscode 中 uni-app 的正确打开姿势。 CLI 工程 全局安装 vue-cli 3.x（如已安 ...

1、调试打印： console.log() 向控制台打印 log 日志 console.debug() 向控制台打印 debug 日志 注：App 端自定义组件模式下，debug 方法等同于 log 方法 console.info() 向控制台打印 info 日志 console.warn() 向控制台打印 warn 日志 console.error() 向控制台打印 error 日志 不同平台对于 console 方法的支持 ...

官方文档 https://uniapp.dcloud.io/collocation/pages 一些配置项是全局的，也可以在页面对象中设置   { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "a ...

一、前提准备 创建 uniapp 项目 前往 uniapp 插件市场搜索 anyRTC 实时消息 SDK 插件 因为呼叫邀请一般都配合音视频一起，所以建议大家使用使用云打包（本项目使用云打包） 项目导入后必须进入 manifest.json 的 App原生插件中添加云端插件 重点：添加完插件后必须制作自定义基座在真机上使用自定义基座运行 可参考类似 ...

1.手机端调用window.print()方法无效，无论是在浏览器或者app中或者webview中，（可能有的手机浏览器可以）。 2.uniapp app端无法直接获取dom元素，，没有document对象，可使用renderjs处理，在app中只能使用原生的html元素如button(在元素上添加点击事件)调用renderjs中的方法，在例如u-button中就调用无效 在renderj ...

在uni-app项目中通常需要用户上传照片，如下图所示： 其中部分参数为本项目中请求接口时所需要的，可以根据需求自行修改对应的参数等，代码如下： <template> <div class="container"> <div class="user-info"> <div class="id-info">身份证照片</div> <div class="tips">*请上传本人的身份证照片（单张照片限制1 ...

背景说明 uni-app 官方的插件市场有数据驱动选择器，可以用作多级分类的场景。本人引入插件后，发现，在h5和微信小程序都只能选择到叶子级。而在给出的官方组件示例中确并非如此。    可以选择年级，而不选择班级。然后，想试试官方的手机版，发现并没有示例（截至日期2021年8月3日）为止。 当然，这里操作起选择 ...

微信小程序 & uni-app tooltip All In One 微信小程序 tooltip https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/select-text.html uni-app tooltip https://github.com/bianmaren/uni-tooltips https://github.com/bianmaren/uni-tooltips/blob/master/components/bianmaren-tooltips/bianma ...

在开发小程序的时候，版本更新在所难免。所以，我们希望每次打开的小程序的时候，都可以进行版本检测。如果有新版本，那么，就更新，并且让用户能够重启，并应用新版本。 实现 开门见山，uni-app官方网站给了我们实现方法。以下是代码示例。 const updateManager = uni.getUpdateManager(); updateManager.onCheckForUpda ...

uni-app 如何使用 icon / iconfonts All In One https://ask.dcloud.net.cn/question/57433 iconfont file:///Users/xgqfrms/Downloads/font_1508833_00b4tj7ih58/demo_index.html /* app.scss */ @font-face { font-family: 'iconfont'; src: url('iconfont.woff2?t=1627452705675') format('woff2'), url(' ...

uni-app CSS 样式布局错乱 All In One uni-app 写的 H5 页面在内置的 webview 模式下调试正常, 但是在 ios 模拟器上调试样式错乱, 不一致 运行到内置浏览器 webview 可以调试 css ✅ 运行到手机或模拟器 不可以调试 css, 只支持 nvue 原生调试 ❌ docs ✅ https://uniapp.dcloud.io/matter?id=h5正常但app异常的 ...

1.先新建一个nfc.js文件。 let Context = plus.android.importClass("android.content.Context"); let NfcManager = plus.android.importClass("android.nfc.NfcManager"); let NfcAdapter = plus.android.importClass("android.nfc.NfcAdapter"); let Settings= plus.android.importClass("android.provider.Settings"); ...