gouki
5a5388234a
Publish Mini Program Dev Version / publish (push) Successful in 1m2s
- wiki 页节气详情排版：配图圆角阴影、涵义引言(米黄渐变+红竖条)、 简介两端对齐、结构化字段列表(红点标签)分块展示 - wiki.js 提取 meaning 单独展示，extraList 排除避免重复 - request.js develop 环境指向线上(本地 8080 被占用且 localhost 受域名校验限制) - project.config.json 关闭 urlCheck 便于本地开发连线上调试
58 lines
2.3 KiB
Plaintext
58 lines
2.3 KiB
Plaintext
<view class="container">
|
|
<!-- 搜索 -->
|
|
<view class="search-bar">
|
|
<input class="search-input" placeholder="搜索节气、节日、术语..." value="{{keyword}}" bindinput="onSearch" confirm-type="search"/>
|
|
</view>
|
|
|
|
<!-- 分类 -->
|
|
<scroll-view class="cat-scroll" scroll-x enhanced show-scrollbar="{{false}}">
|
|
<view class="cat-list">
|
|
<view
|
|
class="cat-item {{activeCat === item.key ? 'active' : ''}}"
|
|
wx:for="{{categories}}"
|
|
wx:key="key"
|
|
bindtap="switchCat"
|
|
data-key="{{item.key}}"
|
|
>{{item.name}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 条目列表 -->
|
|
<view class="entry-list">
|
|
<view class="card entry-card" wx:for="{{filteredEntries}}" wx:key="title" bindtap="toggleEntry" data-index="{{index}}">
|
|
<view class="flex justify-between items-center">
|
|
<text class="text-lg font-bold font-chinese">{{item.title}}</text>
|
|
<text class="badge badge-outline">{{item.catName}}</text>
|
|
</view>
|
|
<view class="text-sm text-muted mt-1" wx:if="{{!item.open}}">{{item.brief}}</view>
|
|
<view class="entry-detail" wx:if="{{item.open}}">
|
|
<!-- 配图（仅服务端条目有图时显示） -->
|
|
<image wx:if="{{item.image}}" class="entry-image" src="{{item.image}}" mode="widthFix" lazy-load/>
|
|
|
|
<!-- 涵义引言（节气有 meaning 时突出显示） -->
|
|
<view class="entry-meaning" wx:if="{{item.meaning}}">
|
|
<text class="meaning-text">{{item.meaning}}</text>
|
|
</view>
|
|
|
|
<!-- 详细简介 -->
|
|
<text class="text-base entry-content">{{item.content}}</text>
|
|
|
|
<!-- 结构化扩展字段（节气：物候/习俗/养生等） -->
|
|
<view class="extra-list" wx:if="{{item.extraList && item.extraList.length > 0}}">
|
|
<view class="extra-item" wx:for="{{item.extraList}}" wx:key="name" wx:for-item="field">
|
|
<view class="extra-name">
|
|
<text class="extra-dot"></text>
|
|
<text>{{field.name}}</text>
|
|
</view>
|
|
<text class="extra-value">{{field.value}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="text-center text-muted empty-tip" wx:if="{{filteredEntries.length === 0}}">
|
|
<text>没有找到相关条目</text>
|
|
</view>
|
|
</view>
|
|
</view>
|