聊天页面优化

hongjli

2025-04-10 ad47ed6eb99ddb9be84240fc3fd93c7d54016ebc

 src/app/ai-scene/chat/page.tsx

@@ -65,15 +65,16 @@
      {/* 左侧场景选项卡 */}
      <div className="w-64 bg-white border-r flex flex-col">
        {/* 固定头部 */}
        <div className="p-4 pt-20 bg-white">
          <div className="flex flex-col space-y-4">
        <div className="pt-[65px] bg-white">
          <div className="h-12 px-6 flex items-center border-b">
            <div className="flex items-center">
            <button
              onClick={() => router.push('/ai-scene')}
              className="group flex items-center text-sm text-gray-500 hover:text-red-500 transition-all duration-300"
                className="group inline-flex items-center text-sm text-gray-500 hover:text-red-500 transition-all duration-300 cursor-pointer"
            >
              <svg 
                xmlns="http://www.w3.org/2000/svg" 
                className="h-4 w-4 mr-1.5 transition-transform duration-300 group-hover:-translate-x-0.5" 
                  className="h-4 w-4 transition-transform duration-300 group-hover:-translate-x-0.5" 
                fill="none" 
                viewBox="0 0 24 24" 
                stroke="currentColor"
@@ -85,14 +86,13 @@
                  d="M10 19l-7-7m0 0l7-7m-7 7h18" 
                />
              </svg>
              <span>返回</span>
                <span className="ml-1.5">返回</span>
            </button>
            <h2 className="text-xl font-bold flex items-center">
              <span className="text-gray-900">
              <div className="mx-3 h-4 w-px bg-gray-200"></div>
              <h2 className="text-base font-medium text-gray-900 flex items-center">
                AI场景
              </span>
              <motion.span 
                className="ml-2 inline-block w-2 h-2 rounded-full bg-[#6ADBFF]"
                  className="ml-2 inline-block w-1.5 h-1.5 rounded-full bg-[#6ADBFF]"
                animate={{ 
                  scale: [1, 1.5, 1],
                  opacity: [0.7, 1, 0.7] 
@@ -106,6 +106,7 @@
            </h2>
          </div>
        </div>
        </div>

        {/* 滚动内容区 */}
        <div className="flex-1 overflow-y-auto px-4 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-[#E5E6EB] [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-[#C9CDD4]">