当前位置: 首页 > 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.dtcms.com/a/311496.html

相关文章:

  • 【AI】AIService(基本使用与指令定制)
  • cv快速input
  • 【云计算】云主机的亲和性策略(三):云主机 宿主机
  • Springboot原理和Maven高级
  • 操作系统:远程过程调用( Remote Procedure Call,RPC)
  • MQTT 入门教程:三步从 Docker 部署到 Java 客户端实现
  • Linux基础学习笔记二
  • MySQL PostgreSQL JDBC URL 配置允许批量操作
  • C语言输入安全10大边界漏洞解析与防御
  • 基于LSTM模型与加权链路预测的动态热门商品成长性分析
  • SpringBoot相关注解
  • 项目管理平台是什么?概念、定义、作用、主流厂商解读
  • docker:将python开发的大模型应用,打成docker容器
  • C#中的除法
  • PostGIS面试题及详细答案120道之 (081-090 )
  • cuda编程笔记(12)--学习cuFFT的简单使用
  • 【Mybatis】MyBatis分页的三种实现方式,Log4j的使用
  • Elasticsearch 混合检索一句 `retriever.rrf`,把语义召回与关键词召回融合到极致
  • 模拟激光相机工作站版本6.0 5.2.32 6.0.44 6.031 5.2.20
  • 题解:P4447 [AHOI2018初中组] 分组
  • 归并排序(简单讲解)
  • [论文阅读] 人工智能 + 软件工程 | GitHub Marketplace中CI Actions的功能冗余与演化规律研究
  • 【RK3568 看门狗驱动开发详解】
  • Kubernetes Gateway API 详解:现代流量路由管理方案
  • 【最后203篇系列】030 强化学习探索
  • 浏览器及java读取ros1的topic
  • 重生之我在暑假学习微服务第八天《OpenFeign篇》
  • 暑期算法训练.13
  • cv弹窗,退款确认弹窗
  • 数据结构(12)二叉树