update at 2026-02-12 17:30:41

2026-02-12 17:30:41 +08:00
parent 8ce67dae5e
commit b6804cc2f1
32 changed files with 5765 additions and 0 deletions
--- a/miniapp/pages/index/index.wxss
+++ b/miniapp/pages/index/index.wxss
@@ -0,0 +1,178 @@
+.page {
+  padding: 8px;
+}
+
+.header {
+  height: 48px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.logo {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+}
+
+.title {
+  width: 160px;
+}
+
+.toolbar {
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.tool-item {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  font-size: 12px;
+}
+
+.tool-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.tiny-icon {
+  width: 10px;
+  height: 10px;
+}
+
+.export-box {
+  margin-left: auto;
+  background: #fff;
+  border: 1px solid #e5e6eb;
+  border-radius: 4px;
+  padding: 2px 4px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.export-main {
+  width: 10px;
+  height: 20px;
+}
+
+.export-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.preview-block,
+.block {
+  margin-top: 8px;
+  border: 1px solid #fbaca3;
+  border-radius: 8px;
+  background: #fff;
+  padding: 4px;
+}
+
+.block-title {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.preview-canvas {
+  margin-top: 4px;
+  min-height: 300px;
+  background: #f7f8fa;
+  border-radius: 4px;
+}
+
+.bottom-grid {
+  margin-top: 8px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+
+.field {
+  margin-top: 8px;
+}
+
+.field-title {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.field-title image {
+  width: 14px;
+  height: 14px;
+}
+
+.row {
+  height: 24px;
+  border-bottom: 1px solid #c9cdd4;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding-bottom: 6px;
+  margin-top: 4px;
+}
+
+.row image {
+  width: 18px;
+  height: 18px;
+}
+
+.label {
+  flex: 1;
+  color: #86909c;
+  font-size: 12px;
+}
+
+.footer {
+  margin-top: 8px;
+  color: #86909c;
+  font-size: 14px;
+}
+
+.theme-sheet-mask {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.theme-sheet {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+  padding: 12px;
+}
+
+.theme-title {
+  color: #9b6bc2;
+  font-size: 14px;
+  text-align: center;
+}
+
+.theme-row {
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.theme-row image {
+  width: 18px;
+  height: 18px;
+}
+
+.theme-bar {
+  flex: 1;
+  height: 20px;
+  border-radius: 2px;
+  background: linear-gradient(90deg, #f72585, #3f37c9, #4cc9f0);
+}