Files
zt-closet-wxmini-frontend/miniprogram/pages/agreement/agreement.wxml
T

55 lines
1.9 KiB
Plaintext

<view class="page page-flex">
<navigation-bar title="{{doc.title}}" scrolled="{{navScrolled}}" />
<scroll-view scroll-y class="scroll-body" bindscroll="onNavScroll">
<!-- 页头:衬线大标题 + 生效/更新日期 -->
<view class="head">
<view class="eyebrow">{{doc.enTitle}}</view>
<view class="display ag-title">{{doc.title}}</view>
<view class="ag-meta">
<text>生效日期 {{doc.effectiveAt}}</text>
<text class="ag-meta-sep">·</text>
<text>更新日期 {{doc.updatedAt}}</text>
</view>
</view>
<!-- 两份协议一键互切 -->
<view class="ag-tabs">
<view
wx:for="{{tabs}}"
wx:key="key"
class="ag-tab {{type === item.key ? 'is-on' : ''}}"
data-type="{{item.key}}"
bindtap="onSwitchTab"
>{{item.label}}</view>
</view>
<!-- 导语 -->
<view class="ag-body">
<view class="ag-lead">
<view wx:for="{{doc.intro}}" wx:key="*this" class="ag-p">{{item}}</view>
</view>
<!-- 正文:条目编号 + 小标题 + 段落/列表 -->
<view class="ag-sec" wx:for="{{doc.sections}}" wx:for-index="si" wx:key="title">
<view class="ag-hd">
<text class="ag-no num">{{si + 1}}</text>
<text class="ag-hd-t">{{item.title}}</text>
</view>
<block wx:for="{{item.blocks}}" wx:for-item="b" wx:for-index="bi" wx:key="c">
<view wx:if="{{b.t === 'h'}}" class="ag-sub">{{b.c}}</view>
<view wx:elif="{{b.t === 'li'}}" class="ag-li">
<view class="ag-bullet"></view>
<text class="ag-li-t">{{b.c}}</text>
</view>
<view wx:else class="ag-p">{{b.c}}</view>
</block>
</view>
<!-- 页脚:主体信息 -->
<view class="foot-note ag-foot">{{meta.operatorName}}</view>
<view class="gap-64"></view>
</view>
</scroll-view>
</view>