当前位置: 首页 > news >正文

UniappDay07

1. 项目打包-Android App 端预览和调试

在这里插入图片描述
在这里插入图片描述

修改版本号
在这里插入图片描述

注意事项:

  1. 首次运行收集或者模拟器,需下载真机运行插件
    数据线连接手机,部分手机需安装驱动程序
    kaiqi开发者模式,不同手机步骤略有差异
    Uniapp给出了常见故障排除指南

2.项目打包-Android App 端云打包

在这里插入图片描述
更加规范的命名就是把域名反过来写
也可以看一下华为应用市场接入文档了解华为手机如何打包

3.项目打包-OS App 端预览/调试、打包

在这里插入图片描述

4.跨端兼容-样式兼容

  1. 小程序端不支持 * 选择器 ==> 可以用逗号,并集选择器

  2. 页面视口差异 (tabbar页,普通页)==>最好高度单位用%
    在这里插入图片描述
    在这里插入图片描述

  3. H5端默认开启scoped

  4. uni-app跨端注意

  5. uni-appCSS支持
    全局样式的引入建议用@

  6. uni-app条件编译

H5是单页面应用,scoped隔离样式
App端默认是系统webview渲染
经测试App组件样式也会默认隔离
在这里插入图片描述

  1. 组件兼容
    在这里插入图片描述
<style lang="scss">
/* #ifdef H5 || APP-PLUS */
.tollbar .icon .navigator-wrap {flex: 1;
}
/* #endif */
</style>
  1. JS API兼容(条件编译)
    在这里插入图片描述
    建议跨端兼容出问题后再查阅文档

5.uniCloud 云开发-基础概念

基础概念:
在这里插入图片描述
准备工作:
在这里插入图片描述

6.城市选择

在这里插入图片描述

<!-- #ifdef H5 || APP-PLUS -->
<uni-data-pickerplaceholder="请选择地址"popup-title="请选择城市"collection="opendb-city-china"field="code as value, name as text"orderby="value asc":step-searh="true"self-field="code"parent-field="parent_code"
>
</uni-data-picker>
<!-- #endif -->

修复样式冲突==>完善新建地址==>修改地址回显

深度选择器

/* #ifdef H5 || APP-PLUS */
:deep(.selected-area) {height: auto;flex: 0 1 auto;
}
/* #endif */
http://www.lryc.cn/news/607910.html

相关文章:

  • sqli-labs:Less-19关卡详细解析
  • Qt 槽函数被执行多次,并且使用Qt::UniqueConnection无效【已解决】
  • 24黑马SpringCloud的Docker本地目录挂载出现相关问题解决
  • Tushare对接OpenBB分析A股与港股市场
  • 解锁智能油脂润滑系统:加速度与温振传感器选型协同攻略
  • 深度学习核心:卷积神经网络 - 原理、实现及在医学影像领域的应用
  • 【Java】在一个前台界面中动态展示多个数据表的字段及数据
  • 定制开发开源AI智能名片S2B2C商城小程序的特点、应用与发展研究
  • 自进化智能体综述:通往人工超级智能之路
  • SpringBoot IOC
  • C++之vector类的代码及其逻辑详解 (中)
  • 【自动化运维神器Ansible】YAML语法详解:Ansible Playbook的基石
  • vue引入阿里巴巴矢量图库的方式
  • Kotlin协程极简教程:5分钟学完关键知识点
  • docker desktop入门(docker桌面版)(提示wsl版本太低解决办法)
  • 【MySQL】增删改查操作 —— CRUD
  • Elasticsearch 混合检索一句 `retriever.rrf`,把语义召回与关键词召回融合到极致
  • MySqL(加餐)
  • 在 AKS 中运行 Azure DevOps 私有代理-1
  • Cursor 与 VS Code 与 GitHub Copilot 的全面比较
  • 字节Seed发布扩散语言模型,推理速度达2146 tokens/s,比同规模自回归快5.4倍
  • [spring6: 分布式追踪]-实战
  • AI赋能测试:技术变革与应用展望
  • 在ChinaJoy ,Soul发布“莫比乌斯·第三弹”ChinaJoy特别款
  • 深入 Go 底层原理(十二):map 的实现与哈希冲突
  • 高性能实时分析数据库:Apache Druid 查询数据 Query data
  • RK3399 启动流程 --从复位到系统加载
  • 变频器实习DAY20 测试经验总结
  • .NET 中,Process.Responding 属性用于检查进程的用户界面是否正在响应
  • 【嵌入式汇编基础】-ARM架构基础(三)