divider.wxml 699 B

1234567891011121314151617
  1. <view class="tui-divider" style="height:{{height}}rpx;">
  2. <view class="tui-divider-line" style="width:{{width}};background:{{wxs.getBgColor(gradual,gradualColor,dividerColor)}}"></view>
  3. <view class="tui-divider-text" style="color:{{color}};font-size:{{size}}rpx;line-height:{{size}}rpx;background:{{bgcolor}};">
  4. <slot></slot>
  5. </view>
  6. </view>
  7. <wxs module="wxs">
  8. module.exports = {
  9. getBgColor: function(gradual, gradualColor, dividerColor) {
  10. var bgColor = dividerColor;
  11. if (gradual) {
  12. bgColor = "linear-gradient(to right," + gradualColor[0] + "," + gradualColor[1] + "," + gradualColor[1] + "," + gradualColor[0] + ")";
  13. }
  14. return bgColor;
  15. }
  16. }
  17. </wxs>