学习Uni-app第二天

condition 启动模式配置，【仅开发期间生效】。（图1.1）

current:当前激活的模式。list:启动模式列表。

list（name：启动模式的名称、path：启动页面的路径、query：启动参数）

                        （1.1）

text组件的基本使用（用于包裹文本内容）

属性说明：文字是否可选->selectable  。中文字符空格一半大小->space="ensp"  、中文字符空格大小->space="emsp"  、根据字体设置的空格大小->space="nbsp" 。

view组件的基本使用（相当于 html 中的 div）

属性说明：指定按下去的样式类 hover-class = " "  。阻止本节点的祖先节点出现点击态 hover-stop-propagation 。按住后多久出现点击态 hover-start-time = "2000"(2秒后) 、手指松开后电极套保留时间 hover-stay-time = "2000"(2秒后)

button 按钮组件的使用

常用属性说明：小尺寸 size = "mini" 。按钮颜色（绿色） type = "peimary" 、（白色） type = "default" 、（红色） type = "warn"。

image组件的基本使用

常用属性说明：不保持纵横比放缩，使图片的宽高完全拉伸至填满 image 元素 mode = "acaleToFill" 、保持纵横比放缩，使图片的长边完全显示出来 mode = "aspectFit" 、保持纵横比放缩，只保证图片的短边完全显示出来 mode = "aspectFill"。

uni-app 中的样式以及如何使用scss

样式：

1.像素单位 rpx 相当于 响应式 px 。2.使用 @import 语句可以导入外联样式表（图1.2）3.支持常用的选择器 class、id、element ，不支持 * 选择器。

                （1.2）

scss：

安装 scss 插件 （工具 -> 插件安装 -> 安装新插件 -> 选择 sass/scss）

应用的生命周期（在 App.vue 中修改）（图1.3）

onLaunch：初始化完成（全局只触发一次）

onShow：当 Uni-app 启动，或从后台进入前台【注：显示】

onHide：当 Uni-app 从前台进入后台【注：隐藏】

onError：页面出现异常

                        （1.3）

页面的生命周期（在页面下修改）（图1.4）

onLoad：监听页面加载，其参数为上个页面传递参数，参数类型为 String。

onShow：监听页面显示，页面每次出现在屏幕上都会触发，包括从下级页面返回。

onReady：监听页面初次渲染完成。

onHide：监听页面隐藏。

                （1.4）