npm - koishi-plugin-rocom - Versions diffs - 1.0.1 - Mend

koishi-plugin-rocom 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/lib/render-templates/player-search/style.css ADDED Viewed

@@ -0,0 +1,192 @@
+@font-face {
+    font-family: "rocom-player";
+    src: url("../../ttf/HYWenHei-85W-1.ttf") format("truetype");
+    font-display: swap;
+}
+html,
+body {
+    margin: 0;
+    padding: 26px;
+    background: #efe6d8;
+    display: inline-block;
+    font-family: "rocom-player", "Microsoft YaHei", "PingFang SC", sans-serif;
+}
+.player-page {
+    width: 1180px;
+    padding: 34px 36px 30px;
+    box-sizing: border-box;
+    border-radius: 28px;
+    color: #322618;
+    background:
+        linear-gradient(rgba(40, 29, 18, 0.10), rgba(40, 29, 18, 0.10)),
+        url("../../img/ercode-bg.D1ccSQKH.png") center/cover no-repeat;
+}
+.page-header {
+    padding-bottom: 18px;
+    border-bottom: 2px dashed rgba(141, 106, 68, 0.28);
+}
+.page-title {
+    font-size: 44px;
+    line-height: 1.1;
+    font-weight: 800;
+}
+.page-subtitle {
+    margin-top: 10px;
+    font-size: 22px;
+    line-height: 1.4;
+    color: #6d5944;
+}
+.hero-card,
+.summary-card,
+.panel-card,
+.command-hint {
+    border: 1px solid rgba(141, 106, 68, 0.16);
+    border-radius: 20px;
+    background: rgba(255, 252, 247, 0.82);
+    box-shadow: 0 10px 26px rgba(83, 58, 35, 0.08);
+}
+.hero-card {
+    margin-top: 22px;
+    padding: 24px 26px;
+    background:
+        linear-gradient(135deg, rgba(237, 179, 89, 0.24), rgba(255, 251, 245, 0.88)),
+        rgba(255, 252, 247, 0.86);
+}
+.hero-title {
+    font-size: 20px;
+    color: #8b735b;
+}
+.hero-value {
+    margin-top: 8px;
+    font-size: 42px;
+    line-height: 1.15;
+    font-weight: 800;
+    color: #2e2418;
+}
+.hero-subvalue {
+    margin-top: 8px;
+    font-size: 22px;
+    color: #6d5944;
+}
+.summary-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+    margin-top: 22px;
+}
+.summary-card {
+    padding: 18px 20px;
+}
+.summary-label {
+    font-size: 18px;
+    color: #8b735b;
+}
+.summary-value {
+    margin-top: 10px;
+    font-size: 30px;
+    line-height: 1.2;
+    font-weight: 800;
+}
+.panel-card {
+    margin-top: 18px;
+    padding: 20px;
+}
+.signature-panel {
+    margin-top: 20px;
+}
+.section-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 18px;
+    margin-top: 18px;
+}
+.info-panel {
+    margin-top: 0;
+}
+.section-title {
+    margin-bottom: 14px;
+    font-size: 28px;
+    font-weight: 800;
+}
+.signature-box {
+    padding: 18px 20px;
+    border-radius: 18px;
+    background: rgba(255,255,255,0.42);
+    border: 1px solid rgba(141, 106, 68, 0.10);
+    font-size: 22px;
+    line-height: 1.5;
+    color: #4f3c29;
+}
+.detail-card {
+    overflow: hidden;
+    border-radius: 18px;
+    background: rgba(255,255,255,0.42);
+    border: 1px solid rgba(141, 106, 68, 0.10);
+    padding: 0 16px;
+}
+.detail-row {
+    display: grid;
+    grid-template-columns: 220px 1fr;
+    gap: 16px;
+    padding: 14px 0;
+    border-bottom: 1px solid rgba(141, 106, 68, 0.10);
+}
+.detail-row:last-child {
+    border-bottom: none;
+}
+.detail-label {
+    font-size: 20px;
+    font-weight: 700;
+    color: #6d5944;
+}
+.detail-value {
+    font-size: 20px;
+    color: #322618;
+    word-break: break-word;
+    text-align: right;
+}
+.command-hint {
+    margin-top: 20px;
+    padding: 14px 18px;
+    font-size: 20px;
+    color: #6d5944;
+}
+.footer {
+    margin-top: 18px;
+    text-align: center;
+    font-size: 16px;
+    color: rgba(113, 93, 73, 0.88);
+}
+@media (max-width: 1280px) {
+    .section-grid {
+        grid-template-columns: 1fr;
+    }
+}

