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">
        <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>

    <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="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>