Uni-App之Vue组件（三）

uni-app支持的通用css单位包括px,rpx

vue页面支持普通H5单位，但在nvue里不支持；

nvue页面还不支持百分比单位

App端，在pages.json里的titleNView或页面里写的plus api中涉及的单位，只支持px，此时不支持rpx。

nvue中，uni-app模式可以使用px,rpx表现与vue中一致，weex模式目前遵循weex的单位；

点击切换实现路由跳转

实现方法： 一、在index.vue的页面入口写一个点击方法，利用uni.navigateTo({})写上将要跳转的页面路径。

                二、 components文件里面创建headerNav.vue组件

                三、在pages.json文件里写上组件路径进去

这里可以选择修改对应的样式信息

scroll-view属性说明：

横向滚动通过添加scroll-x="true"，并且需要在scroll-view的上一级加上row，完成横向滚动

纵向滚动条通过添加scroll-y="true",并且使用scroll-view来配合完成纵向滚动轴

属性说明：

view的属性说明：

属性说明：

由于 icon 组件各端表现存在差异，可以通过使用字体图标的方式来弥补各端差异。

属性说明：

各平台type值的有效说明：

这是因为路由配置中路劲的问题，原因是你配置的URL是这种形式的： 但是你的路由配置却是直接访问了根目录，所以导致资源可以加载但是组件无法渲染的现象。 需要将路由配置改为： export default new Router

---