首页 > 其他 > 详细

nvue页面注意事项

时间:2020-11-04 14:35:21      阅读:287      评论:0      收藏:0      [点我收藏+]

1.nvue 页面只能使用 flex 布局

2.布局不能使用百分比、没有媒体查询。

3.选择器仅支持class 选择器

/* 错误 */
#id {}
.a .b .c {}
.a > .b {}

/* 正确 */
.class {}

border 不支持简写

/* 错误 */
.class {
    border: 1px red solid;
}

/* 正确 */
.class {
    border-width: 1px;
    border-style: solid;
    border-color: red;
}

background 不支持简写

/* 错误 */
.class {
    background: red;
}

/* 正确 */
.class {
    background-color: red;
}
/* 错误 */
/*  控制台警告:
WARNING: `border` is not a standard property name (may not be supported)  
WARNING: `-webkit-transform` is not a standard property name (may not be supported)
*/
.class {
    border: 1px red solid;
  -webkit-transform: scaleY(.5);
}

/* 正确 */
.class {
    border-width: 1px;
    border-style: solid;
    border-color: red;
  /* #ifndef APP-PLUS-NVUE */
  -webkit-transform: scaleY(.5);
  /* #endif*/
}
4.nvue 页面控制显隐只可以使用v-if不可以使用v-show
5.h5正常app异常body的元素选择器请改为page,同样,div和ul和li等改为view、span和font改为text、a改为navigator、img改为image...

nvue页面注意事项

原文:https://www.cnblogs.com/cyhsmile/p/13925477.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!