<style>
    .ScenicMainContant{
        width:900px;
        margin:auto;
        height:auto;
        color:#4F5A61;
    }
    .cardTitle{
        width:900px;
        margin:20px auto;
        font-weight:500;
        word-break: break-word;
        font-size:44px;
    }
    .ScenicCoverImg{
        margin-top:20px;
    }
    .ScenicCoverImg img{
        width:100%;
    }
    .ScenicStrateg{
        color:#4F5A61;
    }
    .ScenicStrateg img{
        width:100%;
    }
</style>
<template>
    <div class="ScenicMainContant">
        <div class="cardTitle">
            {{dataList.Name}}
        </div>
        <div class="ScenicCoverImg" v-if="dataList.ImgCover">
            <img :src="dataList.ImgCover" alt=""/>
        </div>
        <div class="ScenicStrateg" v-html="dataList.Content">

        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            msg:{
                Id:0,
            },
            dataList:{}
        };
    },
    mounted() {
        this.msg.Id = this.$route.query.id;
        this.getList();
    },
    filters: {
    },
    methods: {
        getList(){
            this.apipost(
            "ScenicRecomment_Get_GetScenicRecommentService", this.msg,
            res => {
                if (res.data.resultCode == 1) {
                    this.dataList=res.data.data;
                }
            },
            null
            );

        }
    }
};
</script>