<template>
  <view >
    <z-nav-bar :title="yszcText.title" bgColor="#fff" fontColor="#333"></z-nav-bar>
  
      <view class="tanchu">
       
        <!-- <view class="dp_title" v-html="yszcText.title"></view> -->
        <view class="dp_content" v-html="yszcText.content"></view>
        <!-- <yhxyPage></yhxyPage> -->
      </view>
   
  </view>
</template>

<script>



export default {

  data() {
    return {
      options:{},
      yszcText: {
        title: "",
        content: "",
      },
    };
  },


  //第一次加载
  onLoad(options) {
    this.options=options;
    this.getSettlement(105);

  },

  onReady() {},
  //方法
  methods: {
    async getSettlement(id, type) {
    console.log('id at line 57:', id)
      //隐私策略
      var data = await this.$commonJS.getAgreement(id);
      if (data.content) {
        data.content = data.content.replace(
          /<h5>/g,
          '<view style="font-weight: bold;font-size: 32rpx;margin-top: 20rpx;margin-bottom: 20rpx;">'
        );
        data.content = data.content.replace(/<\/h5>/g, "</view>");
      }
    this.yszcText=data

     
    },
  },

};
</script>
<style lang="scss" scoped>

.tanchu {
  padding: 40rpx 30rpx 40rpx 30rpx;
  position: relative;
}



.popup_box {
  width: 600upx;
  border-radius: 10rpx;

  .popup_title {
    display: flex;
    justify-content: center;
    height: 88upx;
    line-height: 88upx;

    view {
      align-items: center;
      font-size: 30upx;
      display: flex;

      image {
        width: 50upx;
        height: 50upx;
        margin: 0 20rpx 0 0;
      }
    }
  }

  .popup_content {
    padding: 30rpx 40rpx;
  }

  .popup_footer {
    display: flex;
    justify-content: center;

    view {
      width: 45%;
      flex-shrink: 0;
      text-align: center;
      font-size: 28upx;
      color: #999;
      line-height: 70upx;
      margin: 0 0 30rpx 0;
    }

  
    
  }
}

.dp_title {
		font-size: 36rpx;
		margin-bottom: 10rpx;
		color: #555;
		text-align: center;
		font-weight: bold;
	}

	.dp_content {
		max-height: 98%;
		overflow-y: scroll;
		font-size: 28rpx;
		color: #555;
		line-height: 45rpx;

		.dp_con1 {
			font-weight: bold;
			font-size: 32rpx;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
		}

		// 	.dp_con2 {
		// 		font-size: 30rpx;
		// 		margin-top: 10rpx;
		// 		margin-bottom: 10rpx;
		// 	}
	}
</style>
