html高度自适应vue,【报Bug】nvue页面flex布局不会自适应高度问题

我设置100%也不管用！

{{newsItem.title}}

{{newsItem.remark}}

{{newsItem.subject}}

50

{{newsItem.txbtype}}

{{newsItem.addtime}}

export default {

props: {

newsItem: {

type: Object,

default: function(e) {

return {}

}

}

},

methods: {

click() {

this.$emit('click');

}

}

}

.txbbody {

flex: 1;

flex-direction: row;

justify-content: flex-start;

padding: 5px 5px;

height: 100%;

}

.bottomline {

flex: 1;

margin-left: 10px;

margin-right: 10px;

border-bottom-width: 1px;

border-bottom-color: #F2F2F2;

}

.img {

height: 34px;

width: 34px;

/* box-shadow: 0 0 5px #ccc; */

}

.cover {

flex-direction: row;

justify-content: center;

align-items: center;

width: 73px;

}

.body-txt {

flex:1;

flex-direction: column;

align-items: stretch;

height: 100%;

/* background-color: #AF4040; */

}

.title {

height: 20px;

line-height: 20px;

lines: 1;

padding: 3px;

margin-left: 10px;

margin-right: 10px;

font-size: 15px;

color: #555;

background-color: #528036;

}

.remark {

lines: 1;

text-overflow: ellipsis;

padding: 10px 10px 0px 10px;

font-size: 13px;

color: #919192;

background-color:#00B26A;

}

.subject {

flex:1;

text-overflow: ellipsis;

padding: 10px 10px 0px 10px;

font-size: 13px;

color: #919192;

height: 100%;

}

.footer {

flex: 1;

flex-direction: row;

justify-content: space-between;

height: 25px;

background-color: #A60000;

line-height: 25px;

padding: 5px 10px 0px 10px;

margin-left: 10px;

margin-right: 10px;

}

.footer-duiqi {

flex-direction: row;

justify-content: center;

align-items: center;

}

.footer-txt {

font-size: 10px;

height: 15px;

line-height: 15px;

padding-left: 5px;

color: #BDC3C7;

}