<template>
    <view class="hotelSheShi">
              <view class="big-title">
                <text>设施服务</text>
              </view>
              <!-- <view class="big-titleAssis">休闲健身</view> -->
              <ul class="title-style-two row" >
                <template v-for="item in dataList.facilities">
                  <li v-if="item.description">
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      {{ item.description }}
                    </text>
                  </li>
                </template>
                  
              </ul>
              <!-- <view class="big-titleAssis2">生活服务</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">餐饮</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">会议与商务</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">停车</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">接待与礼宾</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">出行</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">清洁与洗衣</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">其它服务</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">网络</view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul>
              <view class="big-titleAssis2">客房信息
                <view class="hotelSheShitisp">酒店全部客房设施信息仅供参考，可能与您入住的房型略有差异，请知晓</view>
              </view>
              <ul class="title-style-two row">
                <li>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
                    <text class="item-title">
                      提供早餐（收费）
                    </text>
                </li>
              </ul> -->
              <view class="big-titleAssis2">
                <!-- 客房信息 -->
                <view class="hotelSheShitisp">酒店全部客房设施信息仅供参考，可能与您入住的房型略有差异，请知晓</view>
              </view>
    </view>
  </template>
  
  <script>
  export default {
      props: ['dataList'],
      data() {
          return {
          
          };
      },
      onLoad(options) {
          
      },
      created() {
          
      },
      methods: {
      
      },
  };
  </script>
  
  <style scoped>
  @import url("@/asset/css/flex.css");
.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::before {
  display: block;
  width: 18rpx;
  height: 18rpx;
  background: #E2C27A;
  border-radius: 5rpx;
  content: " ";
  position: absolute;
  left: 0;
  bottom: -4rpx;
  z-index: 1;
}

.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;
  }
  .hotelSheShitisp{
    font-weight: 500;
    font-size: 20rpx;
    color: #FF3166;
  }
  .hotelSheShi{
    letter-spacing: 1rpx;
  }
  .hotelSheShi{
    padding: 33rpx 6rpx 88rpx 6rpx;
  }
  .title-style-two{
    flex-wrap: wrap;
  }
  .title-style-two li{
    width: 50%;
    margin-bottom: 5rpx;
  }
  .title-style-two img{
    width: 10rpx;
    height: 10rpx;
    margin-right: 11rpx;
    margin-left: 21rpx;
  }
  .title-style-two li:nth-child(2n) img{
    margin-left: 0;
  }
  .title-style-two .item-title{
    font-weight: 500;
    font-size: 24rpx;
    color: #080A09;
  }
  </style>
  