Fan.wxml 1.7 KB

123456789101112131415161718192021222324252627
  1. <template name="fanTemplate">
  2. <view class="fan">
  3. <view class="shanxing" style="width:{{FanSize}}rpx;height:{{FanSize}}rpx;background-color:{{Color2}};">
  4. <view class="sx1" style="clip: rect(0, {{FanSize/2}}rpx, {{FanSize}}rpx, 0);transform: rotate({{Angle1}}deg);background-color:{{Color1}};">
  5. </view>
  6. <view class="sx2" style="clip: rect(0, {{FanSize/2}}rpx, {{FanSize}}rpx, 0);transform: rotate({{Angle2}}deg);{{BGColor}}">
  7. </view>
  8. </view>
  9. <view class="shanxingSmall" style="width:{{FanSize-FanSize/FanScale}}rpx;height:{{FanSize-FanSize/FanScale}}rpx;line-height:{{FanSize-FanSize/FanScale}}rpx;left:{{FanSize/(FanScale*2)}}rpx;top:{{FanSize/(FanScale*2)}}rpx;font-size:{{(FanSize-FanSize/FanScale)*0.5}}rpx;">
  10. <block wx:if="{{ShowNumber}}">{{ShowNumber}}</block>
  11. </view>
  12. </view>
  13. </template>
  14. <template name="fanTemplate2">
  15. <view class="fan">
  16. <view class="shanxing" style="width:{{FanSize2}}rpx;height:{{FanSize2}}rpx;background-color:{{Color22}};">
  17. <view class="sx1" style="clip: rect(0, {{FanSize2/2}}rpx, {{FanSize2}}rpx, 0);transform: rotate({{Angle12}}deg);background-color:{{Color12}};">
  18. </view>
  19. <view class="sx2" style="clip: rect(0, {{FanSize2/2}}rpx, {{FanSize2}}rpx, 0);transform: rotate({{Angle22}}deg);{{BGColor2}}">
  20. </view>
  21. </view>
  22. <view class="shanxingSmall" style="width:{{FanSize2-FanSize2/FanScale2}}rpx;height:{{FanSize2-FanSize2/FanScale2}}rpx;line-height:{{FanSize2-FanSize2/FanScale2}}rpx;left:{{FanSize2/(FanScale2*2)}}rpx;top:{{FanSize2/(FanScale2*2)}}rpx;font-size:{{(FanSize2-FanSize2/FanScale2)*0.5}}rpx;">
  23. <block wx:if="{{ShowNumber2}}">{{ShowNumber2}}</block>
  24. </view>
  25. </view>
  26. </template>