hlm_pl_mall_h5/pages/member/live/child/message-item.vue

<template>
    <cover-view class="div" v-if="item.message">
        <cover-view class="div msg-item">
            <!-- 名字 -->
            <text class="span name notice">{{item.name}}：</text>
            <!-- msg -->
            <text class="span text">{{item.message}}</text>
        </cover-view>
    </cover-view>
</template>

<script>
export default {
  props: {
    item: {}
  },
  data () {
    return {}
  },
  methods: {
  },
  computed: {}
}
</script>
<style lang="scss" scoped>
    .msg-item {
        background: rgba(0, 0, 0, 0.25);
        border-radius: 40rpx;
        /*  #ifndef  APP-PLUS-NVUE  */
        display: flex;
        /*  #endif  */
        flex-direction: row;
        padding: 14rpx 20rpx;
        margin-bottom: 16rpx;
    }
    .lv {
        height: 30rpx;
        width: 50rpx;
        /*  #ifndef  APP-PLUS-NVUE  */
        vertical-align: middle
        /*  #endif  */
    }
    .name {
        font-family: PingFangSC-Regular;
        font-size:14px;
        color: #9FE5FF;
        /*  #ifndef  APP-PLUS-NVUE  */
        letter-spacing: 0;
        vertical-align: middle;
        /*  #endif  */
    }
    .text {
        line-height: 14px;
        /*  #ifndef  APP-PLUS-NVUE  */
        word-wrap:break-word;
        /*  #endif  */
        color: #fff;
        font-size:12px;
    }
</style>