<!--pages/recommend/recommend.wxml-->
<view class="container">
  <!-- 标题 -->
  <tarbar id="tarbar" />
  <!-- 内容 -->
  <view class="content">
      <scroll-view scroll-y="true"  scroll-with-animation="true" scroll-with-animation="true" enable-back-to-top="true">
        <view class="recommend">
            <!-- 本周推荐 -->
            <target wxObjectives="{{recommendData.weekPageThemeConfig.wxObjectives}}"/>

            <view class="recommend-exchange">
                <view class="auto-img">
                    <swiper indicator-dots="{{indicatorDots}}"
                    autoplay="true"  duration="1000" circular="true" indicator-dots="true">
                    <block wx:for="{{recommendData.weekStory.autoImageVOList}}" wx:key="{{index}}">
                        <swiper-item>
                        <image src="{{item.img}}"/>
                        </swiper-item>
                    </block>
                    </swiper>
                </view>
                <view class="exchange-medal">
                    <view class="this-week">
                        <image src="{{recommendData.weekMetals.img}}"></image>
                        <view class="medal-name">
                            <text>本周勋章“{{recommendData.weekMetals.name}}”</text>
                            <text class="{{recommendData.userDiamond >= 7 ? 'none' : ''}}">还差{{7 - recommendData.userDiamond}}个宝石即可兑换</text>
                        </view>
                    </view>
                </view>
                <!--
                <view class="get-gem">
                   
                </view>
                -->
                <view class="get-medal">
                    <text wx:for="{{metalsStrategy}}" wx:key="{{index}}">{{item}}</text>
                </view>
                
            </view>
            <!--
            <view class="recommend-strategy">
                <view class="this-week">
                    <image src="../image/strategy.png"></image>
                    <view class="medal-name">
                        <text>春季攻略</text>
                        <text>春季剧情即将开始</text>
                    </view>
                </view>
                <view class="strategy-con">
                    <view>春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽春季攻略，怎样打败怪兽</view>
                    <text class="unfold">{{downUp}}</text>
                </view>
            </view>
            -->
        </view> 
      </scroll-view>
  </view>
</view>