|
|
@@ -1,5 +1,22 @@
|
|
|
<template>
|
|
|
<div class="bgDiv">
|
|
|
+ <el-container>
|
|
|
+ <div class="headTop">
|
|
|
+ <div class="headTopA">
|
|
|
+ <el-image style="width: 4vw; height: 4vw;margin-right: 4px;"
|
|
|
+ :src="require('@/assets//img/startLottery/logo.png')"></el-image>
|
|
|
+
|
|
|
+ 优电联盟抽奖平台
|
|
|
+ </div>
|
|
|
+ <div class="headTopB">
|
|
|
+ <el-image style="width: 1.2vw; height: 1.2vw;margin-right: 4px;"
|
|
|
+ :src="require('@/assets//img/startLottery/md-save.svg')"></el-image>
|
|
|
+
|
|
|
+ 导出中奖名单
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-container>
|
|
|
<el-container>
|
|
|
<!-- -->
|
|
|
<el-container>
|
|
|
@@ -408,6 +425,33 @@
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
+ .headTop{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+ margin: 2vw 2vw 0 2vw;
|
|
|
+ .headTopA{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 3.2vw;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ .headTopB{
|
|
|
+ font-size: 1vw;
|
|
|
+ width: 10vw;
|
|
|
+ height: 3vw;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: rgba(20, 0, 98, 0.5);
|
|
|
+ text-align: center;
|
|
|
+ border: 2px solid rgba(255, 255, 255, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
/* lotteryRegion */
|
|
|
.lotteryRegion {
|
|
|
position: fixed;
|
zhengkaixin