96 lines
3.9 KiB
Plaintext
96 lines
3.9 KiB
Plaintext
<view class="page">
|
|
<view class="glow"></view>
|
|
|
|
<!-- ===== 顶部 ===== -->
|
|
<view class="hero">
|
|
<view class="hero-title">美术师的省心小工具</view>
|
|
<view class="hero-title-sub">你的 <text class="hero-accent">Spine 数据资产</text> 可以进 Eagle 啦</view>
|
|
<view class="hero-sub">
|
|
SpineViewer 接管 skel / skel.bytes / json / atlas / atlas.txt，自动在素材库中配对骨骼、图集与贴图，识别版本并加载本地运行时。点开任意一个文件，就能实时播放、切换皮肤、导出缩略图。
|
|
</view>
|
|
|
|
<view class="hero-cta">
|
|
<view class="btn primary" bindtap="goBuy">查看套餐</view>
|
|
<view class="btn ghost" bindtap="goPreview">小程序版体验</view>
|
|
</view>
|
|
|
|
<view class="stats">
|
|
<view class="stat" wx:for="{{stats}}" wx:key="label">
|
|
<view class="stat-value">{{item.value}}</view>
|
|
<view class="stat-label">{{item.label}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="chips">
|
|
<text class="chip on" wx:for="{{fileChips}}" wx:key="*this">{{item}}</text>
|
|
</view>
|
|
<view class="note">png / jpg / webp 仍由 Eagle 原生预览</view>
|
|
</view>
|
|
|
|
<!-- ===== 小程序定位 ===== -->
|
|
<view class="notice">
|
|
<view class="notice-title">小程序版</view>
|
|
<view class="notice-desc">小程序版支持 Spine 4.2 导出的文件，可以先在手机上看看效果；桌面插件的完整能力包括 3.4–4.3 全版本识别、皮肤切换、时间轴、缩略图生成。</view>
|
|
<view class="notice-link" bindtap="goPreview">去小程序版看看 →</view>
|
|
</view>
|
|
|
|
<!-- ===== 功能特性 ===== -->
|
|
<view class="section">
|
|
<view class="kicker">FEATURES</view>
|
|
<view class="h2">功能特性</view>
|
|
<view class="lead">下面每一项都对应插件的真实行为：跨 item 文件夹配对、旧版二进制解析、WebGL 渲染、缩略图补刷……不只是「能打开文件」。</view>
|
|
<view class="card" wx:for="{{features}}" wx:key="title">
|
|
<view class="card-title">{{item.title}}</view>
|
|
<view class="card-desc">{{item.desc}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- ===== 支持版本 ===== -->
|
|
<view class="section alt">
|
|
<view class="kicker">VERSIONS</view>
|
|
<view class="h2">支持版本</view>
|
|
<view class="lead">覆盖 Spine 3.4 – 4.3：新版二进制直接支持，旧版二进制由同版本运行时与解析层处理。</view>
|
|
<view class="rows">
|
|
<view class="row" wx:for="{{versions}}" wx:key="ver">
|
|
<view class="row-ver">{{item.ver}}</view>
|
|
<view class="row-desc">{{item.desc}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- ===== 使用流程 ===== -->
|
|
<view class="section">
|
|
<view class="kicker">WORKFLOW</view>
|
|
<view class="h2">从导入到播放</view>
|
|
<view class="step" wx:for="{{steps}}" wx:key="*this">
|
|
<view class="step-index">{{index + 1}}</view>
|
|
<view class="step-text">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- ===== 安装 ===== -->
|
|
<view class="section alt">
|
|
<view class="kicker">INSTALL</view>
|
|
<view class="h2">安装使用</view>
|
|
<view class="lead">在 Eagle 插件社区获取插件包，然后在 Eagle 插件面板（快捷键 P）安装即可。</view>
|
|
<view class="step" wx:for="{{install}}" wx:key="*this">
|
|
<view class="step-index">{{index + 1}}</view>
|
|
<view class="step-text">{{item}}</view>
|
|
</view>
|
|
<view class="btn ghost wide" bindtap="copySite">复制插件页网址</view>
|
|
<view class="note">这里打不开外部网页，复制后在浏览器里打开就行。</view>
|
|
</view>
|
|
|
|
<!-- ===== 常见问题 ===== -->
|
|
<view class="section">
|
|
<view class="kicker">FAQ</view>
|
|
<view class="h2">常见问题</view>
|
|
<view class="faq" wx:for="{{faqs}}" wx:key="q">
|
|
<view class="faq-q">{{item.q}}</view>
|
|
<view class="faq-a">{{item.a}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="foot">小程序版仅支持 4.2 版本</view>
|
|
</view>
|