随笔分类 - uni-app
摘要：自定义导航栏使用注意 当navigationStyle设为custom或titleNView设为false时，原生导航栏不显示，此时要注意几个问题： 非H5端，手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因，即全屏可写内容。uni-app提供了状态栏高度的css变量--status-
阅读全文
摘要：pages uni-app 通过 pages 节点配置应用由哪些页面组成，pages 节点接收一个数组，数组每个项都是一个对象，其属性值如下： 属性类型默认值描述 path String 配置页面路径 style Object 配置页面窗口表现，配置项参考下方 pageStyle Tips： pag
阅读全文
摘要：globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景色等。 属性类型默认值描述平台差异说明 navigationBarBackgroundColor HexColor #F7F7F7 导航栏背景颜色（同状态栏背景色） APP与H5为#F7F7F7，小程序平台请参考相应小程序文档 na
阅读全文
摘要：pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。 它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置。 #配置项列表 属
阅读全文
摘要：vuex的介绍 vuex是vue.js应用程序中的状态管理模式，它是集中式存储管理所有组件的数据状态，vuex解决了多个视图之间的数据交互同步，不需要进行组件连接再传递数据。 vuex的5大模块 state：用于数据的存储，是store中的唯一数据源 const state = { // 初始化两个
阅读全文
摘要：背景图片 uni-app 支持使用在 css 里设置背景图片，使用方式与普通 web 项目大体相同，但需要注意以下几点： 支持 base64 格式图片。 支持网络路径图片。 小程序不支持在 css 中使用本地文件，包括本地的背景图和字体文件。需以 base64 方式方可使用。 使用本地路径背景图片需
阅读全文
摘要：Flexbox #Flex 容器 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一致可预测，同时页面布局能适应各种设备或者屏幕尺寸。Flexbox 包含 flex 容器和 f
阅读全文
摘要：重点： px屏幕像素rpx响应式px屏幕基准：750px公式换算：750*元素在设计稿中的宽度/设计稿基准宽度 例如：设计稿宽度375px,元素在设计稿上的宽度为200px,那么元素在uniapp中的宽度应该设计为750*200/375，即400rpx 尺寸单位 uni-app 支持的通用 css
阅读全文
摘要：应用生命周期 onLaunch：当整个项目启动，渲染完成时触发（全局只触发一次） onShow：小程序显示出来（从后台进入前台显示，可以触发多次） onHide：小程序隐藏起来时触发（从前台进入后台，可以触发多次） onError: 出现异常时触发 页面生命周期 onLoad 监听页面加载，其参数为
阅读全文
摘要：1、云端 发行-原生App-云打包 2、离线 运行-原生App本地打包-生成本地打包资源，如果提示安装依赖包，安装即可 注意：项目的AppID不能为空，请在该项目下的manifest.json中重新获取
阅读全文
摘要：运行-运行到手机或模拟器 注意事项： 1.真机运行时需要开启开发者选项中的USB调试和USB安装，否则app无法通过USB安装到手机或平板中。 2.模拟器功能有，单模拟机没有，需要自己安装，然后开放端口连接设置。
阅读全文
摘要：运行-运行到浏览器-选择浏览器 运行新项目：真机测试 需要打开真机的开发者选项usb安装调试功能
阅读全文
摘要：文件-新建-1.项目 ┌─uniCloud 云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb（详见uniCloud） │─components 符合vue组件规范的uni-app组件目录 │ └─comp-a.vue 可复用的a组件 ├─utssdk 存放uts文
阅读全文
摘要：环境搭建：下载Hbuilder X开发者工具 下载Hbuilderhttps://www.dcloud.io/index.htmlhttps://www.dcloud.io/hbuilderx.html 下载windows 正式版，之前有个标准版和App开发版，现在统一了。 下载后解压后直接打开使用
阅读全文
摘要：开发者、案例数量更多跨平台能力及扩展灵活性更强性能体验优秀周边生态丰富学习成本低开发成本低
阅读全文
摘要：https://uniapp.dcloud.net.cn/
阅读全文
