Files
dvcp_v2_wxcp_app/src/apps/AppServicePublic/Detail.vue
花有清香月有阴 81c6e9ce04 AppServicePublic
2021-12-16 16:04:21 +08:00

78 lines
1.5 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="Detail">
<div class="header-top">
<div class="titles">刘家村村规民约</div>
<div class="titles-bottom">
<span>类型</span>
<span>财务公开</span>
<span class="to-left">浏览量</span>
<span>26</span>
</div>
</div>
<div class="header-middle">
<span class="contsnts">为了推进我村民主法治建设维护社会稳定促进经济发展规范村民清洁乡村卫生行为改善村容村貌推进生态乡村建设树立良好的民风村风创造安居乐业的社会环境经全体村民代表讨论通过制定本村规民约</span>
<img src="" alt="" />
</div>
</div>
</template>
<script>
export default {
name: 'Detail',
components: {},
props: {},
data() {
return {}
},
computed: {},
watch: {},
created() {},
mounted() {},
methods: {},
}
</script>
<style scoped lang="scss">
uni-page-body {
height: 100%;
}
.Detail {
height: 100%;
padding: 0 32px;
background: #fff;
.header-top {
padding: 40px 0 32px 0;
.titles {
font-size: 48px;
font-weight: 600;
}
.titles-bottom {
margin-top: 16px;
font-size: 30px;
color: #999999;
.to-left {
margin-left: 32px;
}
}
}
.header-middle {
padding: 32px 0;
.contsnts {
font-size: 36px;
line-height: 1.5;
word-break: break-all;
}
img {
margin-top: 30px;
width: 686px;
height: 486px;
}
}
}
</style>