<template>
  <section class="yesterday-prize-wrap">
    <normal-header
      :title="title"
      :rightText="rightText"
      :barHeight="barHeight"
      :barColor="barColor"
      :backType="1">
    </normal-header>
    <div class="prize-list" :style="{ marginTop: `${44+barHeight}Px`}">
      <div class="item">
        <img src="~/assets/img/icon-copper.png" alt="" class="ranking-icon">
        <div class="item-right">
          <img src="https://file.yunqueyi.com/jpg/2019/01/30/1548836156602-019ADC3F.jpg" alt="" class="doctor-photo">
          <div class="doctor-info">
            <p class="name">张医生</p>
            <p class="grade">昨日勤奋分:<span>1234</span></p>
          </div>
          <p class="awards">小米电视机1台</p>
        </div>
      </div>
    </div>
    <div class="footer-btn">
      <div class="btn">今日我要拿奖</div>
    </div>
  </section>
</template>

<script>
  import NormalHeader from '@/components/normal-header'
  export default {
    name: "index",
    components: {
      NormalHeader
    },
    data() {
      return {
        showPop: false,
        title: '昨日获奖名单',
        barHeight: 0,
        barColor: '#fff',
        rightText: '如何领奖'
      };
    },
    mounted() {

    },
    methods: {},
  }
</script>

<style scoped lang="less">
  @import 'index.less';
</style>