9 changed files with 350 additions and 96 deletions
@ -0,0 +1,109 @@ |
|||
<template> |
|||
<div class="login-container"> |
|||
<!-- 顶部标题栏 --> |
|||
<div class="header"> |
|||
</div> |
|||
<div class="form-box flex flex-y"> |
|||
<div class="font-size24 font-pingfangB">{{ ArrayList. title}}</div> |
|||
<div class="flex flex-x flex-end m-top10 m-bot10"> |
|||
<div class="flex flex-x flex-center1 flex-center2 "> |
|||
<img class="img-13" src="@/assets/images/home/unit.png" alt="图片"> |
|||
<div class="font-size14 blue">{{ ArrayList.source }}</div> |
|||
</div> |
|||
<div class="gray font-size14 ">{{ ArrayList.date }}</div> |
|||
|
|||
</div> |
|||
<div class="m-top18" v-html="ArrayList.context "></div> |
|||
</div> |
|||
<div class="bto_btn flex flex-x flex-center1 flex-center2 "> |
|||
<van-button v-if="!collection" color="#E5F1FD" style="width: 120px;" class="custom-button-uncollected" round type="info">收藏</van-button> |
|||
<van-button v-if="collection" color="#0089F0" style="width: 120px;" round type="info">收藏</van-button> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Toast from "vant/es/toast"; |
|||
import axios from "axios"; |
|||
import config from "@/config/index"; |
|||
|
|||
|
|||
const baseUrl = |
|||
process.env.NODE_ENV === "development" ? "" : config.baseUrl.pro; |
|||
export default { |
|||
data() { |
|||
return { |
|||
placeOrgName: null, |
|||
password: null, |
|||
collection:false, |
|||
ArrayList:{title:"青岛市人民政府关于强龙头补链条兴业态树品牌加快推进农业产业化发展的意见", |
|||
source: "青岛市人民政府", |
|||
date: "2024-03-14", |
|||
context:" <B>各区、市人民政府，青岛西海岸新区管委，市 政府各部门，市直各单位: 为深入贯彻党的二十 大关于加快建设农业强国的部署要" |
|||
|
|||
|
|||
} |
|||
}; |
|||
}, |
|||
methods: { |
|||
getDayScTData () { |
|||
prcCollectionListForGov({ |
|||
...this.params, |
|||
FEndDate: this.times, |
|||
FStartDate: this.times |
|||
}).then((res1) => { |
|||
console.log(res1); |
|||
if (res1.priceslist.length > 0) { |
|||
this.shichangList = this.getScData(this.dayList, res1.priceslist) |
|||
} else { |
|||
this.times = this.$moment(this.times) |
|||
.subtract(1, 'days') |
|||
.format('yyyy-MM-DD') |
|||
this.getDayScTData() |
|||
} |
|||
}) |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.login-container { |
|||
width: 100%; |
|||
height: 100vh; |
|||
overflow: hidden; |
|||
display: flex; |
|||
flex-direction: column; |
|||
/* 添加适应手机屏幕的样式 */ |
|||
} |
|||
|
|||
.form-box { |
|||
height: calc(100vh - 380px); |
|||
background: #ffffff; |
|||
position: relative; |
|||
border-radius: 24px 24px 0 0; |
|||
padding: 17px 15px 0 15px; |
|||
top: -250px; |
|||
} |
|||
.custom-button-uncollected{ |
|||
color: #0578F9; |
|||
} |
|||
|
|||
.header { |
|||
position: relative; |
|||
top: -28px; |
|||
height: 190px; |
|||
padding: 119px 0 0 30px; |
|||
background: url(../assets//images/home//header.png) no-repeat; |
|||
background-size: 100% 100%; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
font-size: 22px; |
|||
color: #ffffff; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
|
|||
</style> |
|||
|
|||
Loading…
Reference in new issue