gupiao-web/pages/index/index.wxml

<scroll-view class="page" scroll-y>
  <!-- 顶部标题（量化选股大师） -->
  <view class="page-title">量化选股大师</view>

  <!-- 顶部查询卡片 -->
  <view class="card search-card">
    <text class="card-title">量化分数实时查询 & 历史数据</text>

    <view class="search-row">
      <input
        class="search-input"
        type="text"
        placeholder="请输入股票代码/名称 (如: 600030)"
        placeholder-class="search-placeholder"
        confirm-type="search"
        value="{{keyword}}"
        bindinput="onKeywordChange"
        bindconfirm="onSearch"
      />
      <view class="search-button" bindtap="onSearch">
        <text class="icon-search"></text>
      </view>
    </view>

    <text class="search-tip">支持A股代码或名称模糊查询</text>
  </view>

  <!-- 查询结果 -->
  <view wx:if="{{hasSearched}}" class="card result-card">
    <view wx:if="{{loading}}">
      <text class="result-loading">正在查询，请稍候...</text>
    </view>
    <view wx:elif="{{errorMsg}}">
      <text class="result-error">{{errorMsg}}</text>
    </view>
    <view wx:elif="{{result}}">
      <view class="result-header">
        <view class="result-name-line">
          <text class="result-name">{{result.stockName}}</text>
          <text class="result-code">{{result.stockCode}}</text>
          <text class="result-market">{{result.market}}</text>
        </view>
        <view class="result-score-block">
          <text class="result-score">{{result.score}}</text>
          <text class="result-score-label">量化分数</text>
        </view>
      </view>

      <view class="result-meta">
        <text class="meta-item">评分日期：{{result.scoreDate}}</text>
        <text class="meta-item" wx:if="{{result.scoreLevel}}">评级：{{result.scoreLevel}}</text>
      </view>

      <view class="result-meta" wx:if="{{result.price}}">
        <text class="meta-item">
          现价：{{result.price}} 元
          <text class="meta-change {{result.changePercent >= 0 ? 'up' : 'down'}}">
            {{result.changePercent >= 0 ? '+' : ''}}{{result.changePercent}}%
          </text>
        </text>
      </view>
    </view>
  </view>

  <!-- 量化投资的优势 -->
  <view class="card advantage-card">
    <view class="card-header">
      <view class="icon-circle">
        <text class="icon-check">✓</text>
      </view>
      <text class="card-header-title">量化投资的优势</text>
    </view>

    <view class="advantage-item">
      <text class="advantage-label">客观纪律性：</text>
      <text class="advantage-desc">排除情绪干扰，严格执行预设的交易信号。</text>
    </view>
    <view class="advantage-item">
      <text class="advantage-label">高效覆盖广度：</text>
      <text class="advantage-desc">能同时分析数千只股票，人工无法企及。</text>
    </view>
  </view>

  <!-- 风险提示（免责声明） -->
  <view class="card risk-card">
    <view class="card-header">
      <view class="icon-warning">
        <text class="icon-warning-text">!</text>
      </view>
      <text class="card-header-title">风险提示（免责声明）</text>
    </view>

    <text class="risk-text">
      本系统的量化分数和股票池信息均基于历史数据和特定模型计算，并非对未来市场的保证或预测。市场环境瞬息万变，
      量化模型可能存在失效或回撤风险。请勿将本系统数据作为投资决策的唯一依据，请您充分理解股票投资风险，并独立做出投资判断。
    </text>
  </view>

  <!-- 预留底部空间，避免被 tabBar 遮挡 -->
  <view class="bottom-safe-area"></view>
</scroll-view>