<template>
|
<!--
|
作者：luoyiming
|
时间：2020-06-25
|
描述：插件中心-抽奖
|
-->
|
<div class="common-seach-wrap">
|
<el-tabs v-model="activeName">
|
<el-tab-pane label="基础设置" name="setting"></el-tab-pane>
|
<el-tab-pane label="抽奖记录" name="record"></el-tab-pane>
|
<el-tab-pane label="下架礼品" name="award"></el-tab-pane>
|
</el-tabs>
|
<!--基础设置-->
|
<Setting v-if="activeName == 'setting'"></Setting>
|
<!--抽奖记录-->
|
<Record v-if="activeName == 'record'"></Record>
|
<!--下架礼品 -->
|
<Award v-if="activeName == 'award'"></Award>
|
</div>
|
</template>
|
<script>
|
import Record from './record.vue';
|
import Setting from './setting.vue';
|
import Award from './award.vue';
|
export default {
|
components: {
|
Record,
|
Setting,
|
Award
|
},
|
data() {
|
return {
|
/*是否加载完成*/
|
loading: true,
|
activeName: 'setting'
|
};
|
},
|
methods: {}
|
};
|
</script>
|
|
<style>
|
.operation-wrap {
|
height: 124px;
|
border-radius: 8px;
|
-webkit-box-pack: center;
|
-ms-flex-pack: center;
|
justify-content: center;
|
padding: 30px 30px;
|
-webkit-box-orient: vertical;
|
-webkit-box-direction: normal;
|
-ms-flex-direction: column;
|
flex-direction: column;
|
overflow: hidden;
|
background: #909399;
|
background-size: 100% 100%;
|
color: #fff;
|
}
|
</style>
|
