|
|
|
@ -1,12 +1,19 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="activityManager">
|
|
|
|
|
<Spin v-show="loading" fix>加载中...</Spin>
|
|
|
|
|
<Spin v-show="loading"
|
|
|
|
|
fix>加载中...</Spin>
|
|
|
|
|
<Row>
|
|
|
|
|
<i-col class="activityListClass" v-for="(item, index) in activityList" :key="index" span="7" offset="1">
|
|
|
|
|
<i-col class="activityListClass"
|
|
|
|
|
v-for="(item, index) in activityList"
|
|
|
|
|
:key="index"
|
|
|
|
|
span="7"
|
|
|
|
|
offset="1">
|
|
|
|
|
<Card>
|
|
|
|
|
<div class="operateAndThemeItem">
|
|
|
|
|
<div class="ThemeItem">
|
|
|
|
|
<div class="schedule-image"><img class="img" :src="'/kiisoo-ic' + item.logo" alt /></div>
|
|
|
|
|
<div class="schedule-image"><img class="img"
|
|
|
|
|
:src="'/kiisoo-ic' + item.logo"
|
|
|
|
|
alt /></div>
|
|
|
|
|
<div class="tipItem">
|
|
|
|
|
<span>{{ item.name }}</span>
|
|
|
|
|
<span>{{ item.description }}</span>
|
|
|
|
@ -94,7 +101,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
getActivityTable () {
|
|
|
|
|
let that = this;
|
|
|
|
|
ActivityManager.getActivityList({}, function (data) {
|
|
|
|
|
ActivityManager.getActivityList({ categoryCode: "promotion" }, function (data) {
|
|
|
|
|
that.activityList = data.data.results;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
@ -132,9 +139,9 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.activityManager {
|
|
|
|
|
min-height: 600px;
|
|
|
|
|
}
|
|
|
|
|
.activityManager {
|
|
|
|
|
min-height: 600px;
|
|
|
|
|
}
|
|
|
|
|
.operateAndThemeItem {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
@ -174,16 +181,16 @@ export default {
|
|
|
|
|
line-height: 100px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.schedule-image {
|
|
|
|
|
width: 50px;
|
|
|
|
|
height: 50px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
}
|
|
|
|
|
.schedule-image img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
.schedule-image {
|
|
|
|
|
width: 50px;
|
|
|
|
|
height: 50px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
}
|
|
|
|
|
.schedule-image img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|