weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用

Question

Android 原生，Vue.js 的属性 justify-content: flex-end; 外面套两层 <p>，就不起作用。备注：web 下是好的。

见代码：
<template>
<p class="page">

<p class="con">
    <p class="title">
        <text class="titleText">标题 ... ...</text>
    </p>
    <p class="validate">
        <text class="validateText">内容 ... ...</text>
    </p>
</p>

</p>
</template>
<style scoped>

.page {
    }
.con {    
    background-color:#CCCCCC;
    flex-direction: row;
}
.title{
    margin: 5px;
    flex-direction: column;
    justify-content: flex-end;
    background-color:#FFFFFF;
}
.titleText{
    font-size: 28px;
    background-color:red;
}

.validate{
    margin: 5px;        
    background-color:#CCCCCC;
    height: 100px;
    flex:1;
}
.validateText {    
    font-size: 24px;
    margin:5px;
}

</style>

Answer 1

귀하의 코드를 보면 "제목"을 맨 아래에 넣으려는 것 같습니다. 우선 justify-content 속성은 vue.js가 아니라 Flexbox에서 가져온 것입니다. 다음과 같이 작성해 보세요.

으아악

여러 사람이 답변을 받고 싶다면 렌더링을 게시하는 것이 좋습니다.

Answer 2

flexbox의 속성을 사용하려면 먼저 디스플레이가 flex여야 하며, 그렇지 않으면 display:block이어야 합니다