修复中建四局bug

This commit is contained in:
yjl 2022-12-17 11:46:32 +08:00
parent f50ef147a9
commit 69b48258b9

View File

@ -2,12 +2,12 @@
<Card title="疫情播报" class="max"> <Card title="疫情播报" class="max">
<div class="container" id="more" @click="toMore"> <div class="container" id="more" @click="toMore">
<div id="page"> <div id="page">
<div class="content" v-for="(item,index) in list" :key="index"> <div class="content" v-for="(item, index) in list" :key="index">
<p class="time">{{item.content}}</p> <p class="time">{{ item.content }}</p>
<!-- <p class="value"> <!-- <p class="value">
<a :href= item.url target="_blank">{{111}}</a> <a :href= item.url target="_blank">{{111}}</a>
</p> --> </p> -->
</div> </div>
</div> </div>
</div> </div>
</Card> </Card>
@ -20,67 +20,67 @@ export default {
components: { Card }, components: { Card },
data() { data() {
return { return {
list:[{content:''}] list: [{ content: '' }]
} }
}, },
created() { created() {
this.getData() this.getData()
}, },
methods: { methods: {
getData(){ getData() {
getEpidemicBroadcastApi().then((res)=>{ getEpidemicBroadcastApi({adCode: this.$store.state.currentProDetail.cityCode }).then(res => {
if(res.code == 200){ if (res.code == 200) {
this.list[0].content = res.result this.list[0].content = res.result
} }
// console.log('',res) // console.log('',res)
}) })
}, },
toMore(){ toMore() {
let dom = document.getElementById('more') let dom = document.getElementById('more')
dom.addEventListener('click', function (e) { dom.addEventListener('click', function(e) {
if (e.target.id == 'more') { if (e.target.id == 'more') {
window.open("http://wjw.gz.gov.cn/ztzl/xxfyyqfk/yqtb/index.html","_blank") window.open('http://wjw.gz.gov.cn/ztzl/xxfyyqfk/yqtb/index.html', '_blank')
} }
}) })
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.max{ .max {
position: relative; position: relative;
} }
.container::after{ .container::after {
content: '更多 >'; content: '更多 >';
cursor: pointer; cursor: pointer;
color: #66D4D9; color: #66d4d9;
position: absolute; position: absolute;
right: 4%; right: 4%;
top: 5%; top: 5%;
z-index: 999; z-index: 999;
} }
.container { .container {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 8px 15px; padding: 8px 15px;
overflow: auto; overflow: auto;
.content{ .content {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
height: 65px; height: 65px;
.time{ .time {
padding:10px 0px 10px 0px; padding: 10px 0px 10px 0px;
// color:rgba(255, 255, 255, 0.65) // color:rgba(255, 255, 255, 0.65)
border-left: 4px solid #66d3d8; border-left: 4px solid #66d3d8;
background-image: linear-gradient(to right, #3b7589, #182337); background-image: linear-gradient(to right, #3b7589, #182337);
margin-top: 35px; margin-top: 35px;
} }
a{ a {
text-decoration: none; text-decoration: none;
color:rgb(255,255,255); color: rgb(255, 255, 255);
} }
.value { .value {
position: relative; position: relative;
@ -96,7 +96,7 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
color:rgb(255, 255, 255); color: rgb(255, 255, 255);
transition: all 0.3s; transition: all 0.3s;
white-space: nowrap; white-space: nowrap;
@ -106,9 +106,6 @@ export default {
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
} }
} }
</style> </style>