<template>
    <view class="hotelZhenCe">
        <view class="big-title">
          <view class="bj"></view>
        <text>酒店政策</text>
        </view>
        <view class="big-titleAssis">入住和离店</view>
        <ul class="title-style-one">
        <li>
            <rich-text  class="item-title" :nodes="dataList.policy.description"></rich-text>
            <text class="item-content">
              
            </text>
        </li>
        <!-- <li>
            <text  class="item-title">入住时间开始于</text>
            <text class="item-content">
              {{ dataList.policy.checkinFrom }}
            </text>
        </li>
        <li>
            <text  class="item-title">退房时间结束于</text>
            <text class="item-content">
              {{ dataList.policy.checkoutTo }} 
            </text>
        </li> -->
        </ul>
        <view class="big-titleAssis2">费用</view>
        <ul class="title-style-one">
          <template v-for="item in dataList.policy.extraInfoList">
            <li v-if="item.value">
                <text class="item-title" v-if="item.description">
                {{item.description}}:
                </text>
                <text class="item-content">
                  {{item.value}}
                </text>
            </li>
          </template>
        <li class="hotelZCtisp">上面所列内容可能并不完整。这些费用和押金可能不包括税款，并且可能会随时发生变化。</li>
        </ul>
    </view>
  </template>
  
  <script>
  export default {
      props: ['dataList'],
      data() {
          return {
          
          };
      },
      onLoad(options) {
          
      },
      created() {
          
      },
      methods: {
      
      },
  };
  </script>
  
  <style scoped>
  @import url("@/asset/css/flex.css");
  .hotelZhenCe rich-text {
		font-size: 12px;
		font-weight: normal;
		line-height: 1.8;
		color: #666;
	}
  .hotelZhenCe{
    padding: 0 6rpx 33rpx 6rpx;
    border-bottom: 1rpx solid #E9E9E9;
  }
.title-style-one {
    font-weight: 500;
    font-size: 24rpx;
    color: #080A09;
    line-height: 43rpx;
    padding-left: 21rpx;
}
.big-title {
    position: relative;
    font-size: 32rpx;
    font-weight: bold;
    margin-bottom: 35rpx;
}
.big-title .bj {
  display: block;
  width: 18rpx;
  height: 18rpx;
  background: #E2C27A;
  border-radius: 5rpx;
  content: " ";
  position: absolute;
  left: -6rpx;
  bottom: -1rpx;
  z-index: 0;
}
.big-title text {
  position: relative;
  z-index: 2;
}

.hotel-detail .hotel-content .big-title text {
  font-size: 34rpx;
  font-weight: bold;
  color: #1f1f1f;
  position: relative;
  z-index: 2;
}
.big-titleAssis{
    font-weight: bold;
    font-size: 28rpx;
    color: #080A09;
    margin-bottom: 15rpx;
  }
.big-titleAssis2{
    margin-top: 30rpx;
    margin-bottom: 14rpx;
    font-weight: bold;
    font-size: 28rpx;
  }
  .item-content{
  color: #B99846;
  margin-left: 5rpx;
  line-height: 36rpx;
}
  .hotelZCtisp{
    font-weight: 500;
    font-size: 20rpx;
    color: #FF3166;
    line-height: 28rpx;
  }
  .hotelSheShitisp{
    font-weight: 500;
    font-size: 20rpx;
    color: #FF3166;
  }
  .hotelZhenCe{
    letter-spacing: 1rpx;
  }
  .hotelSheShi{
    padding: 33rpx 6rpx 88rpx 6rpx;
  }
  </style>
  