package/lib/render-templates/record/index.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=1280, initial-scale=1">
+  <link rel="stylesheet" href="{{_res_path}}render/record/style.css">
+</head>
+<body>
+  <div class="record-page">
+    <!-- Header -->
+    <div class="record-header">
+      <div class="header-user-info">
+        <img class="header-avatar" src="{{userAvatarDisplay}}" alt="Avatar" onerror="this.onerror=null;this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'%23333\'%3E%3Ccircle cx=\'12\' cy=\'12\' r=\'12\'/%3E%3C/svg%3E'">
+        <div class="header-user-details">
+          <div class="header-user-name-row">
+            <span class="header-user-name">{{userName}}</span>
+            <span class="header-user-level">Lv. {{userLevel}}</span>
+          </div>
+          <span class="header-user-uid">ID:{{userUid}}</span>
+        </div>
+      </div>
+      <div class="header-center">
+        <span class="header-title">闪耀大赛 · 战绩总览</span>
+      </div>
+      <div class="header-right">
+        <div class="header-stats">
+          <span class="stat-item"><span class="stat-label">胜率</span><span class="stat-value">{{winRate}}</span></span>
+          <span class="stat-item"><span class="stat-label">总场次</span><span class="stat-value">{{totalMatch}}</span></span>
+        </div>
+      </div>
+    </div>
+    <!-- Match List -->
+    <div class="match-list">
+      {{each battles battle}}
+      <div class="match-record-card">
+        <!-- Left Team -->
+        <div class="match-team match-team-left">
+          <div class="match-player-info">
+            <img class="match-player-avatar" src="{{battle.leftAvatar}}" alt="">
+            <img class="match-player-badge" src="{{battle.leftBadge}}" alt="" onerror="this.style.display='none'">
+            <span class="match-player-name">{{battle.leftName}}</span>
+          </div>
+          <div class="match-pet-list">
+            {{each battle.leftPets pet}}
+            <img class="match-pet-icon" src="{{pet.icon}}" alt="">
+            {{/each}}
+          </div>
+        </div>
+        <!-- Center Result -->
+        <div class="match-center">
+          <div class="match-result-badge {{battle.result}}"></div>
+        </div>
+        <!-- Right Team -->
+        <div class="match-team match-team-right">
+          <div class="match-player-info match-player-info-right">
+            <span class="match-player-name">{{battle.rightName}}</span>
+            <img class="match-player-badge" src="{{battle.rightBadge}}" alt="" onerror="this.style.display='none'">
+            <img class="match-player-avatar" src="{{battle.rightAvatar}}" alt="">
+          </div>
+          <div class="match-pet-list match-pet-list-right">
+            {{each battle.rightPets pet}}
+            <img class="match-pet-icon" src="{{pet.icon}}" alt="">
+            {{/each}}
+          </div>
+        </div>
+        <!-- Time -->
+        <div class="match-time">
+          <span class="match-time-hm">{{battle.time}}</span>
+          <span class="match-time-date">{{battle.date}}</span>
+        </div>
+      </div>
+      {{/each}}
+    </div>
+    <!-- Footer -->
+    <div class="record-footer">
+      <span class="footer-hint">{{commandHint}}</span>
+      <span class="footer-cmd">{{copyright}}</span>
+    </div>
+  </div>
+</body>
+</html>

package/lib/render-templates/record/style.css ADDED Viewed

