<template>
  <view class="cv-message">
    <text v-bind:style="loaclStyle">{{ message }}</text>
  </view>
</template>

<script>
import mpMixin from '../../libs/mixin/mpMixin.js';
import mixin from '../../libs/mixin/mixin.js';
export default {
  mixins: [mpMixin, mixin],
  name: 'cvMessage',
  props: {
    message: {
      type: String,
      default: ''
    },
    color: {
      type: String,
      default: '#ff0000'
    }
  },
  data() {
    return {
      loaclStyle: {}
    };
  },
  created() {
    this.loaclStyle = { color: this.color };
  }
};
</script>

<style>
.cv-message {
  padding: 10px 10px;
  line-height: 1.5em;
  font-size: 14px;
}
</style>
