ht80/sheji(1)/pages/faq/faq.wxml

<!--pages/faq/faq.wxml-->
<view class="container">
  <view class="header">
    <text class="title">常见问题解答</text>
  </view>

  <view class="search-bar">
    <input placeholder="输入关键词搜索问题" class="search-input" />
    <button class="search-btn">搜索</button>
  </view>

  <view class="faq-list">
    <!-- 账号与登录问题 -->
    <view class="faq-category">
      <view class="category-title">账号与登录</view>
      <view class="faq-item" bindtap="showModal" data-id="1" data-question="如何注册账号？">
        <view class="question">
          <text>1. 如何注册账号？</text>
        </view>
      </view>
      
      <view class="faq-item" bindtap="showModal" data-id="2" data-question="忘记密码怎么办？">
        <view class="question">
          <text>2. 忘记密码怎么办？</text>
        </view>
      </view>
    </view>

    <!-- 旅游路线问题 -->
    <view class="faq-category">
      <view class="category-title">旅游路线</view>
      <view class="faq-item" bindtap="showModal" data-id="3" data-question="如何查找特定目的地的旅游路线？">
        <view class="question">
          <text>3. 如何查找特定目的地的旅游路线？</text>
        </view>
      </view>
      
      <view class="faq-item" bindtap="showModal" data-id="4" data-question="路线信息多久更新一次？">
        <view class="question">
          <text>4. 路线信息多久更新一次？</text>
        </view>
      </view>
    </view>

    <!-- 美食推荐问题 -->
    <view class="faq-category">
      <view class="category-title">美食推荐</view>
      <view class="faq-item" bindtap="showModal" data-id="5" data-question="如何找到当地特色美食？">
        <view class="question">
          <text>5. 如何找到当地特色美食？</text>
        </view>
      </view>
      
      <view class="faq-item" bindtap="showModal" data-id="6" data-question="餐厅信息准确吗？">
        <view class="question">
          <text>6. 餐厅信息准确吗？</text>
        </view>
      </view>
    </view>

    <!-- 其他问题 -->
    <view class="faq-category">
      <view class="category-title">其他问题</view>
      <view class="faq-item" bindtap="showModal" data-id="7" data-question="如何联系客服？">
        <view class="question">
          <text>7. 如何联系客服？</text>
        </view>
      </view>
      
      <view class="faq-item" bindtap="showModal" data-id="8" data-question="如何反馈建议或投诉？">
        <view class="question">
          <text>8. 如何反馈建议或投诉？</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 模态弹窗 -->
  <view class="modal-mask" wx:if="{{showModal}}" bindtap="hideModal"></view>
  <view class="modal-container" wx:if="{{showModal}}">
    <view class="modal-header">
      <text class="modal-title">{{modalTitle}}</text>
      <text class="modal-close" bindtap="hideModal">×</text>
    </view>
    <view class="modal-content">
      <text>{{modalContent}}</text>
    </view>
    <view class="modal-footer">
      <button class="modal-btn" bindtap="hideModal">我知道了</button>
    </view>
  </view>

  <view class="contact-us">
    <text>没有找到您的问题？</text>
    <button class="contact-btn" bindtap="contactService">联系客服</button>
  </view>
</view>