<style>
  .wl-section-block {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }

  .section-tour {
    margin-bottom: 30px !important;
    padding: 30px 30px 0;
    border: 1px solid #e5e5e5;
    background-color: #fff;
  }

  .section-tour .isHiden4 {
    height: 450px;
    overflow: hidden;
  }

  .toggle_down:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 2;
    height: 100px;
    background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #fff);
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #fff);
    background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #fff);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
  }

</style>
<template>
  <div>
    <section class="section-tour wl-section-block">
      <div class="todayTitle">行程特色</div>
      <div class="featureBox">
        <template v-if="showType==3">
          <div class="feature-inner" v-html="GetHtml(dataList.feature.featureContent)" :class="{'isHiden4':isShow}"></div>
        </template>
        <template v-if="showType>=4">
          <div class="feature-inner" v-html="GetHtml(dataList.feature.featureHtml)" :class="{'isHiden4':isShow}"></div>
        </template>
        <div class="collapse_toggle" v-if="!isShow">
          <i class="iconfont iconarrow-top" @click="isShow=true"></i>
        </div>
        <div class="collapse_toggle toggle_down" v-else>
          <i class="iconfont iconarrowdown" @click="isShow=false"></i>
        </div>
      </div>
    </section>
  </div>
</template>
<script>
  export default {
    props: ['dataList'],
    data() {
      return {
        TripConfig: {},
        isShow: false,
        showType:-1
      };
    },
    created() {},
    mounted() {
      if (localStorage.baseifo) {
        this.TripConfig = JSON.parse(window.localStorage.getItem('baseifo'));
      }
      if (this.TripConfig.TripConfig.TripFeatureIsOpen == 1) {
        this.isShow = false
      } else {
        this.isShow = true;
      }
      this.showType= this.dataList.feature.featureType;
    },
    methods: {

    },
  };

</script>
