vr-shopxo-source/application/plugins/view/answers/index/index.html

{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<!-- content start -->
<div class="am-g am-container plugins-answers">
  <div class="answers-top">
    <!-- 幻灯片 -->
    <div class="am-u-md-8 answers-slider">
      {{if !empty($plugins_answers_slider)}}
        <div data-am-widget="slider" class="am-slider am-slider-c3" data-am-slider='{"controlNav":false}'>
          <ul class="am-slides">
            {{foreach $plugins_answers_slider as $k=>$v}}
              <li>
                  <a href="{{$v.url}}" target="_blank">
                      <img src="{{$v.images_url}}">
                      <div class="am-slider-desc">
                          <div class="am-slider-counter">
                              <span class="am-active">{{$k+1}}</span>/{{:count($plugins_answers_slider)}}</div>
                          {{$v.name}}
                      </div>
                  </a>
              </li>
            {{/foreach}}
          </ul>
        </div>
      {{/if}}
    </div>
        
    <!-- 右侧列表 -->
    <div class="am-u-md-4 answers-sidebar">
      <!-- 操作按钮 -->
      <div class="answers-btn-list">
        <a type="button" class="am-btn am-btn-warning am-icon-plus answers-btn-list-ask" data-am-modal="{target: '#plugins-answers-popup-ask'}"> 我要提问</a>
        <a type="button" class="am-btn am-btn-danger am-icon-list-ul am-fr answers-btn-list-my"> 我的提问</a>
      </div>
      
      <!-- 右侧推荐问答 -->
      <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
          <div class="am-list-news-hd am-cf">
            <h2>
              {{if empty($plugins_answers_data['right_top_rec_name'])}}
                推荐问答
              {{else /}}
                {{$plugins_answers_data.right_top_rec_name}}
              {{/if}}
            </h2>
          </div>
          <div class="am-list-news-bd">
            {{if !empty($plugins_answers_rc_list)}}
              <ul class="am-list">
                {{foreach $plugins_answers_rc_list as $answers}}
                  <li class="am-g am-list-item-dated">
                      <a href="##" class="am-list-item-hd ">{{$answers.content}}</a>
                      <span class="am-list-date">{{$answers.add_time_date}}</span>
                  </li>
                {{/foreach}}
              </ul>
            {{/if}}
          </div>
      </div>
    </div>
  </div>

  <!-- 中间横幅广告 -->
  {{if !empty($plugins_answers_data['images'])}}
    <div class="answers-middle-banner">
      <a href="{{if empty($plugins_answers_data['url'])}}javascript:;{{else /}}{{$plugins_answers_data.url}}{{/if}}" {{if isset($plugins_answers_data['is_new_window_open']) and $plugins_answers_data['is_new_window_open'] eq 1}} target="_blank"{{/if}}>
        <img src="{{$plugins_answers_data.images}}" />
      </a>
    </div>
  {{/if}}

  <!-- 最新问答 -->
  <div class="am-u-md-8 answers-middle-list">
    <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
      <div class="am-list-news-hd am-cf">
        <h2>
          {{if empty($plugins_answers_data['middle_new_name'])}}
            最新问答
          {{else /}}
            {{$plugins_answers_data.middle_new_name}}
          {{/if}}
        </h2>
      </div>
      <div class="am-list-news-bd">
        {{if !empty($plugins_answers_middle_answer_list)}}
          <ul class="am-list">
            {{foreach $plugins_answers_middle_answer_list as $answers}}
              <li class="am-g am-list-item-dated">
                  <a href="##" class="am-list-item-hd ">{{$answers.content}}</a>
                  <span class="am-list-date">{{$answers.add_time_date}}</span>
              </li>
            {{/foreach}}
          </ul>
        {{else /}}
          <div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
        {{/if}}
      </div>
    </div>
  </div>

  <!-- 推荐商品 -->
  <div class="am-u-md-4 answers-goods">
    <div class="am-list-news-hd am-cf">
      <h2>
        {{if empty($plugins_answers_data['right_top_goods_name'])}}
          推荐商品
        {{else /}}
          {{$plugins_answers_data.right_top_goods_name}}
        {{/if}}
      </h2>
    </div>
    {{if !empty($plugins_answers_goods_list)}}
      <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-2 am-avg-lg-2 am-gallery-bordered" data-am-gallery="{}">
        {{foreach $plugins_answers_goods_list as $goods}}
          <li>
            <div class="am-gallery-item">
              <a href="{{$goods.goods_url}}" target="_blank">
                <img src="{{$goods.images}}"  alt="{{$goods.title}}"/>
                <h3 class="am-gallery-title">{{$goods.title}}</h3>
              </a>
            </div>
          </li>
        {{/foreach}}
      </ul>
    {{/if}}
  </div>

  <!-- 提问 -->
  <div class="am-popup" id="plugins-answers-popup-ask">
    <div class="am-popup-inner">
      <div class="am-popup-hd">
        <h4 class="am-popup-title">提问</h4>
        <span data-am-modal-close
              class="am-close">&times;</span>
      </div>
      <div class="am-popup-bd">
        <form class="am-form form-validation-plugins-answer-ask view-save" action="{{:PluginsHomeUrl('answers', 'index', 'answer')}}" method="POST" request-type="ajax-reload">
          <div class="am-form-group">
              <label>姓名<span class="am-form-group-label-tips">选填</span></label>
              <input type="text" name="name" placeholder="姓名" data-validation-message="请填写姓名" class="am-radius" />
          </div>
          <div class="am-form-group">
              <label>电话<span class="am-form-group-label-tips">选填</span></label>
              <input type="text" name="tel" placeholder="电话" data-validation-message="请填写电话" class="am-radius" />
          </div>
          <div class="am-form-group">
              <label>内容<span class="am-form-group-label-tips">必填</span></label>
              <textarea class="am-radius am-validate" name="content" rows="5" minlength="5" maxlength="300" placeholder="内容至少5个字" data-validation-message="内容格式 5~300 个字符之间" required></textarea>
          </div>
          <div class="am-form-group am-form-group-refreshing">
              <button type="submit" class="am-btn am-btn-primary am-radius btn-loading-example am-btn-sm am-btn-block" data-am-loading="{loadingText:'处理中...'}">提交</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- content end -->

<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->