|
|
@@ -6,8 +6,9 @@ |
|
|
|
<el-breadcrumb-item>联系我们</el-breadcrumb-item> |
|
|
|
</el-breadcrumb> |
|
|
|
<el-card shadow="never"> |
|
|
|
<div style="position: relative;height: 300px;background-image: url(../assets/images/connect_me.png);background-repeat: no-repeat;background-size: 100% 100%"> |
|
|
|
<div style="font-weight: 1000;font-size: 48px;color: #fff;margin: 0 auto;text-align: center;"> |
|
|
|
<div style="position: relative;height: 300px;"> |
|
|
|
<img src="../assets/images/connect_me.png" class="connect_me"> |
|
|
|
<div style="font-weight: 1000;font-size: 48px;color: #fff;margin: 0 auto;text-align: center; position: relative; z-index: 1;"> |
|
|
|
<div style="padding-top: 100px;">联系我们</div> |
|
|
|
<div style="height: 4px;background: #fff;width: 70px;margin: 10px auto"></div> |
|
|
|
</div> |
|
|
@@ -50,7 +51,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {getCall} from "../api/data"; |
|
|
|
import {getCall,getChannelsRequest, getChannelSecond} from "../api/data"; |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
@@ -59,6 +60,26 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
async getChannelsRequest(){ |
|
|
|
let res = await getChannelsRequest({current:1,size:100}) |
|
|
|
if(res.code == 200){ |
|
|
|
res.data.records.map((item) => { |
|
|
|
if(item.channelName == '二维码'){ |
|
|
|
this.getChannelSecond(item.id) |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getChannelSecond(id){ |
|
|
|
let res = await getChannelSecond(id) |
|
|
|
if(res.code == 200){ |
|
|
|
console.log(JSON.stringify(res.data)) |
|
|
|
this.titleList = res.data |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
async getCall(){ |
|
|
|
let res = await getCall('1507221624449806337') |
|
|
|
if(res.code == 200){ |
|
|
@@ -69,6 +90,7 @@ export default { |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getCall() |
|
|
|
this.getChannelsRequest() |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
@@ -100,4 +122,10 @@ export default { |
|
|
|
.connect-info .connect-title{ |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
.connect_me{ |
|
|
|
position: absolute; |
|
|
|
top: 0px; |
|
|
|
left: 0px; |
|
|
|
} |
|
|
|
</style> |