@@ -0,0 +1,322 @@
+@font-face {
+    font-family: 'fzlant';
+    src: url('../../ttf/fzlant.D5FI9Et0.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'mianfeiziti';
+    src: url('../../ttf/dundun.xHd_Ee5-.woff2') format('woff2'),
+         url('../../ttf/dundun.BCbg_KoL.ttf') format('truetype');
+    font-display: swap;
+}
+:root {
+    --helper-font-family-system: system-ui, "calibri", "Roboto", verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
+    --helper-font-family-mianfeiziti: 'mianfeiziti', system-ui, "calibri", "Roboto", verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
+    --helper-font-family-fzlant: 'fzlant', system-ui, "calibri", "Roboto", verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
+}
+html { font-size: 80px !important; }
+html, body {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+img {
+    border: 0;
+    font-size: 0;
+    user-select: none;
+    vertical-align: middle;
+    -webkit-user-drag: none;
+}
+/* ====== Page Container ====== */
+.record-page {
+    width: 12rem;
+    background: url('../../img/bg.C8CUoi7I.jpg') no-repeat center top;
+    background-size: cover;
+    padding: 0.2rem 0.3rem;
+    font-family: var(--helper-font-family-system);
+}
+/* ====== Header ====== */
+.record-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: rgba(50, 42, 30, 0.85);
+    border-radius: 0.15rem;
+    padding: 0.15rem 0.2rem;
+    margin-bottom: 0.2rem;
+    min-height: 0.9rem;
+}
+.header-user-info {
+    display: flex;
+    align-items: center;
+    gap: 0.1rem;
+    flex: 1;
+}
+.header-avatar {
+    width: 0.6rem;
+    height: 0.6rem;
+    object-fit: contain;
+}
+.header-user-details {
+    display: flex;
+    flex-direction: column;
+    gap: 0.04rem;
+}
+.header-user-name-row {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+}
+.header-user-name {
+    font-family: var(--helper-font-family-mianfeiziti);
+    color: #f4eee1;
+    font-size: 0.22rem;
+    font-weight: bold;
+}
+.header-user-level {
+    font-family: var(--helper-font-family-mianfeiziti);
+    background-color: #ffc966;
+    color: #272624;
+    font-size: 0.14rem;
+    font-weight: bold;
+    padding: 0.02rem 0.08rem;
+    border-radius: 0.1rem;
+    line-height: 1.2;
+}
+.header-user-uid {
+    font-family: Arial, sans-serif;
+    color: #a8a69f;
+    font-size: 0.14rem;
+}
+.header-center {
+    flex: 2;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.header-title {
+    font-family: var(--helper-font-family-mianfeiziti);
+    color: #ffc65f;
+    font-size: 0.28rem;
+    font-weight: bold;
+    text-shadow: 0 2px 6px rgba(0,0,0,0.3);
+}
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 0.12rem;
+    flex: 1;
+    justify-content: flex-end;
+}
+.header-stats {
+    display: flex;
+    flex-direction: row;
+    gap: 0.16rem;
+    align-items: center;
+}
+.stat-item {
+    display: flex;
+    align-items: baseline;
+    gap: 0.06rem;
+}
+.stat-label {
+    font-family: var(--helper-font-family-mianfeiziti);
+    color: #a8a69f;
+    font-size: 0.14rem;
+}
+.stat-value {
+    font-family: var(--helper-font-family-mianfeiziti);
+    color: #f4eee1;
+    font-size: 0.2rem;
+    font-weight: bold;
+}
+/* ====== Match List ====== */
+.match-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.12rem;
+}
+/* ====== Match Record Card ====== */
+.match-record-card {
+    display: flex;
+    align-items: center;
+    background-color: rgba(247, 244, 237, 0.92);
+    border-radius: 0.12rem;
+    padding: 0.12rem 0.18rem;
+    gap: 0.12rem;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+    overflow: visible;
+}
+/* ====== Team Sections ====== */
+.match-team {
+    flex: 4;
+}
+.match-player-info {
+    display: flex;
+    align-items: center;
+    gap: 0.06rem;
+    margin-bottom: 0.06rem;
+}
+.match-player-info-right {
+    justify-content: flex-end;
+}
+.match-player-avatar {
+    width: 0.32rem;
+    height: 0.32rem;
+    border-radius: 50%;
+    object-fit: contain;
+}
+.match-player-name {
+    font-family: var(--helper-font-family-mianfeiziti);
+    font-size: 0.16rem;
+    font-weight: bold;
+    color: #5a3e1b;
+    max-width: 1rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.match-player-badge {
+    width: 0.24rem;
+    height: 0.24rem;
+    object-fit: contain;
+}
+.match-pet-list {
+    display: flex;
+    gap: 0.02rem;
+    flex-wrap: wrap;
+    overflow: visible;
+}
+.match-pet-list-right {
+    justify-content: flex-end;
+}
+.match-pet-icon {
+    width: 0.52rem;
+    height: 0.52rem;
+    border-radius: 50%;
+    object-fit: contain;
+    background-color: rgba(100, 80, 50, 0.12);
+    margin-top: -0.1rem;
+}
+/* ====== Center VS ====== */
+.match-center {
+    flex: 1.5;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.04rem;
+}
+.match-vs-icon {
+    width: 0.5rem;
+    height: 0.5rem;
+}
+.vs-img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+/* ====== Match Result Badge (胜/败 background image) ====== */
+.match-result-badge {
+    width: 0.98rem;
+    height: 0.81rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    font-size: 0;
+    color: transparent;
+}
+.match-result-badge.win {
+    background-image: url('../../img/win-icon.DJfsgL3i.png');
+}
+.match-result-badge.fail {
+    background-image: url('../../img/fail-icon.ChpzWjNv.png');
+}
+/* ====== Time Section ====== */
+.match-time {
+    flex: 1.2;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 0.02rem;
+}
+.match-time-hm {
+    font-family: var(--helper-font-family-fzlant);
+    font-size: 0.28rem;
+    font-weight: bold;
+    color: #5a3e1b;
+}
+.match-time-date {
+    font-family: var(--helper-font-family-mianfeiziti);
+    font-size: 0.12rem;
+    color: #9e8e76;
+}
+/* ====== Footer ====== */
+.record-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.04rem;
+    margin-top: 0.16rem;
+    padding-top: 0.1rem;
+    border-top: 1px solid rgba(0,0,0,0.08);
+}
+.footer-hint {
+    font-family: var(--helper-font-family-mianfeiziti);
+    font-size: 0.16rem;
+    color: #5a3e1b;
+    font-weight: bold;
+}
+.footer-cmd {
+    font-family: var(--helper-font-family-mianfeiziti);
+    font-size: 0.14rem;
+    color: #9e8e76;
+}