<template>
  <div class="bottom-tips" v-if="visb">
    <div class="line"></div>
    <div class="tips-wrap">
      <div class="tips">{{innerText ? innerText :'我是有底线的'}}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['visb', 'innerText'],
  data() {
    return {
      key: 'value'
    }
  },
  created() {
    console.log('visb:', this.visb)
  }
}
</script>

<style lang="less" scoped>
/// 底线
.bottom-tips {
  position: relative;
  padding: 40px 0;
  width: 100%;
  text-align: center;
  color: #666666;

  .line {
    border-bottom: dashed 1px #cccccc;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .tips-wrap {
    font-size: 28px;
    display: flex;
    justify-content: center;
    .tips {
      position: relative;
      padding: 0 20px;
      background-color: #ffffff;
    }
  }
}
</style>