npm - koishi-plugin-rocom - Versions diffs - 1.0.12 → 1.0.13 - Mend

koishi-plugin-rocom 1.0.12 → 1.0.13

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 (42) hide show

package/lib/render-templates/yuanxing-shangren/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>远行商人</title>
+    <title>今日远行商人</title>
     <style>
 @font-face {
     font-family: "fzlant";
@@ -31,10 +31,13 @@
     --card-bg: rgba(255, 252, 247, 0.82);
     --tag-bg: rgba(255, 214, 153, 0.4);
     --tag-text: #9a5f19;
+    --round-current-bg: rgba(255, 214, 153, 0.25);
+    --round-current-border: rgba(200, 140, 40, 0.4);
+    --round-current-text: #b06800;
     --accent-color: #a0631d;
     --warning-color: #bf5f3f;
     --border-color: rgba(179, 123, 45, 0.2);
-    --border-color-light: rgba(118, 97, 74, 0.14);
+    --border-color-light: rgba(118, 97, 74, 0.12);
     --weekend-color: #c04030;
     --normal-color: #2a8040;
     --round-color: #2a60b0;
@@ -49,15 +52,17 @@ body {
     height: auto;
     font-family: var(--font-family);
     color: var(--text-1);
-    background: linear-gradient(135deg, #fff8eb, #fff0d2);
+    background: #ece3d3;
 }
 .merchant-page {
     position: relative;
-    width: min(1280px, 100%);
+    width: min(1040px, calc(100vw - 24px));
     margin: 0 auto;
+    padding: 14px;
     overflow: hidden;
-    background: linear-gradient(135deg, #fff8eb, #fff0d2);
+    background: #ece3d3;
+    border-radius: 30px;
 }
 .background {
@@ -74,14 +79,14 @@ body {
     position: relative;
     z-index: 1;
     width: 100%;
-    padding: 18px 18px 24px;
+    padding: 2px 0 4px;
 }
 .header {
     display: flex;
     justify-content: space-between;
-    gap: 20px;
-    padding: 22px 24px;
+    gap: 16px;
+    padding: 20px 22px;
     border: 1px solid var(--line);
     border-radius: 24px;
     background: linear-gradient(135deg, rgba(255,255,255,0.86), rgba(245,236,221,0.9));
@@ -97,110 +102,175 @@ body {
 .title-main {
     display: flex;
     align-items: center;
-    gap: 14px;
+    gap: 12px;
 }
 .title-badge {
-    width: 56px;
-    height: 56px;
+    width: 60px;
+    height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: transparent;
     color: #fffaf0;
-    font-size: 32px;
+    font-size: 28px;
     font-weight: 900;
 }
 .title-badge img {
-    width: 56px;
-    height: 56px;
+    width: 60px;
+    height: 60px;
     object-fit: contain;
 }
 .title-text {
     font-family: var(--font-family-accent);
-    font-size: 42px;
+    font-size: 36px;
     font-weight: 900;
-    letter-spacing: 2px;
+    letter-spacing: 1px;
 }
 .subtitle {
     color: var(--text-2);
-    font-size: 18px;
+    font-size: 16px;
 }
 .header-side {
-    min-width: 320px;
+    min-width: 200px;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     justify-content: center;
-    gap: 14px;
+    gap: 12px;
 }
 .summary-chip {
-    padding: 10px 16px;
+    padding: 9px 14px;
     border-radius: 999px;
     background: rgba(255,255,255,0.72);
     border: 1px solid var(--border-color);
     color: var(--text-2);
-    font-size: 18px;
+    font-size: 16px;
 }
 .summary-chip strong {
     font-family: var(--font-family-accent);
     color: var(--accent-color);
-    font-size: 28px;
+    font-size: 24px;
     margin-left: 8px;
 }
-.round-info {
+.category-section {
+    margin-top: 18px;
+}
+.category-header {
     display: flex;
     align-items: center;
     gap: 12px;
-    flex-wrap: wrap;
-    justify-content: flex-end;
+    margin-bottom: 12px;
+    padding: 0 4px;
+}
+.category-title {
+    font-family: var(--font-family-accent);
+    font-size: 24px;
+    font-weight: 800;
+    color: var(--text-1);
 }
-.round-pill,
-.countdown-pill {
-    padding: 8px 14px;
+.category-count {
+    padding: 4px 10px;
     border-radius: 999px;
-    background: rgba(255,255,255,0.78);
-    border: 1px solid var(--line);
-    font-size: 17px;
+    font-size: 14px;
+    font-weight: 700;
+}
+.category-count.normal {
+    background: var(--normal-bg);
+    color: var(--normal-color);
+}
+.category-count.round {
+    background: var(--round-bg);
+    color: var(--round-color);
+}
+.category-count.weekend {
+    background: var(--weekend-bg);
+    color: var(--weekend-color);
+}
+.round-section {
+    padding: 14px 18px;
+    border: 1px solid var(--round-current-border);
+    border-radius: 16px;
+    background: linear-gradient(135deg, rgba(255,248,235,0.88), rgba(255,240,210,0.9));
+    box-shadow: 0 6px 22px rgba(180, 120, 20, 0.08);
+    margin-bottom: 10px;
+}
+.round-section:last-child {
+    margin-bottom: 0;
+}
+.round-section.is-current {
+    background: linear-gradient(135deg, rgba(255,248,235,1), rgba(255,240,210,1));
+    border-color: rgba(200, 140, 40, 0.6);
+    box-shadow: 0 6px 28px rgba(180, 120, 20, 0.12);
 }
-.countdown-pill {
-    color: var(--warning-color);
+.round-header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 10px;
+}
+.round-title {
+    font-family: var(--font-family-accent);
+    font-size: 18px;
     font-weight: 700;
+    color: var(--text-2);
+}
+.round-badge {
+    padding: 3px 8px;
+    border-radius: 999px;
+    background: var(--tag-bg);
+    color: var(--tag-text);
+    font-size: 12px;
+    font-weight: 700;
+}
+.round-badge.current {
+    background: var(--round-current-bg);
+    color: var(--round-current-text);
 }
 .products-grid {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    margin-top: 18px;
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 14px;
 }
 .product-card {
     display: grid;
-    grid-template-columns: 120px 1fr auto;
-    gap: 18px;
+    grid-template-columns: 80px 1fr auto;
+    gap: 14px;
     align-items: center;
-    min-height: 148px;
-    padding: 18px 28px;
-    border: 1px solid rgba(200, 140, 40, 0.4);
-    border-radius: 22px;
-    background: linear-gradient(135deg, rgba(255,248,235,0.88), rgba(255,240,210,0.9));
-    box-shadow: 0 6px 22px rgba(180, 120, 20, 0.08);
+    min-height: 96px;
+    padding: 12px 16px;
+    border: 1px solid rgba(200, 140, 40, 0.3);
+    border-radius: 16px;
+    background: linear-gradient(135deg, rgba(255,248,235,0.75), rgba(255,240,210,0.85));
+    box-shadow: 0 4px 14px rgba(180, 120, 20, 0.06);
 }
 .product-image-container {
-    width: 120px;
-    height: 120px;
-    border-radius: 50%;
+    width: 80px;
+    height: 80px;
+    border-radius: 12px;
     background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.94), rgba(255,240,210,0.92));
     display: flex;
     align-items: center;
@@ -220,26 +290,20 @@ body {
 .product-name {
     font-family: var(--font-family-accent);
-    font-size: 34px;
+    font-size: 22px;
     font-weight: 800;
     line-height: 1.2;
     word-break: break-word;
 }
-.product-sub {
-    margin-top: 10px;
-    color: var(--text-2);
-    font-size: 18px;
-}
 .product-time {
     display: inline-flex;
-    margin-top: 14px;
-    padding: 8px 14px;
+    margin-top: 8px;
+    padding: 5px 10px;
     border-radius: 999px;
     background: var(--tag-bg);
     color: var(--tag-text);
-    font-size: 16px;
+    font-size: 14px;
     font-weight: 700;
 }
@@ -251,161 +315,123 @@ body {
 }
 .product-slot {
-    padding: 10px 14px;
-    border-radius: 16px;
+    padding: 7px 10px;
+    border-radius: 12px;
     background: rgba(255,255,255,0.72);
     border: 1px solid var(--border-color);
     color: var(--accent-color);
-    font-size: 18px;
+    font-size: 14px;
     font-weight: 700;
 }
-.product-empty {
+.round-empty {
+    text-align: center;
+    padding: 18px 14px;
+    border-radius: 14px;
+    border: 1px dashed rgba(200, 140, 40, 0.3);
+    color: #8b7a66;
+    font-size: 16px;
+    background: rgba(255,248,235,0.5);
+}
+.all-empty {
     text-align: center;
-    padding: 30px 18px;
-    border-radius: 22px;
+    padding: 40px 18px;
+    margin-top: 18px;
+    border-radius: 20px;
     border: 1px dashed rgba(200, 140, 40, 0.35);
     color: #5c4a37;
-    font-size: 22px;
+    font-size: 20px;
     background: rgba(255,248,235,0.6);
 }
-.category-section {
-    margin-top: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 14px;
-}
-.category-header {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 0 4px;
-}
-.category-title {
-    font-family: var(--font-family-accent);
-    font-size: 22px;
-    font-weight: 800;
-    color: var(--text-1);
-}
-.category-tag {
-    padding: 3px 10px;
+.category-label {
+    display: inline-flex;
+    padding: 3px 8px;
     border-radius: 999px;
-    font-size: 14px;
+    font-size: 12px;
     font-weight: 700;
+    margin-left: 8px;
+    vertical-align: middle;
 }
-.category-tag.weekend {
+.category-label.weekend {
     background: var(--weekend-bg);
     color: var(--weekend-color);
 }
-.category-tag.normal {
+.category-label.normal {
     background: var(--normal-bg);
     color: var(--normal-color);
 }
-.category-tag.round {
+.category-label.round {
     background: var(--round-bg);
     color: var(--round-color);
 }
-@media (max-width: 760px) {
-    .merchant-page {
-        width: 100%;
-    }
-    .content-container {
-        padding: 10px 10px 14px;
-    }
-    .header {
-        flex-direction: column;
-        gap: 10px;
-        padding: 14px 16px;
-    }
-    .header-side {
-        min-width: 0;
-        align-items: flex-start;
-    }
-    .round-info {
-        justify-content: flex-start;
-    }
-    .title-badge,
-    .title-badge img {
-        width: 48px;
-        height: 48px;
-    }
-    .title-text {
-        font-size: 30px;
-    }
-    .product-card {
-        grid-template-columns: 80px 1fr;
-        min-height: 0;
-        padding: 12px 14px;
-    }
-    .product-image-container {
-        width: 80px;
-        height: 80px;
-    }
-    .product-name {
-        font-size: 24px;
-    }
-    .product-side {
-        grid-column: 1 / -1;
-        justify-content: flex-start;
-        padding-left: 94px;
-    }
-}
     </style>
 </head>
 <body>
-    <div class="merchant-page">
+    <div id="container" class="merchant-page">
         <div class="background" style="background-image: url('{{background}}');"></div>
         <div class="content-container">
             <div class="header">
                 <div class="title-section">
                     <div class="title-main">
                         <div class="title-badge">
-                            {{if titleIcon}}
-                            <img src="{{_res_path}}img/yuanxingshangren.png" alt="{{title}}">
-                            {{else}}
-                            远
-                            {{/if}}
+                            <img src="{{_res_path}}img/yuanxingshangren.png" alt="今日远行商人">
                         </div>
                         <span class="title-text">{{title}}</span>
                     </div>
                     <div class="subtitle">{{subtitle}}</div>
                 </div>
                 <div class="header-side">
-                    <div class="summary-chip">当前商品数 <strong>{{product_count}}</strong></div>
-                    <div class="round-info">
-                        <div class="round-pill">第 {{round_info.current || '未开放'}} / {{round_info.total}} 轮</div>
-                        <div class="countdown-pill">剩余 {{round_info.countdown}}</div>
-                    </div>
+                    <div class="summary-chip">今日商品数 <strong>{{total_products}}</strong></div>
                 </div>
             </div>
-            <div class="products-grid">
-                {{if categories && categories.length > 0}}
-                {{each categories cat}}
-                <div class="category-section">
-                    <div class="category-header">
-                        <span class="category-title">{{cat.label}}</span>
-                        <span class="category-tag {{cat.key}}">{{cat.products.length}} 件</span>
+            {{if total_products > 0}}
+            {{each categories cat}}
+            <div class="category-section">
+                <div class="category-header">
+                    <span class="category-title">{{cat.label}}</span>
+                    <span class="category-count {{cat.key}}">{{cat.product_count}} 件</span>
+                </div>
+                {{if cat.key === 'round'}}
+                {{each cat.roundGroups group}}
+                <div class="round-section {{if group.is_current}}is-current{{/if}}">
+                    <div class="round-header">
+                        <span class="round-title">第{{group.round_id}}轮 {{group.label}}</span>
+                        {{if group.is_current}}
+                        <span class="round-badge current">当前轮次</span>
+                        {{/if}}
                     </div>
-                    {{each cat.products product}}
+                    {{if group.products && group.products.length > 0}}
+                    <div class="products-grid">
+                        {{each group.products product}}
+                        <div class="product-card">
+                            <div class="product-image-container">
+                                <img class="product-image" src="{{product.image}}" alt="{{product.name}}">
+                            </div>
+                            <div class="product-main">
+                                <div class="product-name">{{product.name}}</div>
+                                <div class="product-time">北京时间 {{product.time_label}}</div>
+                            </div>
+                            <div class="product-side">
+                                <div class="product-slot">第{{group.round_id}}轮</div>
+                            </div>
+                        </div>
+                        {{/each}}
+                    </div>
+                    {{else}}
+                    <div class="round-empty">该轮次暂无商品</div>
+                    {{/if}}
+                </div>
+                {{/each}}
+                {{else}}
+                <div class="products-grid">
+                    {{each cat.roundGroups group}}
+                    {{each group.products product}}
                     <div class="product-card">
                         <div class="product-image-container">
                             <img class="product-image" src="{{product.image}}" alt="{{product.name}}">
@@ -416,12 +442,14 @@ body {
                         </div>
                     </div>
                     {{/each}}
+                    {{/each}}
                 </div>
-                {{/each}}
-                {{else}}
-                <div class="product-empty">本轮暂无商品，稍后再来看看。</div>
                 {{/if}}
             </div>
+            {{/each}}
+            {{else}}
+            <div class="all-empty">今日暂无已公布的远行商人商品，稍后再来看看。</div>
+            {{/if}}
         </div>
     </div>
 </body>