city-casereport/miniprogram_npm/tdesign-miniprogram/side-bar-item/side-bar-item.wxml
2023-12-06 14:22:42 +08:00

25 lines
1.0 KiB
Plaintext

<import src="../common/template/badge" />
<import src="../common/template/icon" />
<wxs src="../common/utils.wxs" module="_" />
<view
class="{{_.cls(classPrefix, [['active', active], ['disabled', disabled]])}} class {{prefix}}-class"
style="{{_._style([style, customStyle])}}"
bind:tap="handleClick"
aria-role="button"
aria-label="{{ active ? '已选中,' + label : label}}"
aria-label="{{ ariaLabel || (badgeProps.dot || badgeProps.count ? (active ? '已选中,' + label + _.getBadgeAriaLabel({ ...badgeProps }) : label + _.getBadgeAriaLabel({ ...badgeProps })) : '') }}"
aria-disabled="{{disabled}}"
>
<block wx:if="{{active}}">
<view class="{{classPrefix}}__line"></view>
<view class="{{classPrefix}}__prefix"></view>
<view class="{{classPrefix}}__suffix"></view>
</block>
<template wx:if="{{_icon}}" is="icon" data="{{ class: classPrefix + '__icon', ..._icon }}" />
<block wx:if="{{badgeProps}}">
<template is="badge" data="{{ ...badgeProps, content: label }}" />
</block>
<block wx:else>{{label}}</block>
</view>