update at 2026-02-08 22:31:25

miniprogram/pages/index/index.wxss

@@ -71,12 +71,20 @@
   margin-top: 16rpx;
 }
 
+.content-icon {
+  width: 44rpx;
+  height: 72rpx;
+  flex-shrink: 0;
+}
+
 .text-input-container {
   flex: 1;
   height: 100%;
   background: #F7F8FA;
   border-radius: 12rpx;
   padding: 0 6rpx;
+  display: flex;
+  align-items: center;
 }
 
 .text-input {
@@ -86,30 +94,6 @@
   color: #4E5969;
 }
 
-.export-buttons {
-  display: flex;
-  align-items: center;
-  gap: 12rpx;
-  height: 100%;
-  background: #fff;
-  border: 1rpx solid #E5E6EB;
-  border-radius: 10rpx;
-  padding: 5rpx 10rpx;
-}
-
-.export-btn {
-  width: 62rpx;
-  height: 62rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.export-icon {
-  width: 100%;
-  height: 100%;
-}
-
 /* 效果预览区域 */
 .preview-section {
   flex: 1;
@@ -162,6 +146,35 @@
   color: #86909C;
 }
 
+.export-btns-inline {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+
+.export-btn-sm {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8rpx;
+  padding: 4rpx 6rpx;
+  width: 50rpx;
+  height: 22rpx;
+}
+
+.export-btn-sm.export-svg-btn {
+  background: #8552A1;
+}
+
+.export-btn-sm.export-png-btn {
+  background: #2420A8;
+}
+
+.export-icon-sm {
+  width: 100%;
+  height: 100%;
+}
+
 .preview-checkbox {
   width: 14rpx;
   height: 14rpx;
@@ -206,6 +219,13 @@
   color: #86909C;
 }
 
+.preview-error {
+  font-size: 22rpx;
+  color: #dc2626;
+  text-align: center;
+  padding: 0 12rpx;
+}
+
 .preview-empty {
   text-align: center;
   padding: 80rpx 0;
@@ -240,6 +260,13 @@
   align-items: center;
   gap: 8rpx;
   padding: 4rpx 0;
+  height: 56rpx;
+}
+
+.selection-header .section-title {
+  padding: 0;
+  height: auto;
+  line-height: 56rpx;
 }
 
 .search-container {
@@ -250,7 +277,7 @@
   background: #F7F8FA;
   border-radius: 8rpx;
   padding: 4rpx 12rpx;
-  height: 56rpx;
+  height: 40rpx;
 }
 
 .search-icon {
@@ -264,11 +291,12 @@
   flex: 1;
   font-size: 22rpx;
   color: #4E5969;
+  height: 100%;
 }
 
 .search-toggle {
-  width: 56rpx;
-  height: 56rpx;
+  width: 40rpx;
+  height: 40rpx;
   display: flex;
   align-items: center;
   justify-content: center;