koishi-plugin-rocom 1.0.1

package/lib/render-templates/lineup/style.css

@@ -0,0 +1,255 @@
+@font-face {
+    font-family: 'Mianfeiziti';
+    src: url('../../ttf/dundun.xHd_Ee5-.woff2') format('woff2'),
+         url('../../ttf/fzlant.D5FI9Et0.ttf') format('truetype');
+    font-display: swap;
+}
+
+:root {
+    --bg-primary: rgba(30, 26, 22, 0.9);
+    --card-bg: rgba(245, 238, 224, 0.95);
+    --text-primary: #f4eee1;
+    --text-secondary: #a8a69f;
+    --accent-color: #ffc966;
+}
+
+html, body {
+    margin: 0;
+    padding: 30px;
+    background: url("../../img/bg.C8CUoi7I.jpg") no-repeat center top;
+    background-size: cover;
+    font-size: 100px;
+    font-family: 'Mianfeiziti', system-ui, -apple-system, sans-serif;
+}
+
+.lineup-page {
+    max-width: 14.8rem;
+    margin: 0 auto;
+    padding: 0 0.2rem; /* 左右各保留 20px 与内部卡片的安全距离 */
+    box-sizing: border-box;
+}
+
+/* ====== Header ====== */
+.lineup-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 0.3rem;
+    padding-bottom: 0.2rem;
+    border-bottom: 2px solid var(--accent-color);
+}
+
+.header-title {
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: var(--accent-color);
+    letter-spacing: 2px;
+}
+
+.header-subtitle {
+    font-size: 0.18rem;
+    color: var(--text-secondary);
+    opacity: 0.8;
+}
+
+/* ====== Lineup Grid ====== */
+.lineup-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.24rem;
+}
+
+.lineup-card {
+    background: var(--card-bg);
+    border-radius: 0.12rem;
+    padding: 0.24rem;
+    position: relative;
+    overflow: hidden;
+}
+
+/* Card Header */
+.card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 0.15rem;
+}
+
+.lineup-name {
+    font-size: 0.18rem;
+    font-weight: bold;
+    color: #272727;
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+}
+
+.lineup-icon {
+    font-size: 0.2rem;
+}
+
+.lineup-tags {
+    display: flex;
+    gap: 0.05rem;
+}
+
+.tag {
+    background: rgba(0, 0, 0, 0.1);
+    color: #666;
+    font-size: 0.12rem;
+    padding: 0.03rem 0.08rem;
+    border-radius: 0.04rem;
+}
+
+/* Pet List */
+.pet-list {
+    display: grid;
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    gap: 0.08rem;
+    margin-bottom: 0.15rem;
+    align-items: start;
+}
+
+.pet-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.04rem;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 0.06rem;
+    padding: 0.05rem 0.04rem;
+    min-width: 0;
+}
+
+.pet-avatar {
+    width: 0.7rem;
+    height: 0.7rem;
+    border-radius: 0.06rem;
+    overflow: visible;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.pet-avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.pet-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.03rem;
+    width: 100%;
+}
+
+.pet-name {
+    font-size: 0.11rem;
+    color: #272727;
+    font-weight: 500;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+}
+
+.skill-list {
+    display: grid;
+    grid-template-columns: repeat(4, 0.16rem);
+    gap: 0.02rem;
+    justify-content: center;
+}
+
+.skill-icon {
+    width: 0.16rem;
+    height: 0.16rem;
+    border-radius: 0.02rem;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/* Card Footer */
+.card-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 0.15rem;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.author-info {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+}
+
+.author-avatar {
+    width: 0.28rem;
+    height: 0.28rem;
+    border-radius: 50%;
+}
+
+.author-details {
+    display: flex;
+    flex-direction: column;
+    gap: 0.02rem;
+}
+
+.author-name {
+    font-size: 0.14rem;
+    color: #272727;
+}
+
+.author-likes {
+    font-size: 0.12rem;
+    color: #666;
+}
+
+.lineup-code-box {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 0.02rem;
+}
+
+.lineup-code-label {
+    font-size: 0.1rem;
+    color: #999;
+}
+
+.lineup-code {
+    font-size: 0.13rem;
+    color: #272727;
+    font-family: monospace;
+    background: rgba(0, 0, 0, 0.05);
+    padding: 0.03rem 0.06rem;
+    border-radius: 0.04rem;
+}
+
+/* ====== Footer ====== */
+.pagination-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 0.3rem;
+    margin-bottom: 0.1rem;
+    padding-top: 0.2rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    gap: 0.05rem;
+}
+
+.pagination-text {
+    font-family: 'Mianfeiziti', system-ui;
+    color: var(--text-primary);
+    font-size: 0.18rem;
+}
+
+.pagination-hint {
+    font-family: 'Mianfeiziti', system-ui;
+    color: var(--text-secondary);
+    font-size: 0.14rem;
+}

