<template>
  <page-theme :theme="theme">
    <template>
      <view class="f-30 p-40 flex-dir-column flex-x-center">
        <view>{{detailVO.address}}</view>
        <view class="col-info-d t-c m-b-30" v-html="detailVO.content"></view>
      </view>
    </template>
  </page-theme>
</template>

<script>
  import themeMixins from '@/pages/yuecai/mixins/themeMixins.js';
  export default {
    mixins: [themeMixins],
    data() {
      return {
        detailVO: {},
      }
    },
    methods: {
      getProfessionalStyleDetail() {
        this.$u.api.getProfessionalStyleDetail().then(res => {
          if (res.data.content) {
            res.data.content = decodeURIComponent(res.data.content);
          }
          this.detailVO = res.data || {}
        })
      }
    },
    onLoad(options) {
      this.getProfessionalStyleDetail(options.id);
    },
  }
</script>

<style scoped lang="scss">
</style>