我设置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;
}