<template>
  <div>
    <van-notice-bar color="#333333" background="#F3F5F4" left-icon="volume-o"  mode="closeable" @close="close">
      <div @click="closedMarketPop = true"><span class="span">
        <!-- 【休市提醒】 -->
        {{ $t('market.l14') }}
      </span>{{ activeMarket.title }}</div>
    </van-notice-bar>
    <closedMarketPop v-if="closedMarketPop" @cancel="closedMarketPop = false" :market="market" :activeMarket="activeMarket" />
  </div>
</template>
<script>
import closedMarketPop from "./pop.vue";
export default {
  props: ['activeMarket', 'market'],
  components: {
    closedMarketPop
  },
  data () {
    return {
      closedMarketPop: false
    }
  },
  methods: {
    close() {
      this.$emit('close')
    }
  }
}
</script>
<style lang="less" scoped>
.span {
  color: #2E8CF3;
}
.van-notice-bar {
  height: 38px;
  font-size: 12px;
  padding: 0 18px;
}
</style>