80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
{$layout}
|
|
|
|
<style>
|
|
.httpdns-sdk-cards {
|
|
margin-top: 1em;
|
|
}
|
|
.httpdns-sdk-cards > .card {
|
|
min-height: 168px;
|
|
}
|
|
.httpdns-sdk-desc {
|
|
margin-top: .6em;
|
|
color: #5e6c7b;
|
|
}
|
|
.httpdns-sdk-meta {
|
|
margin-top: .35em;
|
|
color: #9aa6b2;
|
|
font-size: 12px;
|
|
}
|
|
.httpdns-sdk-actions {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: .6em;
|
|
flex-wrap: wrap;
|
|
}
|
|
.httpdns-sdk-actions .button {
|
|
padding-left: .8em !important;
|
|
padding-right: .8em !important;
|
|
}
|
|
</style>
|
|
|
|
<second-menu>
|
|
<a class="item" :href="'/httpdns/apps/domains?appId=' + app.id">{{app.name}}</a>
|
|
<span class="item disabled" style="padding-left: 0; padding-right: 0">»</span>
|
|
<div class="item"><strong>SDK 集成</strong></div>
|
|
</second-menu>
|
|
|
|
<div class="ui three stackable cards httpdns-sdk-cards">
|
|
<div class="card">
|
|
<div class="content">
|
|
<div class="header"><i class="icon android green"></i> Android SDK</div>
|
|
<div class="httpdns-sdk-meta">Java / Kotlin</div>
|
|
<div class="description httpdns-sdk-desc">适用于 Android 客户端接入。</div>
|
|
</div>
|
|
<div class="extra content">
|
|
<div class="httpdns-sdk-actions">
|
|
<a class="ui button compact mini basic" href="javascript:;"><i class="icon download"></i> 下载 SDK</a>
|
|
<a class="ui button compact mini basic" href="javascript:;"><i class="icon book"></i> 集成文档</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="content">
|
|
<div class="header"><i class="icon apple grey"></i> iOS SDK</div>
|
|
<div class="httpdns-sdk-meta">Objective-C / Swift</div>
|
|
<div class="description httpdns-sdk-desc">适用于 iOS 客户端接入。</div>
|
|
</div>
|
|
<div class="extra content">
|
|
<div class="httpdns-sdk-actions">
|
|
<a class="ui button compact mini basic" href="javascript:;"><i class="icon download"></i> 下载 SDK</a>
|
|
<a class="ui button compact mini basic" href="javascript:;"><i class="icon book"></i> 集成文档</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="content">
|
|
<div class="header"><i class="icon mobile alternate blue"></i> Flutter SDK</div>
|
|
<div class="httpdns-sdk-meta">Dart / Plugin</div>
|
|
<div class="description httpdns-sdk-desc">适用于 Flutter 跨平台接入。</div>
|
|
</div>
|
|
<div class="extra content">
|
|
<div class="httpdns-sdk-actions">
|
|
<a class="ui button compact mini basic" href="javascript:;"><i class="icon download"></i> 下载 SDK</a>
|
|
<a class="ui button compact mini basic" href="javascript:;"><i class="icon book"></i> 集成文档</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|