|
@ -142,17 +142,18 @@ |
|
|
|
|
|
|
|
|
<div class="history-title">中奖记录</div> |
|
|
<div class="history-title">中奖记录</div> |
|
|
|
|
|
|
|
|
<div style="margin-left: 45px; margin-top: 18px;"> |
|
|
|
|
|
|
|
|
<div style="margin-left: 10px; margin-top: 18px; display: flex; flex-wrap: nowrap; align-items: center;"> |
|
|
<button v-for="item in options" :key="item.value" |
|
|
<button v-for="item in options" :key="item.value" |
|
|
:style="{ |
|
|
:style="{ |
|
|
backgroundColor: selected === item.value ? '#0003bf' : '#7475b2', |
|
|
backgroundColor: selected === item.value ? '#0003bf' : '#7475b2', |
|
|
borderColor: selected === item.value ? '#0003bf' : '#7475b2', |
|
|
borderColor: selected === item.value ? '#0003bf' : '#7475b2', |
|
|
color: '#fff', |
|
|
color: '#fff', |
|
|
marginRight: '24px', |
|
|
|
|
|
|
|
|
marginRight: '15px', |
|
|
padding: '6px 18px', |
|
|
padding: '6px 18px', |
|
|
borderRadius: '8px', |
|
|
borderRadius: '8px', |
|
|
border: 'none', |
|
|
border: 'none', |
|
|
cursor: 'pointer' |
|
|
|
|
|
|
|
|
cursor: 'pointer', |
|
|
|
|
|
whiteSpace: 'nowrap' |
|
|
}" |
|
|
}" |
|
|
@click="changeTypeHistoryList(item)"> |
|
|
@click="changeTypeHistoryList(item)"> |
|
|
{{ item.label }} |
|
|
{{ item.label }} |
|
@ -178,6 +179,12 @@ |
|
|
<div class="title" v-else-if="selected == 3"> |
|
|
<div class="title" v-else-if="selected == 3"> |
|
|
<span class="circle"></span>{{ item.type }} |
|
|
<span class="circle"></span>{{ item.type }} |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="title" v-else-if="selected == 2"> |
|
|
|
|
|
<span class="circle"></span>{{ item.type }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="title" v-else-if="selected == 4"> |
|
|
|
|
|
<span class="circle"></span>{{ item.type }} |
|
|
|
|
|
</div> |
|
|
<div class="time">{{ item.time }}</div> |
|
|
<div class="time">{{ item.time }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="right"> |
|
|
<div class="right"> |
|
@ -212,6 +219,12 @@ |
|
|
<div class="title" v-else-if="selected == 3"> |
|
|
<div class="title" v-else-if="selected == 3"> |
|
|
<span class="circle"></span>{{ item.type }} |
|
|
<span class="circle"></span>{{ item.type }} |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="title" v-else-if="selected == 2"> |
|
|
|
|
|
<span class="circle"></span>{{ item.type }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="title" v-else-if="selected == 4"> |
|
|
|
|
|
<span class="circle"></span>{{ item.type }} |
|
|
|
|
|
</div> |
|
|
<div class="time">{{ item.time }}</div> |
|
|
<div class="time">{{ item.time }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="right"> |
|
|
<div class="right"> |
|
@ -279,7 +292,9 @@ export default { |
|
|
selected: 1, |
|
|
selected: 1, |
|
|
options: [ |
|
|
options: [ |
|
|
{ label: 'Token', value: 1 }, |
|
|
{ label: 'Token', value: 1 }, |
|
|
{ label: '卡券', value: 3 } |
|
|
|
|
|
|
|
|
{ label: '背包礼物', value: 2 }, |
|
|
|
|
|
{ label: '卡券', value: 3 }, |
|
|
|
|
|
{ label: '电子书', value: 4 } |
|
|
], |
|
|
], |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|