1、文字只能放在text里面,包括字体图标<text class="main-icon icon"></text>
2、cell不支持任何样式,高度随内部子元素样式撑开,margin登也在内部样式设置
3、css样式不支持嵌套写法:
.icon-big .icon{
font-family: iconfont;
text-align: center;
font-size: 70px;
}
只能有一层
.icon{
font-family: iconfont;
text-align: center;
font-size: 70px;
}
4、只支持flex布局,元素默认flex属性,无需单独定义display: flex;
5、只支持px单位
6、后面的class样式无法覆盖前面class的样式(针对相同样式):
<text class="add-icon icon icon-big"></text>
icon-big的color覆盖不了icon的color值
7、导航栏动态切换时不能像vue那样:
<text class="video-icon icon" :class="{'active':active === 'video'}"></text>