<template>
  <view class="u-calendar-header u-border-bottom">
    <text class="u-calendar-header__title" v-if="showTitle">{{ title }}</text>
    <text class="u-calendar-header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
    <view class="u-calendar-header__weekdays">
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[0] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[1] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[2] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[3] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[4] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[5] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[6] }}</text>
    </view>
  </view>
</template>
<script>
import { mpMixin } from '../../libs/mixin/mpMixin';
import { mixin } from '../../libs/mixin/mixin';
export default {
  name: 'u-calendar-header',
  mixins: [mpMixin, mixin],
  props: {
    // 标题
    title: {
      type: String,
      default: ''
    },
    // 副标题
    subtitle: {
      type: String,
      default: ''
    },
    // 是否显示标题
    showTitle: {
      type: Boolean,
      default: true
    },
    // 是否显示副标题
    showSubtitle: {
      type: Boolean,
      default: true
    },
    // 星期文本
    weekText: {
      type: Array,
      default: () => {
        return [];
      }
    }
  },
  data() {
    return {};
  },
  methods: {
    name() {}
  }
};
</script>
<style scoped></style>
