<!--
 * @Descripttion : 当前组件信息
 * @Author       : 无尘
 * @Date         : 2020-02-13 14:02:40
 * @LastEditors: 无尘
 * @LastEditTime: 2020-09-03 13:57:21
 * @FilePath     : j:\公司\haoban-4\src\components\common\common-alert-tip.vue
 -->
<!--

  <common-alert-tip :width="width" :tip-content="tipContent"></common-alert-tip>
  import commonAlertTip from '@/components/common/common-alert-tip.vue';
 -->
<template>
  <div class="common-alert-tip">
    <div class="" :style="{ 'min-width': width}">
      <div role="alert" class="el-alert el-alert--info flex flex-align-start" :style="{ 'width': width}">
        <i class="el-alert__icon el-icon-info font-12 color-2f54eb"></i>
        <div class="el-alert__content">
          <span class="el-alert__title color-606266 font-13">
            {{tipContent}}
          </span>
          <div v-if="tipTwoContent" class="el-alert__title color-606266 font-13">
            {{tipTwoContent}}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'CommonAlertTip',
  components: {
  },
  props: {
    width: {
      type: String,
      default: '645px'
    },
    tipContent: {
      type: String,
      default: ''
    },
    tipTwoContent: {
      type: String,
      default: ''
    }
  },
  data() {
    return {

    };
  }
};
</script>
<style lang="less" scoped>

</style>
