2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
.points-history-page[data-v-7135f2f7]{min-height:100vh;background-color:#f5f5f5}.navbar[data-v-7135f2f7]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.nav-left[data-v-7135f2f7],.nav-right[data-v-7135f2f7]{flex:1}.nav-right[data-v-7135f2f7]{display:flex;justify-content:flex-end}.back-btn[data-v-7135f2f7],.shop-btn[data-v-7135f2f7]{color:#409eff;font-size:14px}.nav-title[data-v-7135f2f7]{margin:0;font-size:18px;font-weight:500;color:#333}.points-overview[data-v-7135f2f7]{padding:16px}.overview-card[data-v-7135f2f7]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;box-shadow:0 8px 24px #667eea4d}.current-points[data-v-7135f2f7]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.points-icon[data-v-7135f2f7]{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.points-value[data-v-7135f2f7]{font-size:32px;font-weight:700;line-height:1}.points-label[data-v-7135f2f7]{font-size:14px;opacity:.8;margin-top:4px}.points-stats[data-v-7135f2f7]{display:flex;gap:32px}.stat-item[data-v-7135f2f7]{text-align:center}.stat-value[data-v-7135f2f7]{font-size:20px;font-weight:600;line-height:1}.stat-label[data-v-7135f2f7]{font-size:12px;opacity:.8;margin-top:4px}.filter-section[data-v-7135f2f7]{background:#fff;border-bottom:1px solid #eee;padding:16px}.filter-tabs[data-v-7135f2f7]{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.tab-item[data-v-7135f2f7]{padding:8px 16px;border-radius:20px;background:#f5f5f5;color:#666;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .3s}.tab-item.active[data-v-7135f2f7]{background:#409eff;color:#fff}.date-filter[data-v-7135f2f7]{display:flex;justify-content:center}.history-content[data-v-7135f2f7]{padding:16px}.empty-state[data-v-7135f2f7]{text-align:center;padding:60px 20px;color:#999}.history-list[data-v-7135f2f7]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-7135f2f7]{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.history-item[data-v-7135f2f7]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.item-icon[data-v-7135f2f7]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-earn[data-v-7135f2f7]{background:#e8f5e8;color:#52c41a}.icon-spend[data-v-7135f2f7]{background:#fff2e8;color:#fa8c16}.icon-task[data-v-7135f2f7]{background:#f6ffed;color:#52c41a}.icon-exchange[data-v-7135f2f7]{background:#fff0f6;color:#eb2f96}.icon-present[data-v-7135f2f7]{background:#f9f0ff;color:#722ed1}.icon-review[data-v-7135f2f7]{background:#fff7e6;color:#fa8c16}.icon-share[data-v-7135f2f7]{background:#e6fffb;color:#13c2c2}.icon-default[data-v-7135f2f7]{background:#f5f5f5;color:#999}.item-content[data-v-7135f2f7]{flex:1}.item-header[data-v-7135f2f7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.item-title[data-v-7135f2f7]{margin:0;font-size:16px;color:#333;font-weight:500;line-height:1.4}.item-points[data-v-7135f2f7]{font-size:16px;font-weight:600;white-space:nowrap}.points-positive[data-v-7135f2f7]{color:#52c41a}.points-negative[data-v-7135f2f7]{color:#ff4d4f}.item-details[data-v-7135f2f7]{display:flex;flex-direction:column;gap:8px}.item-description[data-v-7135f2f7]{margin:0;font-size:14px;color:#666;line-height:1.4}.item-meta[data-v-7135f2f7]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.item-date[data-v-7135f2f7]{flex:1}.item-order[data-v-7135f2f7]{color:#409eff}.item-action[data-v-7135f2f7]{display:flex;align-items:center}.load-more[data-v-7135f2f7]{text-align:center;padding:20px}.points-rules[data-v-7135f2f7]{margin:16px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.rules-content[data-v-7135f2f7]{padding:16px}.rule-item[data-v-7135f2f7]{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:#666}.rule-item .el-icon[data-v-7135f2f7]{color:#409eff}@media (max-width: 480px){.points-stats[data-v-7135f2f7]{gap:16px}.item-header[data-v-7135f2f7],.item-meta[data-v-7135f2f7]{flex-direction:column;align-items:flex-start;gap:4px}.current-points[data-v-7135f2f7]{flex-direction:column;text-align:center;gap:8px}}
|