<template>
  <section class="index-wrap">
    <div>
        <img src="../assets/img/img1.png" />
        <img src="../assets/img/img2.png" />
        <img src="../assets/img/img3.png" />
    </div>
    <div class="wrap-join">
        <div class="wrap-count">
            <div>
                <h1>2394847</h1>
                <h5>已参与人数</h5>
            </div>
            <div>
                <h1>23948</h1>
                <h5>已参与机构</h5>
            </div>
        </div>
        
    </div>
    <div class="btn-appoint btn-app-share"><img src="../assets/img/btn_appoint.png" /></div>
    <div>
        <img src="../assets/img/img6.png" />
        <img src="../assets/img/img7.png" />
        <img src="../assets/img/img8.png" />
        <img src="../assets/img/img9.png" />
        <img src="../assets/img/img10.png" />
    </div>
    <div class="btn-share btn-app-share"><img src="../assets/img/btn_share.png" /></div>
    <div class="rule-show">
        <img src="../assets/img/rule_title.png" />
        <div class="rule-bg">
            <h1>每日任务，攒勤奋分</h1>
            <p><span>比赛时间：</span>2019.12.16 10:00-2019.12.30 00:00</p>
            <p><span>医生机构：</span>根据机构内注册医生的勤奋分总额排名，活动结束后机构榜单指定名次可获得云鹊豆，榜单第一可获得云鹊机构奖荣誉。</p>
            <p><span>医生个人：</span>完成每日学习任务可积攒勤奋分和云鹊豆，每日个人排行榜前十可获得相应实物奖品，个人累计排行第一获得云鹊勤奋之星荣誉、iphone11(64G)一台及云鹊豆奖品。</p>
            <h1>公布排名</h1>
            <p></p>
        </div>
        <img class="bird" src="../assets/img/bird.png">
    </div>
  </section>
</template>
<script>
import { Toast } from 'vant';
// import { mapMutations } from 'vuex'
import request from '@/service/api';
// import { check, questions,checkLogin } from '@/service';
// import popAll from '../components/popAll.vue';

// import { getBaseMainUrl, getCookie, delCookie, setCookie } from '../utils/index';

const cookies = require('cookie-universal')();
export default {
  head() {
    return {
      title: '云鹊医-赋能基层医生',
    };
  },
  data() {
    return {}
  },
  created() {
  },
  mounted() {},
  methods: {
   
  },
}
</script>
<style lang="less">
    .index-wrap{
        div{
            width: 375px;
            img{
                width: 375px;
                display: block;
            }
        }
        .wrap-join{
            height: 72.5px;
            background: url(../assets/img/img4.png) no-repeat center center;
            background-size: 100% 100%; 
            .wrap-count{
                width: 325px;
                height: 72.5px;
                display: flex;
                margin: 0 auto;
                h1{
                    margin-top: 9px;
                    font-size:23px;
                    font-weight:700;
                    color:rgba(255,255,255,1);
                    line-height:32.5px;
                    text-align: center;
                }
                h5{
                    font-size:14px;
                    font-weight:400;
                    color:rgba(255,255,255,0.59);
                    line-height:20px;
                    text-align: center;
                }
            }
        }
        .btn-app-share{
            img{
                width: 312px;
                height: 51.5px;
                margin: 0 auto;
            }
        }
        .btn-appoint{
            height: 94.5px;
            background: url(../assets/img/img5.png) no-repeat center center;
            background-size: 100% 100%; 
            img{
                padding-top: 15px;
            }
        }
        .btn-share{
            height: 166px;
            background: url(../assets/img/img11.png) no-repeat center center;
            background-size: 100% 100%; 
            img{
                padding-top: 81px;
            }
        }
        .rule-show{
            background:rgba(254,124,86,1);
            .bird{
                width: 22.5px;
                height: 28.5px;
                margin: 0 auto;
                padding: 24px 0;
            }
            .rule-bg{
                width:345px;
                height:368.5px;
                margin:0 auto;
                box-sizing: border-box;
                background:rgba(236,107,69,1);
                border-radius:12px;
                padding: 15px;
            }
        }
        
    }
</style>