123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <wxs
- src="./index.wxs"
- module="_sjs" />
- <view
- class="ant-badge {{ className || '' }}"
- style="{{ style }}">
- <view class="ant-badge-body">
- <slot />
- </view>
- <view
- wx:if="{{ type === 'dot' }}"
- class="ant-badge-content"
- style="{{ _sjs.setPositionStyle(position, offsetX, offsetY) }}">
- <view
- class="ant-badge-dot {{ stroke ? 'ant-badge-dot-stroke' : '' }}"
- style="{{ bgColor ? 'background-color: ' + bgColor + ';' : '' }}" />
- </view>
- <view
- wx:else
- class="ant-badge-content ant-badge-content-not-dot {{ type === 'bubble' ? 'ant-badge-content-' + position + '-bubble' : '' }} {{ stroke ? 'ant-badge-content-stroke' : '' }}"
- style="{{ bgColor ? 'background-color: ' + bgColor + ';' : '' }} {{ _sjs.setBubbleStyle(type, position) }};{{ _sjs.setPositionStyle(position, offsetX, offsetY) }}">
- <view class="ant-badge-icon-container" />
- <view class="ant-badge-content-text">
- <slot
- wx:if="{{ !text }}"
- name="text" />
- <view
- wx:if="{{ type === 'number' }}"
- class="ant-badge-number">
- <!-- display: inline -->
- <text wx:if="{{ _sjs.getOverCount(text) }}">99+</text>
- <!-- display: inline -->
- <text wx:else>{{ text }}</text>
- </view>
- <view
- wx:if="{{ type === 'text' }}"
- class="ant-badge-text">
- {{ text }}
- </view>
- <view
- wx:if="{{ type === 'bubble' }}"
- class="ant-badge-bubble">
- {{ text }}
- </view>
- </view>
- </view>
- </view>
|