kx_xiaochengxu/baikuai/pages/chan/chan.wxml

<view class="container">
  <view class="top">  
    <canvas class="cir" style="width:212px; height:106px;" canvas-id="canvasArc"></canvas>
    <view class="cc text-box">{{mark}}</view>  
  </view>
  <!-- 游戏结束，分享游戏继续玩儿 -->
  <view class="continue" wx:if="{{showContinue}}">
    <view class="continueMask">
      <view class="continueHeadUrl">
        <image src="{{headUrl}}">
        </image>
      </view>

      <view class="continueScore">
        <text>{{mark}}</text>
      </view>

      <view class="continueRound">
        <text>{{continueMsg}}</text>
      </view>

      <view class="continueOptions">
        <button class="continueButton" bindtap='giveUp'>放弃</button>
        <button class="shareButton" open-type="share" data-name="share">复活</button>
      </view>
    </view>  
  </view>
  <view class="row" wx:for="{{rows}}" wx:for-item="row" wx:for-index="rowIndex" wx:key="{{index}}">
      <view class="col" wx:for="{{[1,2,3,4]}}" wx:for-item="n" wx:for-index="colIndex" wx:key="{{n}}">
          <view class="black" wx:if="{{row.blackIndex === n}}" data-row-index="{{rowIndex}}" data-col-index="{{colIndex}}" bindtouchstart="next"></view>
          <view class="{{redMark == 1 &&  rowIndex == overRowIndex && colIndex == overColIndex ? 'red' : 'white'}}" wx:if="{{row.blackIndex !== n}}" data-row-index="{{rowIndex}}" data-col-index="{{colIndex}}" bindtouchstart="over"></view>
      </view>
  </view>
</view>