chore：表情的布局改为横板

components-diy/diy-tab.vue

@@ -913,7 +913,7 @@ export default {
 // ===== 主容器样式 =====
 .tab-diy-component-preview-container {
     width: 100%;
-    min-height: 300px;
+    min-height: 0px;
     display: flex;
     border: 1px solid #e0e0e0;
     border-radius: 4px;

pages_tool/ai-chat/ai-chat-message.vue

@@ -276,7 +276,7 @@
             <text>×</text>
           </button>
         </view>
-        <scroll-view class="emoji-grid" scroll-y>
+        <view class="emoji-grid">
           <view 
             v-for="(emoji, index) in emojiList" 
             :key="index" 
@@ -284,7 +284,7 @@
             @click="insertEmoji(emoji)">
             <text class="emoji-text">{{ emoji }}</text>
           </view>
-        </scroll-view>
+        </view>
       </view>
     </view>
     
@@ -3562,31 +3562,31 @@ $radius-lg: 36rpx;
     .emoji-grid {
       display: grid;
       grid-template-columns: repeat(8, 1fr);
-      gap: 12rpx;
-      padding: 16rpx 8rpx;
+      gap: 8rpx;
+      padding: 20rpx 16rpx;
       overflow-y: auto;
-      max-height: 50vh;
+      max-height: 45vh;
 
       .emoji-item {
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 72rpx;
-        height: 72rpx;
+        width: 100%;
+        height: 80rpx;
         border-radius: 8rpx;
         background-color: transparent;
         transition: all 0.15s ease;
 
         &:hover {
-          background-color: #f0f0f0;
+          background-color: #f5f5f5;
         }
 
         &:active {
-          background-color: #e0e0e0;
+          background-color: #e5e5e5;
         }
 
         .emoji-text {
-          font-size: 44rpx;
+          font-size: 48rpx;
           line-height: 1;
         }
       }