Commit 19340054 authored by Z's avatar Z

Z: Dot: ActiveTemplateList Done.

parent fd7ba106
......@@ -34,6 +34,11 @@ const routes = [
path: '/mainSale',
name: 'MainSale',
component: () => import('@/views/mainSale/active/main/index')
},
{
path: '/actTemplate',
name: 'ActTemplate',
component: () => import('@/views/mainSale/active/template/index')
}
// {
// path: '/about',
......
......@@ -25,7 +25,7 @@
<img class="menu-logo" :src="test.menuInfo.icon['2']">
<div class="menu-text">任务列表</div>
</div>
<div class="menu">
<div class="menu" @click="menu03Click">
<img class="menu-logo" :src="test.menuInfo.icon['3']">
<div class="menu-text">活动列表</div>
</div>
......@@ -35,7 +35,7 @@
<img class="menu-logo" :src="test.menuInfo.icon['4']">
<div class="menu-text">专柜维护</div>
</div>
<div class="menu">
<div class="menu" @click="menu05Click">
<img class="menu-logo" :src="test.menuInfo.icon['5']">
<div class="menu-text">活动模版</div>
</div>
......@@ -88,19 +88,19 @@
</div>
<div class="main-menuBar">
<div class="menuBar-menu">
<img class="menuBar-icon" :src="test.cache.imgUrl">
<div class="menuBar-title">活动</div>
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']">
<div class="menuBar-title menuBar-title-ac">活动</div>
</div>
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.cache.imgUrl">
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']">
<div class="menuBar-title">案例</div>
</div>
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.cache.imgUrl">
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']">
<div class="menuBar-title">收益</div>
</div>
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.cache.imgUrl">
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']">
<div class="menuBar-title">任务</div>
</div>
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.cache.imgUrl">
<div class="menuBar-menu"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']">
<div class="menuBar-title">我的</div>
</div>
</div>
......@@ -115,7 +115,8 @@
test: {
cache: {
imgUrl: "/hi.jpg",
actDsc: "由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。"
actDsc: "由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。",
nowMenuBar: "1",
},
manInfo: {
bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
......@@ -149,14 +150,59 @@
"2": "/mainSale/icon-active-2.png",
"3": "/mainSale/icon-active-3.png",
}
},
menuBarInfo:{
icon:{
now:{
"1": "",
"2": "",
"3": "",
"4": "",
"5": "",
},
ua:{
"1": "/mainSale/icon-menuBar-1-ua.png",
"2": "/mainSale/icon-menuBar-2-ua.png",
"3": "/mainSale/icon-menuBar-3-ua.png",
"4": "/mainSale/icon-menuBar-4-ua.png",
"5": "/mainSale/icon-menuBar-5-ua.png",
},
ac:{
"1": "/mainSale/icon-menuBar-5-ac.png",
"2": "/mainSale/icon-menuBar-5-ac.png",
"3": "/mainSale/icon-menuBar-5-ac.png",
"4": "/mainSale/icon-menuBar-5-ac.png",
"5": "/mainSale/icon-menuBar-5-ac.png",
}
},
}
},
dis: {}
};
},
created() {
this.checkNowMenuBar()
},
methods: {
checkNowMenuBar(){
let inData = '1'
this.test.menuBarInfo.icon.now = this.test.menuBarInfo.icon.ua
this.test.menuBarInfo.icon.now[inData] = this.test.menuBarInfo.icon.ac[inData]
},
testButtonClick() {
},
menu01Click(){},
menu02Click(){},
menu03Click(){
this.$router.push("activeList")
},
menu04Click(){},
menu05Click(){
this.$router.push("ActTemplate")
},
menu06Click(){},
buttonMainMarketingClick() {
// this.$router.push("home")
},
......@@ -397,6 +443,7 @@
}
.actives-banner-main {
width: 148px;
height: 24px;
......@@ -473,7 +520,7 @@
.actives-mores {
width: 100%;
height: 40px;
border: 1px solid red;
/*border: 1px solid red;*/
display: flex;
flex-direction: row;
......@@ -536,7 +583,10 @@
height: 12px;
font-size: 10px;
font-weight: bold;
color: #4377BC;
color: rgba(67, 119, 188, 0.4);
text-align: center;
}
.menuBar-title-ac{
color: rgba(67, 119, 188, 1);
}
</style>
<template>
<div class="lists">
<div v-for="(item, index) of list.active" :key="index">
<div class="list" @click="listClick(index)">
<div class="list-logos">
<img class="list-logo" :src="item.logoUrl">
</div>
<div class="list-infos">
<div class="list-title">{{item.name}}</div>
<div class="list-dsc">{{item.dsc}}</div>
</div>
</div>
</div>
</div>
</template>
<script>
// ZKit
const log = console.log.bind(console)
export default {
name: "discountIndex",
data() {
return {
list: {
active: [
{
name: "大转盘活动",
logoUrl: "/mainSale/icon-active-1.png",
dsc: "有各种物质组成的举行球状天体,叫做星球。星球有一定的形状。",
reDirect: "turntableDetail"
},
{
name: "送券活动",
logoUrl: "/mainSale/icon-active-2.png",
dsc: "有各种物质组成的举行球状天体,叫做星球。星球有一定的形状。",
reDirect: "turntableDetail"
}
],
},
};
},
created() {
},
methods: {
listClick(inIndex){
log('--->click: inIndex =', inIndex)
log('--->click: reDirect =', this.list.active[inIndex].reDirect)
this.$router.push(this.list.active[inIndex].reDirect)
},
}
};
</script>
<style scoped>
.lists {
padding: 4px 16px 20px 16px;
}
.list {
padding: 12px 0px;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
border-bottom: 1px solid #EEEEEE;
}
.list-logos {
width: 80px;
height: 80px;
background-color: #F8F8F8;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.list-logo {
width: 56px;
height: 56px;
}
.list-infos {
width: 251px;
height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
margin-left: 12px;
}
.list-title {
font-size: 14px;
height: 16px;
line-height: 16px;
font-weight: bold;
color: #2D476A;
width: 100%;
text-align: left;
margin-bottom: 8px;
}
.list-dsc {
font-size: 12px;
height: 14px;
line-height: 14px;
font-weight: normal;
color: #2D476A;
width: 100%;
text-align: left;
overflow: auto;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment