<template>
  <div v-if="subscribeInfo.subscribeText" class="good__subscribeBar">
    <div class="subscribeBar">
      <div class="subscribeBar__text">
        {{ subscribeInfo.subscribeText }}
      </div>
      <!-- // 提醒功能4.0暂时不做,但已把样式写好 -->
      <!-- <div class="subscribeBar__right">{{ subscribeInfo.subscribed ? '取消订阅' : '提醒我' }}</div> -->
    </div>
  </div>
</template>
<script>
import { mapGetters } from '../store';
export default {
  name: 'SubscribeBar',
  computed: {
    ...mapGetters(['subscribeInfo'])
  }
};
</script>
<style lang="less" scoped>
.good__subscribeBar {
  padding: @padding-unit @padding-sm;
}
.subscribeBar {
  background: linear-gradient(270deg, #ffffff 0%, #f2f4f7 100%);
  border-radius: 4px;
  .text-size(12);
  color: @black;
  display: flex;
  align-items: center;
  padding: @padding-unit;
  border-radius: 4px;
  &__text {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
  }
  &__right {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    padding: 2px @padding-xs;
    border: 1px solid #dcdee0;
    border-radius: @border-radius-max;
    margin-left: auto;
  }
}
</style>
