返回
weex入坑之css指南

weex入坑之css的坑

官方文档大家要先看清,减少入坑。 http://weex.apache.org/cn/wiki/common-styles.html  

一、单一选择器:

div负责布局 text负责文字

<template>
<div class="page">
    <div class="div" v="这是布局">
        <text class="text">这是文字</text>
    </div>
</div>
</template>
<style src="./app.css" /> 
<style scoped>
    .div{
        width:750;
    }
    .text{font-size:36px;}
</style>

二、750宽自适应

    weex是以750 像素自适应并以宽高比计算真实像素,所以我们有时候写css感觉怪怪的。

三、flexbox

    在 Weex 中,Flexbox 是默认且唯一的布局模型。

    重点是唯一

    所以大家不要再css中出现display了

四、template首个div最好别设css,以免不必要的麻烦。


五、weex支持引入外部css

<style src="./app.css" />