feat: apply B-147 visual tokens to shell and three representative pages
Closes B-156 Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
co-authored by
Cursor
multica-agent
parent
b60a4cb682
commit
e778c883db
+6
-6
@@ -78,7 +78,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-pool-view .data-table .number {
|
||||
@@ -207,7 +207,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-broken-view .data-table .number {
|
||||
@@ -335,7 +335,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-down-view .data-table .number {
|
||||
@@ -455,7 +455,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-yesterday-view .data-table .number {
|
||||
@@ -2235,9 +2235,9 @@
|
||||
:is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .row-number {
|
||||
padding-right: 8px;
|
||||
|
||||
padding-left: 8px;
|
||||
padding-left: 12px;
|
||||
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .reason-column {
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
<table class="data-table tbl" id="limitTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num" aria-label="序号">序号</th>
|
||||
<th class="row-number" aria-label="序号">序号</th>
|
||||
<th data-sort="name">股票</th>
|
||||
<th class="number num sortable" data-sort="streak">连板<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-sort="change">涨幅(%)<span class="arr">↕</span></th>
|
||||
@@ -83,7 +83,7 @@
|
||||
<table id="brokenTable" class="data-table tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num">序号</th>
|
||||
<th class="row-number">序号</th>
|
||||
<th>股票</th>
|
||||
<th class="number num sortable" data-broken-sort="change">现价涨幅(%)<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-auto-sort="true">距涨停(%)<span class="arr">↕</span></th>
|
||||
@@ -122,7 +122,7 @@
|
||||
<table id="downTable" class="data-table tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num">序号</th>
|
||||
<th class="row-number">序号</th>
|
||||
<th>股票</th>
|
||||
<th class="number num sortable" data-down-sort="change">跌幅(%)<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-auto-sort="true">价格(元)<span class="arr">↕</span></th>
|
||||
@@ -176,7 +176,7 @@
|
||||
<table id="yesterdayTable" class="data-table tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num">序号</th>
|
||||
<th class="row-number">序号</th>
|
||||
<th>股票</th>
|
||||
<th class="number num sortable" data-yesterday-sort="prior_streak">昨日高度(板)<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-yesterday-sort="current_change">今日涨幅(%)<span class="arr">↕</span></th>
|
||||
|
||||
@@ -28,7 +28,7 @@ function renderLimitTable() {
|
||||
const body = document.querySelector("#limitTableBody");
|
||||
body.innerHTML = rows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num"><span class="pool-streak-tag tag red">${streakLabel(row.streak)}</span></td>
|
||||
<td class="number num up">${signed(row.change)}</td>
|
||||
@@ -75,7 +75,7 @@ function renderBrokenTable(rows) {
|
||||
const body = document.querySelector("#brokenTableBody");
|
||||
body.innerHTML = visibleRows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num ${changeClass(row.change)}" data-sort-value="${number(row.change)}">${signed(row.change)}</td>
|
||||
<td class="number num broken-limit-gap" data-sort-value="${row.limitGap}">${formatNumber(row.limitGap, 2)}</td>
|
||||
@@ -155,7 +155,7 @@ function renderDownTable(rows) {
|
||||
const body = document.querySelector("#downTableBody");
|
||||
body.innerHTML = visibleRows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num down" data-sort-value="${number(row.change)}">${signed(row.change)}</td>
|
||||
<td class="number num">${formatNumber(row.price, 2)}</td>
|
||||
@@ -228,7 +228,7 @@ function renderYesterdayTable(rows) {
|
||||
const body = document.querySelector("#yesterdayTableBody");
|
||||
body.innerHTML = visibleRows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num">${number(row.prior_streak)}</td>
|
||||
<td class="number num ${changeClass(row.current_change)}">${signed(row.current_change)}</td>
|
||||
|
||||
Reference in New Issue
Block a user