miaoguo_master/pages/share/shareindex.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <block wx:if="{{Info.DayNumber>0}}">
    <view class="panel1 FlexColumn">
      <view class="panelBg"></view> -->
      <text class="text1">I do\nmy best</text>
      <view class="panel11 FlexRow">
        <view class="text2">最近接力</view>
        <view></view>
      </view>
      <scroll-view scroll-x class="panelCard FlexRow">
        <view class="Card0"></view>

        <view class="Card" style="{{item.Color2}}" wx:for="{{Info.SevenDays}}" wx:key="index" bindtap="gotoDetail" data-id="{{item.ID}}" data-aphorismid="{{item.AphorismID}}"  data-ismilestone="{{item.IsMilestone}}">
          <image wx:if="{{item.Image}}" lazy-load="true" class="CardImg" src="{{item.Image}}"></image>
          <view class="CardImg2 CardImg"></view>
          <view class="CardText FlexColumn">
            <view class="Card1">{{item.CreateTime}}</view>
            <view class="Card2 FlexRow" >{{item.HardworkingNumber}}<text class="Card3">{{item.OrdinalPostfix}}</text></view>
            <view class="Card4 FlexColumn" wx:if="{{item.Content}}"><text class="">{{item.Content}}</text></view>
            <view class="Card6 FlexRow" wx:if="{{item.Name}}">里程碑</view>
            <view class="Card7 FlexRow" wx:if="{{item.Name}}">{{item.Name}}</view>
            
          </view>
        </view>

        <view class="CardEnd" bindtap="goto" data-url="./sharewall">
          <view class="CardEnd1 FlexColumn">
            <image class="icon_flag_1" src="../images/icon_flag_1.png"></image>
            <view class="Card5">查看全部</view>
          </view>
        </view>
      </scroll-view>
    </view>

    <!-- <view class="panel2 FlexColumn" wx:if="{{ShowActivity}}">
      <view class="panel21 FlexRow">
        <view class="text2">秒过学习小组活动</view>
      </view>
      <view class="panel2200 panel22 FlexColumn" wx:if="{{!IsYearReport}}">
        <image src="../images/qmjl_main_pic_2.png" class="qmjl_main_pic_2"></image>
        <image src="../images/qmjl_main_pic_3.png" class="qmjl_main_pic_3"></image>
        <image src="../images/qmjl_main_pic_4.png" class="qmjl_main_pic_4"></image>
        <view class="panel22001 FlexRow">
          <view class="panel220011 FlexRow" style="width:{{Info.ShareNumberYearRate}}%;">
            <view class="panel2200111"></view>
            <view class="panel2200112 panel2200111"></view>
          </view>
          <view wx:if="{{Info.ShareNumberYearRate<50}}" class="panel220013 panel220012 FlexRow"></view>
          <view wx:if="{{Info.ShareNumberYearRate>=50 && Info.ShareNumberYearRate<100}}" class="panel220013 panel220014 FlexRow"></view>
        
          <view wx:if="{{Info.ShareNumberYearRate<100}}" class="panel220012 FlexRow"></view>
          <view wx:if="{{Info.ShareNumberYearRate>=100}}" class="panel220014 FlexRow"></view>
        </view>
        <view class="panel22002 FlexRow">
          <view class="text15">今年已接力</view>
          <view class="text16 FlexRow">{{Info.ShareNumberYear}}<text class="text17">次</text></view>
        </view>
        <view class="panel22003" bindtap="goto" data-url="../other/webview?PageID=10">规则详情</view>
        <text class="text18" bindtap="goto" data-url="../other/userbook">活动截止：2022年12月31日，发奖：2023年1月8日，\n有效期大于发奖日才能领奖。<text class="text19">查看有效期</text></text>
      </view>

      <view class="panel2201 panel22 FlexColumn" wx:if="{{IsYearReport}}">
        <image lazy-load="true" class="qmjl_main_pic_5" src="{{ImagePath}}web/qmjl_main_pic_5.png"></image>
        <view class="panel2201text1">2022年度勤勉接力统计于2022年12月30日结束。去年，您一共接力——{{Info.ShareNumberYearPrev}}次。（有疑问请微信私聊天乐）</view>  
        
        <block wx:if="{{Info.Award>0}}">
        <text class="panel2201text2">恭喜您\n获得{{Info.Award}}天有效期奖励</text>  
        <text class="panel2201text3">领奖注意事项</text>  
        <text class="panel2201text4">奖励将在2023年1月8日后陆续发放。您必须满足2个条件才能顺利获得奖励。\n① 保持关注秒过公众号，即时接收领奖通知，以免错过兑换时间。\n② 确保有效期超过2023年1月8日，过期的帐号无法领奖，视作自动放弃本奖励。</text>  
        </block>

        <view class="panel2201line"></view>
        <text class="panel2201text5">2023年的「有奖勤勉接力」活动规则将在兔年春节过后公布。届时请留意您所在的小组群「群公告」或通过微信「私聊天乐」了解情况。</text>  
        <text class="panel2201text6">一年来辛苦您了。希望勤勉接力活动能为帮助孩子建立练习习惯起到积极作用，也希望孩子和您都能喜欢接力图卡的内容。</text>  
        <view class="panel2201line"></view>
        <text class="panel2201text7">新年快乐，一年来您辛苦了</text>  
       
      </view>
    </view> -->

    <view class="panel2 FlexColumn">
      <view class="panel21 FlexRow">
        <view class="text2">接力墙</view>
      </view>
      <view class="panel22 panel21 FlexColumn">
        <view class="panelWeeks FlexRow">
          <view class="week" wx:for="{{Weeks}}" wx:key="*this">{{item}}</view>
        </view>
        <view class="panelDays FlexRow">
          <block wx:for="{{Info.Days}}" wx:key="*this">
            <view class="day FlexColumn" wx:if="{{!item.IsMilestone}}" style="background-color: {{item.BgColor}};" bindtap="gotoDetail" data-name="{{item.Name}}" data-id="{{item.ID}}" data-aphorismid="{{item.AphorismID}}" data-isshare="{{item.IsShare}}">
              <image wx:if="{{item.Image}}" lazy-load="true" class="img" src="{{item.Image}}"></image>
              <view wx:if="{{item.Image}}" class="img2 img"></view>
              <text class="text12" style="color:{{item.Color}};">{{item.Name}}</text>
            </view>

            <view class="day FlexColumn" wx:if="{{item.IsMilestone}}" style="background-color:{{item.BgColor}};" bindtap="gotoDetail" data-id="{{item.ID}}" data-ismilestone="{{item.IsMilestone}}">
              <text class="text12" style="color:{{item.Color}};">{{item.Name}}</text>
            </view>
          </block>


        </view>
        <view class="panel2Line"></view>
        <view class="panel23">今天是{{Info.Today}}。</view>
        <view class="panel23">本月：练习{{Info.CurrentMonth.length}}天，接力{{Info.ShareNumberMonth}}次，有{{Info.CurrentMonth.length-Info.ShareNumberMonth}}天没接力。</view>
        <view class="panel23">今年：接力{{Info.ShareNumberYear}}次。</view>
        <view class="panel2Line2"></view>
        <view class="panel25 FlexRow">
          <text class="text13">自{{Info.ShareFirstDay}}首次接力以来共接力</text>
          <view class="panel251 FlexRow"><text class="text3">{{Info.ShareNumber}}</text><text class="text14">次</text></view>
        </view>
        <view class="panel26" bindtap="goto" data-url="./sharewall">
          查看全部
        </view>

      </view>
    </view>

    <view class="panel2 FlexColumn">
      <view class="panel21 FlexRow">
        <view class="text2">我的里程碑</view>
      </view>
      <view class="panel220 panel22 panel21 FlexColumn">
        <view class="panel221"></view>
        <image class="qmjl_main_pic_1" src="../images/qmjl_main_pic_1.png"></image>
        <text class="text4">距离下一个里程碑\n还要练习</text>
        <view class="panel222 FlexRow">
          <view class="text6"></view>
          <view class="text5">{{Info.RemainingDays}}</view>
          <view class="text6">天</view>
        </view>
        <view class="panel223 FlexRow">
          <view class="text7">{{Info.MilestonePrev.Name}}</view>
          <view class="text7">{{Info.MilestoneNext.Name}}</view>
        </view>
        <view class="panel224 FlexRow">
          <view class="panel2241" style="width:{{Info.Rate}};"></view>
        </view>
        <view class="panel225" bindtap="goto" data-url="./milestone">
          查看全部
        </view>
      </view>
    </view>
    <view class="panelHeight2"></view>
  </block>
  
  <block wx:if="{{Info.DayNumber==0}}">
    <text class="text10">暂无内容</text>
    <text class="text11">请先完成第一次练习，并在做完后进行一次\n勤勉接力，然后回到这里看看</text>
  </block>

  <view wx:if="{{Info.DayNumber>=0}}" class="panelHelpCommon_{{Info.DayNumber}} panelHelpCommon FlexRow" bindtap="showHelpImage">
    <view class="panelHelpCommon1 FlexRow">
      <view class="panelHelpCommon11 FlexRow">
        <image class="panelHelpCommonIcon" src="../images/icon_light_1.png"></image>
      </view>
      <view class="panelHelpCommon12 FlexColumn">
        <view class="panelHelpCommonText1">帮助</view>
        <view class="panelHelpCommonText2">勤勉接力怎么玩？</view>
      </view>
    </view>
    <image class="panelHelpCommonNextPage" src="../images/icon_nextpage_7.png"></image>
  </view>
  <view class="panelHeight"></view>
</view>