LHJ

I'm a FE developer.

gulp-file-include 변수활용

27 Oct 2020 » node_module

gulp-file-include 변수활용

@@include('./includes/layer.html',{
  "type": "filter",
  "subType": true
})
@@include('./includes/layer.html',{
  "type": "filter",
  "subType": false
})
@@if (type =='filter') {
<div class="ly-filter">
<h2 class="ly__tit">Filters</h2>
  @@if (subType === true) {
  <div class="filter__box">
    <h3 class="filter__tit">Type</h3>
    <ul class="tab__lst tab--case2">
      <li class="is-active"><a href="#" class="tab__item">All</a></li>
      <li><a href="#" class="tab__item">Disbursal</a></li>
      <li><a href="#" class="tab__item">Repayment</a></li>
    </ul>
  }
  @@if (subType === false) {
  <div class="filter__box filter__box--pt20">
  }
  <h3 class="filter__tit">Period</h3>
  <ul class="tab__lst tab--case2">
    <li><a href="#" class="tab__item">3Months</a></li>
    <li><a href="#" class="tab__item">6Months</a></li>
    <li class="is-active"><a href="#" class="tab__item">12Months</a></li>
    <li class="custom"><a href="#" class="tab__item"><span class="blind">Custom</span></a></li>
  </ul>
  <!-- [D] Custom 활성화시 노출 -->
  <div class="filter__custom">
    <button type="button" class="filter__btn-date"><span class="blind">Start date</span>2019.02.09</button>
    <button type="button" class="filter__btn-date"><span class="blind">End date</span>2019.03.23</button>
  </div>
  <!-- //[D] Custom 활성화시 노출 -->
</div>
<button type="button" class="footer-sticky__btn">Apply</button>
<button type="button" class="ly__btn-cls"><span class="blind">layer close</span></button>
</div>
}