warOfCoins/pages/index/index.wxml

<!--index.wxml-->
<view class="container vintage-bg">
  <view class="header">
    <view class="logo"></view>
    <view class="title-box">
      <text class="main-title">边币战争</text>
      <text class="sub-title">重温根据地金融斗争历史</text>
    </view>
  </view>
  
  <view class="intro-card card">
    <text class="intro-text">欢迎来到"边币战争"，您将扮演边区政府决策者，应对各种货币危机，选择最合适的策略保卫边币，维护根据地经济安全。</text>
  </view>
  
  <view class="section-title">选择危机事件</view>
  
  <view class="event-list">
    <view class="event-type">
      <view class="type-title">伪币冲击</view>
      <view class="events">
        <view wx:for="{{crisisEvents}}" wx:key="id" wx:if="{{item.type === 'fakeCurrency'}}" 
              class="event-card card level-{{item.level}}" bindtap="handleEventSelect" data-id="{{item.id}}">
          <view class="event-title">{{item.title}}</view>
          <view class="event-desc">{{item.description}}</view>
          <view class="event-impact">影响：{{item.impact}}</view>
        </view>
      </view>
    </view>
    
    <view class="event-type">
      <view class="type-title">物资短缺</view>
      <view class="events">
        <view wx:for="{{crisisEvents}}" wx:key="id" wx:if="{{item.type === 'shortage'}}" 
              class="event-card card level-{{item.level}}" bindtap="handleEventSelect" data-id="{{item.id}}">
          <view class="event-title">{{item.title}}</view>
          <view class="event-desc">{{item.description}}</view>
          <view class="event-impact">影响：{{item.impact}}</view>
        </view>
      </view>
    </view>
    
    <view class="event-type">
      <view class="type-title">汇率波动</view>
      <view class="events">
        <view wx:for="{{crisisEvents}}" wx:key="id" wx:if="{{item.type === 'exchange'}}" 
              class="event-card card level-{{item.level}}" bindtap="handleEventSelect" data-id="{{item.id}}">
          <view class="event-title">{{item.title}}</view>
          <view class="event-desc">{{item.description}}</view>
          <view class="event-impact">影响：{{item.impact}}</view>
        </view>
      </view>
    </view>
  </view>
  
  <view class="footer">
    <text class="footer-text">根据史实改编，仅供学习参考</text>
  </view>
</view>