xiaopengmvp520

摘要： uni-app官网地址 下载HBuilder 教程 阅读全文

摘要： 为什么要学习uni-app? 一套代码可以打包到不同的应用平台； 方便入手，就是使用vue语法写小程序，如果有vue和小程序经验的话，甚至直接可以看文档，没有基础可以跟本门课程入门； 丰富的生态环境，官方及第三方插件较为丰富，论坛活跃度高。 能学到什么？ vue语法 小程序文档与uni文档的差异化 阅读全文

摘要： 什么是 tabBar tabBar 是移动端应用常见的页面效果，用于实现多页面的快速切换。小程序中通常将其分为： 底部 tabBar 顶部 tabBar 注意：tabBar中只能配置最少 2 个、最多 5 个 tab 页签当渲染顶部 tabBar 时，不显示 icon，只显示文本 tabBar 的 阅读全文

摘要： window 设置上拉触底的距离 概念：上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。 设置步骤： app.json -> window -> 为 onReachBottomDistance 设置新的数值 注意：默认距离为50px，如果没有特殊需求，建议使用默认 阅读全文

摘要： window 全局开启下拉刷新功能 概念：下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。 设置步骤：app.json -> window -> 把 enablePullDownRefresh 的值设置为 true 注意：在 app.json 中启用下拉 阅读全文

摘要： window 了解 window 节点常用的配置项 设置导航栏的标题 设置步骤：app.json -> window -> navigationBarTitleText 需求：把导航栏上的标题，从默认的 “WeChat”修改为“黑马程序员”，效果如图所示： 设置导航栏的背景色 设置步骤：app.js 阅读全文

摘要： 全局配置文件及常用的配置项 pages 记录当前小程序所有页面的存放路径 window 全局设置小程序窗口的外观 tabBar 设置小程序底部的 tabBar 效果 style 是否启用新版的组件样式 window 小程序窗口的组成部分 阅读全文

摘要： 全局样式 定义在 app.wxss 中的样式为全局样式，作用于每一个页面。 局部样式 在页面的 .wxss 文件中定义的样式为局部样式，只作用于当前页面。 注意： 当局部样式和全局样式冲突时，根据就近原则，局部样式会覆盖全局样式 当局部样式的权重大于或等于全局样式的权重时，才会覆盖全局的样式 显示效 阅读全文

摘要： 样式导入 什么是样式导入 使用 WXSS 提供的 @import 语法，可以导入外联的样式表。 @import 的语法格式 @import 后跟需要导入的外联样式表的相对路径，用 ; 表示语句结束。示例如下： 代码示例： /common/common.js .username{ color:red; 阅读全文

摘要： 模板样式 - rpx 什么是 rpx 尺寸单位 rpx（responsive pixel）是微信小程序独有的，用来解决屏适配的尺寸单位。 rpx 的实现原理 rpx 的实现原理非常简单：鉴于不同设备屏幕的大小不同，为了实现屏幕的自动适配，rpx 把所有设备的屏幕，在宽度上等分为 750 份（即：当前 阅读全文