<template>
  <view>
    <u-navbar :border-bottom="false" :is-back="true" :title="title"></u-navbar>
    <view class="u-content">
      <u-parse :autosetTitle="true"
               :html="content"
               :selectable="true"
               :show-with-animation="true"
      ></u-parse>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '避坑指南',
      content: ``
    }
  },
  onLoad() {
    let url = "/api/cmsApi/getServiceItemByAjax?type=租房避坑指南"
    this.$u.get(url).then(res => {
      // console.log(res.data.content);
      this.content = res.data.content
    });
  },
}
</script>

<style>
page {
  background-color: #FFFFFF;
}
</style>
<style lang="scss" scoped>
.u-content {
  // margin:0 10rpx;
  // padding: 24rpx;
  font-size: 34 rpx;
  color: $u-main-color;
  line-height: 1.8;
  white-space: pre-wrap !important;
}
</style>

