miaoguo_master/pages/share/shareitem.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <block wx:if="{{!IsHistory && !Info.MilestoneDayNumber}}">
    <view class="panel1 FlexRow">
      <view class="panel11 FlexColumn">
        <view class="panel111 FlexRow">
          <view class="text1">{{Info.HardworkingNumber}}</view>
          <view class="text2">{{Info.OrdinalPostfix}}</view>
        </view>
        <view class="text3">RELAY</view>
      </view>
      <view class="line1"></view>
      <view class="panel12 FlexColumn">
        <text class="text4">{{Info.CreateTimeStr2}}</text>
        <text class="text41">第{{Info.HardworkingNumber}}次接力 第{{Info.DayNumber}}天练习</text>
        <text class="text5">复习之后小歇片刻，名言美景沁人心脾</text>
      </view>
    </view>
    <image bindtap="showImageSource" data-image="{{Info.Image}}" class="panelImage1" lazy-load="true" mode="widthFix" src="{{Info.Image}}">
    </image>
    <text user-select="true" class="text6">{{Info.AuthorCn}}</text>
    <view class="text7">来给你打气</view>
    <image class="icon_punctuation_1" lazy-load="true" src="../images/icon_punctuation_1.png"></image>
    <text user-select="true" class="text8">{{Info.Content}}</text>
    <image class="icon_punctuation_2" lazy-load="true" src="../images/icon_punctuation_2.png"></image>
    <view class="text9">Ta是谁？</view>
    <view class="text10">{{Info.Country}}</view>
    <view class="text11">{{Info.Title}}</view>
    <view class="text12">{{Info.BirthAndDeath}}</view>
    <image class="panelImage1" lazy-load="true" mode="widthFix" src="{{Info.AuthorImage}}"></image>
    <view class="text13 FlexColumn">
      <text user-select="true" class="text131" wx:key="*this" wx:for="{{Info.Remark}}">{{item}}</text>
    </view>

    <view class="panelFooter{{IPhoneX}} panelFooter FlexRow">
      <view class="panelFooter1 FlexRow" bindtap="playSound">
        <image wx:if="{{!IsPlay}}" class="icon_player_1" src="../images/icon_player_1.png"></image>
        <image wx:if="{{IsPlay}}" class="icon_player_1" src="../images/icon_player_2.png"></image>
        <view wx:if="{{!IsPlay}}" class="text14">播报</view>
        <view wx:if="{{IsPlay}}" class="text14">停止</view>
      </view>
      <view class="panelFooter2 FlexRow" bindtap="buildShareImage">
        <image class="icon_player_1" src="../images/icon_flag_1.png"></image>
        <view class="text15">生成群接力图片</view>
      </view>
    </view>
  </block>

  <block wx:if="{{!IsHistory && Info.MilestoneDayNumber}}">
    
    <view class="panelMilestone FlexColumn" style="height:{{Containnerheight-120}}rpx;{{Info.Color}}">
      <view class="panelMilestoneText1">祝贺您</view>
      <view class="panelMilestoneText2 panelMilestoneText1">获得里程碑</view>
      <view class="panelMilestoneText3">{{Info.Name[0]}}</view>
      <view class="panelMilestoneText4 panelMilestoneText3">{{Info.Name[1]}}</view>
      <view class="panelMilestoneText5">{{Info.Content1+Info.Content2+Info.Content3}}</view>
    </view>

    <view class="panelFooter{{IPhoneX}} panelFooter FlexRow">
      <view class="panelFooter3 panelFooter2 FlexRow" bindtap="buildShareImageMilestone">
        <image class="icon_player_1" src="../images/icon_flag_1.png"></image>
        <view class="text15">生成群接力图片</view>
      </view>
    </view>
  </block>

  <block wx:if="{{IsHistory}}">
    <view class="text18">历史快照</view>

    <view class="panel2 FlexRow" style="background-color: {{BgColor}};">
      <image class="panel2Image" src="{{Avatar}}"></image>
      <view class="panel21 FlexColumn">
        <view class="text27">{{NickName}}</view>
        <view class="text28">{{Info.CreateTimeStr1}}</view>
      </view>
      <view class="panel22 FlexColumn">
        <view class="text20">秒过学习</view>
        <view class="text21">勤勉接力</view>
        <view class="text22">见证成长</view>
        <view class="text23 FlexRow">{{Info.DurationMinute}}<text class="text24">分钟</text></view>
        <view class="text25">迄今已接力</view>
        <view class="text26">{{Info.HardworkingNumber}}次</view>
      </view>
    </view>

    <view class="text19 FlexColumn">
      <text class="text131">这是勤勉接力老版本的图片格式，给您留作纪念。如果左侧头像不能正常显示，请前往手册栏目，点击顶部用户头像，然后重新授权用户信息，刷新后即可解决。</text>
      <text class="text131"> 感谢您在秒过最初的三年里坚持接力。欢迎继续使用新版勤勉接力。内容更丰富，画面更精美。</text>
      </view>
    <view class="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="panelFooter{{IPhoneX}} panelFooter FlexRow">
      <view class="panelFooter3 panelFooter2 FlexRow" bindtap="buildShareImageHistory">
        <image class="icon_player_1" src="../images/icon_flag_1.png"></image>
        <view class="text15">生成群接力图片</view>
      </view>
    </view>
  </block>
</view>

<canvas wx:if="{{IsBuildReport}}" type="2d" id="shareCanvas"></canvas>

<canvas wx:if="{{IsBuildReportHistory}}" type="2d" id="shareCanvasHistory"></canvas>