package/lib/render-templates/lineup-detail/index.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=800, initial-scale=1">
+  <link rel="stylesheet" href="{{_res_path}}render/lineup-detail/style.css">
+</head>
+<body>
+  <div class="lineup-detail-page">
+    <div class="detail-header">
+      <div class="detail-title">阵容详情</div>
+      <div class="detail-close">×</div>
+    </div>
+
+    <div class="lineup-info">
+      <div class="lineup-name-section">
+        <span class="lineup-icon">🔥</span>
+        <span class="lineup-name">{{lineup.name}}</span>
+        <div class="lineup-tags">
+          {{each lineup.tags tag}}
+          <span class="tag">{{tag}}</span>
+          {{/each}}
+        </div>
+      </div>
+    </div>
+
+    <div class="pet-detail-list">
+      {{each lineup.pets pet}}
+      <div class="pet-detail-item">
+        <div class="pet-detail-avatar">
+          <img src="{{pet.pet_img_url}}" onerror="this.src='{{fallbackPetImage}}'">
+          {{if pet.bloodline}}
+          <div class="bloodline-badge">
+            <img src="{{pet.bloodline_icon}}" alt="">
+          </div>
+          {{/if}}
+        </div>
+        <div class="pet-detail-name">{{pet.pet_name}}</div>
+        <div class="pet-detail-skills">
+          {{each pet.skills skill}}
+          <img class="skill-detail-icon" src="{{skill}}" alt="">
+          {{/each}}
+        </div>
+      </div>
+      {{/each}}
+    </div>
+
+    <div class="detail-footer">
+      <div class="author-info">
+        <img class="author-avatar" src="{{lineup.author_avatar}}" onerror="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="author-details">
+          <span class="author-name">{{lineup.author_name}}</span>
+          <span class="author-likes">👍 {{lineup.likes}}</span>
+        </div>
+      </div>
+      <div class="lineup-code-section">
+        <span class="code-label">阵容码：</span>
+        <span class="code-value">{{lineup.lineup_code}}</span>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/lib/render-templates/lineup-detail/style.css

