roamfuding-xcx/page_user/wenhua/wenhuaxq.vue

52 lines
1.0 KiB
Vue

<template>
<view class="page">
<u-navbar title=" " :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
title-size='36' height='36' id="navbar">
</u-navbar>
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/uIbfdkJXiSARjf8d86DK" mode=""></image>
<u-parse :html="obj.content" style="width: 660rpx;margin: auto;padding: 20rpx;border-radius: 14rpx;"></u-parse>
</view>
</template>
<script>
export default {
data() {
return {
bgc: {
backgroundColor: " ",
},
id:'',
obj:{}
}
},
onLoad(option) {
console.log(option)
this.id = option.id
this.getxq()
},
methods: {
// 请求文化详情
getxq(){
this.$u.get(`/app/article/detail/${this.id}`).then((res) => {
if(res.code == 200){
this.obj = res.data
}
})
},
}
}
</script>
<style lang="scss">
page {
background: #fff;
}
.bj{
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
</style>