/*result*/
<template>
<div>
  <div class="megagame">
      <div  class="me_container clearfix">
          <div class=" clearfix">
          <div class="me_img"  v-on:click="back">
              <img src="../../../assets/match/r.png" alt="图片">
          </div>
          <div class='ne_top'>
              <img src="../../../assets/match/jg.png" alt="图片">
          </div>
          </div>
        <div class="re_conteiner">
            <p class="zuozhe">亲爱的设计师们：</p>
            <p class="re_shm">感谢大家对“智博杯”设计大赛的支持与厚爱</p>
            <p  class="re_shm"> 在各位设计师们高涨的参赛热情中，大赛正式落下帷幕。</p>
            <div class="re_mian">
               <p>赛事主办方、承办方及专业评审已根据评选要求进行综合打分，评选出本次大赛的各个奖项。</p>
            <p> 我们将于公示后的十个工作日内通过手机号码与各位获奖设计师联系，请注意接收。</p>
            </div>
         
            <p> 现将获奖结果公示如下:</p>
             <div class="re_content">
                 <div class="re_padding">
                     <div class="re_list" v-for="(list,index) in hjlist" :key="index">
                         <h4>{{list.title}}</h4>
                         <p>{{list.text}}</p>
                     </div>

                 </div>
             </div>
        </div>
      </div>
         <div class="img">
      <img src="../../../assets/match/beijin.png"/></div>
    </div>
</div>
</template>

<script>
import { request, getImage } from '@/utils/request'
import store from '@/store' // vue状态管理
import { Message, MessageBox } from 'element-ui' // 引入Message、MessageBox

export default {
  name: 'megagame',
  components: {},
  data() {
    return {
    hjlist:[
        {
            id:1,
            title:'【一等奖 奖金1万元+获奖证书】',
            text:'骑蜗牛跑得快'
        },
           {
            id:2,
            title:'【二等奖 奖金5千元+获奖证书】',
            text:'为设计而生、zhaoliyinggogo'
        },
          {
            id:3,
            title:'【三等奖 奖金2千元+获奖证书】',
            text:'为设计而生、zhaoliyinggogo、敢问路在何方'
        },
           {
            id:4,
            title:'【优秀奖 获奖证书】',
            text:'为设计而生、zhaoliyinggogo、敢问路在何方、请你不要扣扣 你都如何回忆我、莫小贝、哈哈大师'
        }
    ]
    }
  },
  created() {

  },
  mounted(){
  },
  methods: {
     back(){
         this.$router.replace('/timeline');
       // this.$router.go(-1);//返回上一层
    },
 
  },
}
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
@import '@/styles/mixin.scss';
.megagame {
  font-family: 'STHeitiSC-Light';
  // @include w_h(100%, 100%);
  @include w_h(100%);
  // padding: 30px 60px;
  background: #000;
  overflow: hidden;
  flex:1;
  position: relative;
  
  .img{
    // height: scal(100vh);
      @include w_h(100%);
       position: absolute;
      z-index: 0;
      bottom: -3px;
      img{
     @include w_h(100%);
      }
  }
  .me_container{
      max-width: 1200px;
      margin: 3% auto;
      margin-bottom: 14%;

  .me_img{
      height: 100px;
      line-height: 100px;
      float: left;

  }
  .ne_top{
      text-align: center;
  }
    
     
  }
  .re_conteiner{
      text-align: center;
        font-size: 20px;
        color: #fff;
      .zuozhe{
       padding: 20px;
        
      }
      .re_shm{
          line-height: 1.5;
          color:#FDE800 ;
          font-size: 32px;
      }
      .re_mian{
          padding: 20px 0;
          p{
              line-height: 1.5;
          }
      }
      .re_content{
          max-width: 958px;
          height: 579px;
          margin: 0 auto;
          margin-top: 38px;
        border: 2px solid #007AF9;
        padding: 10px;
        .re_padding{
            padding: 66px 0;
            background-color: #03163B;
           height: 559px;
            border: 2px solid #007AF9; 
            overflow: hidden;
            .re_list{
                margin-bottom: 15px;
    
            h4{
                font-size: 22px;
                color:#E9561F;
                padding: 20px 0;
            }
            p{
                font-size: 18px;
            }
            }
        }
      }
  }
}
.footer{
        background: #2b2828;
  }
</style>