@@ -0,0 +1,218 @@
+@font-face {
+    font-family: 'Mianfeiziti';
+    src: url('../../ttf/dundun.xHd_Ee5-.woff2') format('woff2'),
+         url('../../ttf/fzlant.D5FI9Et0.ttf') format('truetype');
+    font-display: swap;
+}
+
+:root {
+    --bg-primary: rgba(30, 26, 22, 0.9);
+    --card-bg: rgba(245, 238, 224, 0.95);
+    --text-primary: #f4eee1;
+    --text-secondary: #a8a69f;
+    --accent-color: #ffc966;
+}
+
+html, body {
+    margin: 0;
+    padding: 25px;
+    background: transparent;
+    font-size: 100px;
+    font-family: 'Mianfeiziti', system-ui, -apple-system, sans-serif;
+}
+
+.lineup-detail-page {
+    width: 8rem;
+    background: var(--card-bg);
+    border-radius: 0.12rem;
+    padding: 0.25rem;
+    margin: 0 auto;
+}
+
+/* ====== Header ====== */
+.detail-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 0.2rem;
+    padding-bottom: 0.15rem;
+    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+}
+
+.detail-title {
+    font-size: 0.24rem;
+    font-weight: bold;
+    color: #272727;
+    letter-spacing: 2px;
+}
+
+.detail-close {
+    font-size: 0.24rem;
+    color: #999;
+    cursor: pointer;
+}
+
+/* ====== Lineup Info ====== */
+.lineup-info {
+    margin-bottom: 0.25rem;
+}
+
+.lineup-name-section {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+    flex-wrap: wrap;
+}
+
+.lineup-name {
+    font-size: 0.2rem;
+    font-weight: bold;
+    color: #272727;
+}
+
+.lineup-icon {
+    font-size: 0.22rem;
+}
+
+.lineup-tags {
+    display: flex;
+    gap: 0.05rem;
+    margin-left: 0.1rem;
+}
+
+.tag {
+    background: rgba(0, 0, 0, 0.1);
+    color: #666;
+    font-size: 0.12rem;
+    padding: 0.03rem 0.08rem;
+    border-radius: 0.04rem;
+}
+
+/* ====== Pet Detail List ====== */
+.pet-detail-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.15rem;
+    margin-bottom: 0.25rem;
+}
+
+.pet-detail-item {
+    display: flex;
+    align-items: center;
+    gap: 0.15rem;
+    padding: 0.12rem;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 0.08rem;
+}
+
+.pet-detail-avatar {
+    position: relative;
+    width: 0.7rem;
+    height: 0.7rem;
+    border-radius: 50%;
+    overflow: hidden;
+    flex-shrink: 0;
+}
+
+.pet-detail-avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.bloodline-badge {
+    position: absolute;
+    bottom: -0.05rem;
+    right: -0.05rem;
+    width: 0.28rem;
+    height: 0.28rem;
+    background: var(--card-bg);
+    border-radius: 50%;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    padding: 0.02rem;
+}
+
+.bloodline-badge img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.pet-detail-name {
+    width: 1.2rem;
+    font-size: 0.16rem;
+    font-weight: 500;
+    color: #272727;
+}
+
+.pet-detail-skills {
+    flex: 1;
+    display: flex;
+    gap: 0.05rem;
+    flex-wrap: wrap;
+}
+
+.skill-detail-icon {
+    width: 0.3rem;
+    height: 0.3rem;
+    border-radius: 0.05rem;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+/* ====== Footer ====== */
+.detail-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 0.2rem;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.author-info {
+    display: flex;
+    align-items: center;
+    gap: 0.1rem;
+}
+
+.author-avatar {
+    width: 0.35rem;
+    height: 0.35rem;
+    border-radius: 50%;
+}
+
+.author-details {
+    display: flex;
+    flex-direction: column;
+    gap: 0.03rem;
+}
+
+.author-name {
+    font-size: 0.15rem;
+    color: #272727;
+    font-weight: 500;
+}
+
+.author-likes {
+    font-size: 0.13rem;
+    color: #666;
+}
+
+.lineup-code-section {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+}
+
+.code-label {
+    font-size: 0.13rem;
+    color: #666;
+}
+
+.code-value {
+    font-size: 0.14rem;
+    color: #272727;
+    font-family: monospace;
+    background: rgba(0, 0, 0, 0.05);
+    padding: 0.05rem 0.1rem;
+    border-radius: 0.04rem;
+}

package/lib/render-templates/menu/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=800, initial-scale=1">
+  <title>{{pageTitle}}</title>
+  <link rel="stylesheet" href="{{_res_path}}render/menu/style.css">
+</head>
+<body class="page-out-client">
+  <div class="menu-cont page-section-main">
+    <img class="xiaoluoke-overlay" src="{{_res_path}}img/小洛克.png" onerror="this.style.display='none'">
+    <div class="menu-page">
+      <div class="header-center">
+        <div class="page-title">{{pageTitle}}</div>
+        <div class="page-subtitle">{{pageSubtitle}}</div>
+      </div>
+      <main class="menu-content">
+        {{each menuGroups group}}
+        <div class="menu-group">
+          <div class="group-title">{{group.groupTitle}}</div>
+          <div class="group-items">
+            {{each group.menuItems item}}
+            <div class="menu-item">
+              <div class="menu-item-cmd">{{item.cmd}}</div>
+              <div class="menu-item-desc">{{item.desc}}</div>
+            </div>
+            {{/each}}
+          </div>
+        </div>
+        {{/each}}
+      </main>
+      <div class="footer">AstrBot &amp; WeGame Locke Kingdom Plugin</div>
+    </div>
+  </div>
+</body>
+</html>

package/lib/render-templates/menu/style.css

@@ -0,0 +1,126 @@
+@font-face {
+    font-family: 'mianfeiziti';
+    src: url('../../ttf/HYWenHei-85W-1.ttf') format('truetype');
+    font-display: swap;
+}
+
+:root {
+    --helper-font-family-mianfeiziti: 'mianfeiziti', system-ui, "calibri", "Roboto", verdana, "PingFang SC", sans-serif;
+}
+
+body {
+  margin: 0;
+  padding: 30px;
+  background-color: #FAF6ED;
+  display: inline-block;
+  font-family: var(--helper-font-family-mianfeiziti);
+}
+
+.menu-cont {
+  width: 780px;
+  background: url("../../img/ercode-bg.D1ccSQKH.png") no-repeat center center;
+  background-size: 100% 100%;
+  position: relative;
+  padding: 40px 50px;
+  box-sizing: border-box;
+}
+
+.menu-cont::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: rgba(28, 22, 18, 0.18);
+  z-index: 1;
+  pointer-events: none;
+}
+
+.xiaoluoke-overlay {
+  position: absolute;
+  bottom: -15px;
+  right: -30px;
+  width: 320px;
+  opacity: 0.15;
+  z-index: 2;
+  pointer-events: none;
+}
+
+.menu-page {
+  position: relative;
+  z-index: 3;
+}
+
+.header-center {
+  text-align: center;
+  margin-bottom: 30px;
+  border-bottom: 2px dashed rgba(160, 140, 110, 0.4);
+  padding-bottom: 15px;
+}
+
+.page-title {
+  color: #ffc65f;
+  font-size: 38px;
+  font-weight: bold;
+  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
+  -webkit-text-stroke: 1.5px #d4842b;
+  letter-spacing: 2px;
+}
+
+.page-subtitle {
+  color: #9e8e76;
+  font-size: 16px;
+  margin-top: 6px;
+}
+
+.menu-content {
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+}
+
+.group-title {
+  font-size: 22px;
+  font-weight: bold;
+  color: #c97926;
+  margin-bottom: 15px;
+  padding-left: 12px;
+  border-left: 5px solid #ffc65f;
+}
+
+.group-items {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15px;
+}
+
+.menu-item {
+  width: 100%;
+  min-height: 85px;
+  background: url("../../img/player-bg.png") no-repeat center center;
+  background-size: 100% 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 12px 50px 12px 25px;
+  box-sizing: border-box;
+}
+
+.menu-item-cmd {
+  font-size: 22px;
+  font-weight: bold;
+  color: #5a3e1b;
+  margin-bottom: 8px;
+  line-height: 1.2;
+}
+
+.menu-item-desc {
+  font-size: 16px;
+  color: #8c7a61;
+  line-height: 1.3;
+}
+
+.footer {
+  margin-top: 30px;
+  text-align: center;
+  font-size: 14px;
+  color: #bfae95;
+}