uni-app自定义返回逻辑教程
自 HBuilderX v1.1.0 起,uni-app 的页面新增 onBackPress(event) 生命周期函数。 onBackPress(event) 返回 event ={from: backbutton | navigateBack} 说明当用户进行以下操作时,会触发该函数: Android 实体返回键 (from = backbutton) 顶部导航栏左边的返回按钮 (from = backbutton) 返回 API,即 uni.navigateBack() (from = ...
2024-01-10uni-app引用npm第三方库
更新:从HBuilderX版本0.1.51或以上开始,uni-app支持使用npm安装第三方包。使用方式参考NPM支持。 以下为过期信息=================================================HBuilderX版本0.1.50或以下版本参考以下文章使用。 uni-app 的目录结构,不是src、dist并列方式。HBuilderX里的uni-app,根目录是相当于src,dist并放到了unpackage...
2024-01-10【小程序】uni-app 小白入门
前言业务需求,被迫营业小程序,而且需要微信和支付宝两个端。由于之前没有做过小程序,所以稍微调研了下最近比较火的两款小程序跨端开发框架:uni-app 和 Taro。因为很久没有写过 vue 项目,所以一开始比较偏向于使用 Taro,在参照文档搭建完框架并写了一点小 demo 之后,发现 Taro 的 api 支持性没...
2024-01-10uni-app开发叮咚买菜实践笔记
一.说明本项目纯开源免费, 商品信息均来自网络,如有侵权,请联系作者,我会及时删除!前一段,看到一个大佬写的叮咚买菜,挺好,于是乎自己在家也琢磨了一下,自己搞了一版本,记录一些uni-app的开发事项,纯属个人总结,不对之处,还请指教!功能不是很全面,以后决定作为一个系列,持续更新1.首页二.项...
2024-01-10uni-app结合云函数开发小程序
uni-app 是一个使用 Vue.js 开发的跨平台应用的前端框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台;uni在跨端的同时,通过条件编译和对应平台特有API地调用,可以很好得为某个平台写个性化的代码、调用其独有能力而...
2024-01-10uni-app开发多端之钉钉小程序
经常有开发者咨询uni-app是否支持钉钉小程序? 答案当然是支持! 本文通过将hello uni-app发布到钉钉小程序,演示如何使用uni-app开发钉钉小程序。 扩展钉钉小程序平台创建hello uni-app项目后,在项目根目录下新增或修改package.json,在根节点下新增如下扩展配置: "uni-app": {"scripts": {"mp-dingtalk": {"titl...
2024-01-10uni-app H5版使用注意事项
HBuilderX 1.2开始包含了H5平台支持。使用方式打开uni-app项目下的vue文件点击菜单 运行->运行到浏览器->Chrome在Chrome內打开调试模式(右键->检查)开启设备模拟,模拟移动设备(如果UI变形刷新即可)HBuilderX修改代码后会自动刷新chrome的页面审查元素在chrome控制台安装vue devtools后可查看节点关...
2024-01-10uni-app 中保持用户登录状态
在应用中保持登录状态是一个应用常见的需求,本文简单介绍下在 uni-app 中如何保存用户登录状态。 简介uni-app 中不支持读写 cookie,所以不能如传统的应用那样通过读取 cookie 来判断是否是登录状态。 在 uni-app 进行登录操作时,可以将需要校验的数据放在 uni.request 的 data 中,也可以在 header 里设置 ...
2024-01-10uni-app仿淘宝搜索关键词效果
先上效果图,附件在最后。代码仅供学习参考。附件真机运行体验效果。源码下载地址:https://ask.dcloud.net.cn/article/35411...
2024-01-10uni-app进行微信小程序云开发
因近期在开发一个微信小程序,涉及到微信小程序云开发,搜索社区,并无相关案例。经过一番折腾,解决方案如下:第一步:使用微信开发者工具,创建一个云开发的项目,创建云函数并上传(此项目作为开发云函数专用);第二步:创建uni-app项目,并将上面云函数项目的appid,填入到此项目...
2024-01-10【小程序】uni-app支持PC版!
uni-app已经支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序。现在,uni-app终于官方支持PC宽屏!uni-app宽屏适配方案包括:页面窗体级适配方案:leftWindow、rightWindow、topWindow组件级适配方案:match-media组件内容缩放拉伸的处理及rpx的控制策略...
2024-01-10uni-app 资源在线升级/热更新
注:本文为前端代码资源热更新。如果是整包升级,另见文档https://ask.dcloud.net.cn/article/34972 HBuilderX 1.6.5 起,uni-app 支持生成 App 资源升级包。 生成 App 资源升级包修改版本号首先,更新 manifest.json 中的版本号。比如之前是 1.0.0,那么新版本应该是 1.0.1 或 1.1.0 这样。 发行然后,在 HBuilderX 中生...
2024-01-10uni-app/mpvue插件开发大赛
更新:大赛评奖结果揭晓,详见:https://ask.dcloud.net.cn/article/35939基于vue,开发H5、小程序及App等多端应用,已经成为前端技术界的热门话题。但vue周边生态很多组件都因为操作dom、window而无法跨多端。为进一步活跃vue多端开发生态,为开发者提供更多方便的轮子,作为vue开发多端框架的2大主力...
2024-01-10uni-app 引入自定义组件运行报错
在 HbuilderX 创建了一个 uni-app 的项目然后在 pages > home 又创建了一个 home-hh 的页面,然后在 home.vue 中引入自定义的这个组件运行之后就一直报错是怎么回事啊回答报这个错的原因是因为我把这个自定组件给定义在了 pages 目录下的其中一个子目录,如果要引入自定义组件,要在根目录下的components 目录...
2024-01-10uni-app实现获取验证码倒计时功能
本文实例为大家分享了uni-app实现获取验证码倒计时的具体代码,供大家参考,具体内容如下实现的效果页面部分是一个三目运算,codeTime是倒计时的时间。<template> <view> <view class="three"> <view class="get" @tap="getCheckNum()"> <text>{{!codeTime?'获取验证码':codeTime+'s'}}</text> </view> <view class="all"> <view class="lef...
2024-01-10uni-app插件市场导入插件总是失败
这是今天才发现的问题,今天一直在插件市场导入插件总是失败,这个问题也是今天才发现的,有哪位大佬能解决一下?·回复我也是下载失败下载zip页面404·回复查看运行日志·回复我的也一直提示下载失败。·回复大佬帮忙看看啥原因啊。我看是404了。这uniapp问题也太多了...
2024-01-10uni-app实现线性渐变色沉浸式状态栏
<template><div class="page-searchList"><div class="header"><div class="statusBar" :style="{height:statusBarHeight+'wx'}"></div><!-- 状态栏占位 --><div class="info"><text>标题栏</text></div></div><div class="content"><text>{{statusBarHeight}}wx</text> <!-- 打印状态栏高度 ...
2024-01-10十步搞定uni-app使用字体图标的方法
uni-app简介uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有Web开发IDE Hbuiler、HbuilderX,前端框架mui、uni-app,增强版的手机浏览器引擎H5plus等。uni-app中...
2024-01-10uni-app 导航栏h5和小程序不一样
搜索框在h5是这样的而在小程序里掉下来了原因是导航栏在h5和小程序里不一样但是没有好的解决方法想请问各位大佬应该怎么做?回答可以使用条件编译,在h5的时候使用top:44px;小程序不使用,可以参考:条件编译...
2024-01-10iOS uni-app原生插件开发文档
请移步 新的文档 此文档已停止维护!!!iOS uni-app原生插件开发文档一、文档概述本文档主要介绍如何在uni-app中基于WeexSDK 开发iOS原生插件。更多说明请参考uni-app原生插件开发指南。 1.1、阅读对象在您阅读此文档时,首先要知道uni-app支持weex插件,同时我们假定您已经具备了相应iOS应用开发经验...
2024-01-10EMAS 移动推送发布uni-app插件
阿里云移动推送(Mobile Push)是提供给移动开发者的移动端消息推送服务,通过在App中集成推送功能,进行高效、精准、实时的消息推送,从而使业务及时触达用户,提高用户粘性。相比较其他推送产品,移动推送主要有以下几方面优势:到达率高客户试验环境实测高于竞品20-25%;推送延迟低客户试验...
2024-01-10uni-app x 会不会统一跨平台市场?
uni-app x 未来全端原生,性能超越其他跨平台包括自家现任uni-app。uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。在App端,uni-app x 在iOS编译为swift、在Android编译为kotlin。没有使用js引擎、webview,完全达到了原生应用的功能、性能。回答:可能会和 uni-app 一样占据很大一部分国内移动端跨平台的份额,但是不会统一...
2024-02-14uni-app 跨平台应用开发教程已经发布
uni-app 跨平台应用开发教程已经发布一套代码可以发布为ios Android app、小程序。课程总计25节 + 补充课程覆盖了开发中常用的知识点,知识点覆盖率 90% 以上!通过课程您将学会:1、uni-app2、小程序3、vue 基础课程购买地址https://ke.qq.com/course/323825?tuin=4f8da6 ...
2024-01-10uni-app集成融云IM sdk编译报错
集成融云IM sdk编译失败从融云下载的聊天sdk【Rong_Cloud_WebSDK_MiniProgram_v1.2.0】,转成uni-app格式后,编译报错·回复同样遇到此类问题,报错信息位置不详细,无法定位具体问题·回复web sdk不能直接用于非h5端。在app和小程序上,需要找找融云的小程序sdk...
2024-01-10