feat(markets): add trading calculator tool and optimize app config
1. 新增工具箱页面和A股交易计算工具 2. 配置expo项目信息与eas构建参数 3. 清理无用的worklets依赖
This commit is contained in:
yangxiangyuan
@@ -210,6 +210,212 @@ input[type="date"]:hover {
|
||||
.markets-weekly-stat-range { font-size: 15px }
|
||||
}
|
||||
|
||||
/* ===== 工具箱样式 ===== */
|
||||
.tools-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.tool-card {
|
||||
border: 1px solid #e8e8e8;
|
||||
border-radius: 12px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tool-card-header {
|
||||
padding: 14px 16px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
background: linear-gradient(135deg, #f8fbff, #ffffff);
|
||||
}
|
||||
|
||||
.tool-card-header h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.tool-card-body {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.calc-input-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.calc-label {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #374151;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.calc-input {
|
||||
width: 100px;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
background: #ffffff;
|
||||
color: #262626;
|
||||
transition: all 0.2s ease;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
|
||||
.calc-input:focus {
|
||||
outline: none;
|
||||
border-color: #1677ff;
|
||||
box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1);
|
||||
}
|
||||
|
||||
.calc-input:hover {
|
||||
border-color: #4096ff;
|
||||
}
|
||||
|
||||
.calc-input-sm {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.calc-result-input {
|
||||
background: #f8f9fa;
|
||||
font-weight: 600;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.calc-amount-group {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.calc-select {
|
||||
padding: 6px 10px;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
background: #ffffff;
|
||||
color: #262626;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.calc-select:focus {
|
||||
outline: none;
|
||||
border-color: #1677ff;
|
||||
box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1);
|
||||
}
|
||||
|
||||
.calc-radio-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.calc-radio {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.calc-radio input[type="radio"] {
|
||||
margin: 0 4px 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.calc-radio-label {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.calc-radio-up {
|
||||
color: #f5222d;
|
||||
}
|
||||
|
||||
.calc-radio-down {
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.calc-sign-display {
|
||||
display: inline-block;
|
||||
min-width: 18px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.calc-sign-display.is-up {
|
||||
color: #f5222d;
|
||||
}
|
||||
|
||||
.calc-sign-display.is-down {
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.calc-result-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
background: linear-gradient(135deg, #f8fbff, #ffffff);
|
||||
border: 1px solid #e8e8e8;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.calc-result-label {
|
||||
font-size: 14px;
|
||||
color: #64748b;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tools-placeholder {
|
||||
border: 1px dashed #cbd5e1;
|
||||
border-radius: 12px;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.tools-placeholder-text {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.calc-input-row {
|
||||
gap: 8px;
|
||||
}
|
||||
.calc-input {
|
||||
width: 80px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.calc-input-sm {
|
||||
width: 60px;
|
||||
}
|
||||
.calc-label {
|
||||
font-size: 13px;
|
||||
}
|
||||
.calc-result-row {
|
||||
padding: 10px 12px;
|
||||
gap: 6px;
|
||||
}
|
||||
.calc-result-label {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
#news-table { table-layout: fixed }
|
||||
#news-table td { word-wrap: break-word; overflow-wrap: break-word }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user