首页 > 其他分享 >uniapp开发App和h5,项目二期开发中总结的一些小技巧

uniapp开发App和h5,项目二期开发中总结的一些小技巧

时间:2024-10-08 17:26:33浏览次数:7  
标签:uniapp nvue 适配 App h5 标签 组件 app

1. 建议优先nvue开发,先把app端做出来,再去适配h5端。

对于不太复杂的页面,一般使用nvue同时兼容app和h5就好了,一个nvue页面的好处就是后续版本迭代更新修改一个页面就行。就是适配的时候有些费事,但用熟练了也还好,总是能找到一些技巧的。

2. app端不支持部分H5标签,所以优先使用nvue原生组件吧,既然要同时适配app与H5,直接使用原生组件也省事儿了。

注:部分h5标签在app端不会显示,如img标签就不支持,需要换成image组件。

3. 文本内容统一使用text组件,nvue里边只有text才能设置字体大小、颜色、行高等样式,改掉view里边直接写文本吧,

4. nvue不支持伪类:class。

5. nvue不支持径向渐变:radial-gradient。

6. 尽量用class样式,nvue不支持id、标签选择器。

标签:uniapp,nvue,适配,App,h5,标签,组件,app
From: https://www.cnblogs.com/xyyt/p/18452109

相关文章

  • [论文阅读报告] Fast 2-Approximate All-Pairs Shortest Paths, SODA '24
    本篇文章介绍\(\tildeO(n^{2.032})\)的无向无权图全源最短路stretch2近似算法和\(\tildeO(n^{\frac94})\)的组合算法,以及\(\tildeO(n^{2.214}(1/\epsilon)^{O(1)}\logW)\)的非负整数边权stretch\((2+\epsilon)\)近似算法。其中\((1/\epsilon)^{O(1)}\)......
  • GUI图形界面 无代码开发 原理 - 属性标识链 | uiotos致敬amis、nodered、appsmith、co
    低代码饱受争议。也有例外:后端NodeRed,前端Amis。整体还是诟病为主:简单业务可以,复杂的是扯淡,不论前后端。这是一贯的认知。在GUI方面,UIOTOS发明的嵌套技术,为复杂前端的无代码开发,开辟了一条新的思路。往期文章:可视化拖拉拽?过时了!组态零代码,不能做复杂前端?嵌套原理一复杂交互......
  • 组态也能开发WEB前端 | uiotos致敬amis、nodered、appsmith、codewave、goview、datar
    WEB组态开发SCADA、HMI画面、大屏可视化,还比较常见。比如下面: UIOTOS组态示例那么常规WEB前端功能,组态能否一并做了呢?比如下面这种: UIOTOS前端示例答案是可以的!UIOTOS支持页面无限嵌套,能实现原型即应用。现在就以一个具体小示例介绍如何实现的。效果如下所示,初......
  • vue3如何将 app 全局变量对象变为响应式并监听到某个属性的改变
    需求:通过 getData()方法获取到数据对象,想要在屏幕方向改变的时候,给获取到的对象设置  orientation,能实时修改方案:使用reactive包裹,template直接使用全局变量下的属性,watch直接监听对应属性代码如下:main.jsconstconfig=reactive(getData())//设置屏幕方......
  • uniapp - HBuilderX运行到内置浏览器编译报错 ublic static TextAppearance_Holo_Smal
    前言网上的教程都无法解决问题,本文提供强力解决方案。在uniappH5网页开发中,报错提示:ublicstaticTextAppearance_Holo_Small:number;|SyntaxError:Unexpectedidentifier,非常恶心的错误,手机H5网站项目点击运行到内置浏览器后,瞬间报错且无法编译提示已停止运行,H5......
  • Fully-developed Web App
    Assessment2:Fully-developedWebApp-DetailsWeighting:50%(PairorIndividual)NB:youshouldnotstartthisassignmentuntil after youhavesubmittedassignment1Overview- Fully-developedWebAppDue:Sunday27/10/24@11:59:00PM(Week5)Taskdes......
  • Foundations of Applied Mathematics
    FoundationsofAppliedMathematicsMATH4700–Fall2024Homework2DueThursday,October3at12:00PMThishomeworkhas100pointsplus65bonuspoints.Fullcreditwillgenerallybeawardedforasolutiononlyifitispresentedbothcorrectlyandeffi......
  • Nuxt.js 应用中的 app:suspense:resolve 钩子详解
    title:Nuxt.js应用中的app:suspense:resolve钩子详解date:2024/10/6updated:2024/10/6author:cmdragonexcerpt:app:suspense:resolve是一个强大的钩子,允许开发者在异步数据解析完成后的最后一步执行必要的处理。通过合理使用该钩子,我们可以优化组件的渲染过程,并提供......
  • 婚恋交友系统源码支持微信小程序 + 微信公众号 + H5 + APP
    婚恋交友系统源码小程序:开启你的浪漫之旅在这个快节奏的时代,寻找真爱似乎变成了一项挑战。但有了我们的婚恋交友系统源码小程序,这一切都将变得简单而美好。这款小程序源码专为追求真挚情感的单身男女设计,集成了多种实用功能,旨在为用户提供一个安全、便捷、高效的在线交友平台......
  • (系列五).net8 中使用Dapper搭建底层仓储连接数据库(附源码)
    说明  该文章是属于OverallAuth2.0系列文章,每周更新一篇该系列文章(从0到1完成系统开发)。   该系统文章,我会尽量说的非常详细,做到不管新手、老手都能看懂。   说明:OverallAuth2.0是一个简单、易懂、功能强大的权限+可视化流程管理系统。友情提醒:本篇文章是属于系......