33 lines
1.1 KiB
Plaintext
33 lines
1.1 KiB
Plaintext
|
<view class="custom-navbar">
|
||
|
|
<t-navbar class="demo-navbar" title="TDesign" leftArrow />
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="side-bar-wrapper" style="height: calc(100vh - {{navbarHeight}}px)">
|
||
|
|
<t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
|
||
|
|
<t-side-bar-item
|
||
|
|
wx:for="{{categories}}"
|
||
|
|
wx:key="label"
|
||
|
|
value="{{item.value || index}}"
|
||
|
|
label="{{item.label}}"
|
||
|
|
icon="{{item.icon}}"
|
||
|
|
badge-props="{{item.badgeProps}}"
|
||
|
|
/>
|
||
|
|
</t-side-bar>
|
||
|
|
<scroll-view class="content" scroll-y scroll-with-animation scroll-top="{{scrollTop}}" bind:scroll="onScroll">
|
||
|
|
<view wx:for="{{categories}}" wx:key="label" class="section">
|
||
|
|
<view class="title">{{item.title || item.label}}</view>
|
||
|
|
<t-grid column="{{3}}" border="{{false}}">
|
||
|
|
<block wx:for="{{item.items}}" wx:key="index" wx:for-item="cargo">
|
||
|
|
<t-grid-item
|
||
|
|
t-class-image="image"
|
||
|
|
text="{{cargo.label}}"
|
||
|
|
image="{{cargo.image}}"
|
||
|
|
image-props="{{ { shape: 'round', lazy: true } }}"
|
||
|
|
>
|
||
|
|
</t-grid-item>
|
||
|
|
</block>
|
||
|
|
</t-grid>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|