50 lines
2.4 KiB
Plaintext
50 lines
2.4 KiB
Plaintext
<!--pages/mine/business.wxml-->
|
|
<view class="page-bg">
|
|
<view class="container">
|
|
|
|
<!-- 头部：小色带 + 深墨标题（内页规范，不做整块主色面板） -->
|
|
<view class="page-header">
|
|
<view class="header-accent"></view>
|
|
<text class="header-title">与我们合作</text>
|
|
<text class="header-subtitle">商务合作 · 陪诊师入驻 · 陪诊师培训</text>
|
|
</view>
|
|
|
|
<!-- 三个方向各一张白卡，结构完全相同：图标 + 标题 + 圆点规则 + 尾注。
|
|
区分只靠图标与标题，不靠颜色（DESIGN.md 硬约束 3「需区分时先改结构」） -->
|
|
<view class="card" wx:for="{{ sections }}" wx:key="id" id="{{ item.id }}">
|
|
<view class="card-head">
|
|
<!-- 卡头标识走全站「浅橙衬底 + 暖橙图标」语言；
|
|
t-icon 的 color 读不到 CSS 变量，硬编码对应 --brand-ink #9B4508 -->
|
|
<view class="card-mark">
|
|
<t-icon name="{{ item.icon }}" size="26rpx" color="#9B4508" />
|
|
</view>
|
|
<text class="card-title">{{ item.title }}</text>
|
|
</view>
|
|
|
|
<!-- 规则条目用陪诊指南页同一套圆点语言 -->
|
|
<view class="dot-list">
|
|
<view class="dot-item" wx:for="{{ item.points }}" wx:for-item="point" wx:key="*this">
|
|
<view class="dot"></view>
|
|
<text class="dot-text">{{ point }}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 尾注：与条目用发丝线分开，说明口径而非补充规则 -->
|
|
<text class="card-note">{{ item.note }}</text>
|
|
</view>
|
|
|
|
<!-- 底部出口：浅橙入口卡（--brand-soft + 2rpx 描边托形 + 去阴影，
|
|
同 about 页「联系我们」配方）。整卡可点，右侧 chevron 作点击暗示。
|
|
chevron 用 muted 而非暖橙——项目里 chevron 一律 muted，不抢主色焦点 -->
|
|
<view class="contact-entry" bindtap="goToContact" hover-class="contact-entry-hover">
|
|
<!-- 一行两段：前半句作说明、后半"联系我们"留暖橙主色形成指向。
|
|
两段之间的间隙交给 .entry-title 的 margin-left，不靠空白字符——
|
|
text 节点内外的空白在 WXML 编译时会被压缩，不可靠 -->
|
|
<text class="entry-prefix">具体事项，请直接</text><text class="entry-title">联系我们</text>
|
|
<t-icon class="entry-arrow" name="chevron-right" size="28rpx" color="#6F655C" />
|
|
</view>
|
|
|
|
<view class="footer-space"></view>
|
|
</view>
|
|
</view>
|