export declare const uiDesignPromptTemplate = "# 1\u3001UI\u8BBE\u8BA1\u8981\u6C42\n- \u8FD9\u662F\u9759\u6001html\u9875\u9762\u8BBE\u8BA1\uFF0C\u4E0D\u5F97\u5199\u4EFB\u4F55js\u6216ts\u7684\u4EE3\u7801\uFF0C\u53EA\u5141\u8BB8\u5199html+css\u4EE3\u7801\n- \u8FD9\u662F\u9759\u6001html\u9875\u9762\uFF0C\u4E0D\u5F97\u6DFB\u52A0\u4EFB\u4F55\u52A8\u753B\u6548\u679C\uFF0C\u7981\u6B62\u4F7F\u7528keyframes\u7B49\u4EFB\u4F55\u52A8\u753B\u6548\u679C\u7684\u4EE3\u7801\n- **\u5FC5\u987B\u9075\u5FAA`.bytefun/UI\u8BBE\u8BA1\u89C4\u8303.md`\u7684UI\u8BBE\u8BA1\u89C4\u8303\uFF0C\u5E76\u4E14html\u91CC\u9762\u4E0D\u80FD\u589E\u5220\u6539`:root`\u989C\u8272\u53D8\u91CF\uFF0C\u989C\u8272\u53EA\u80FD\u4F7F\u7528html\u6587\u4EF6\u7684`head`\u6807\u7B7E\u91CC\u5DF2\u7ECF\u5B9A\u4E49\u597D\u7684`:root`\u989C\u8272\u53D8\u91CF\uFF0C\u4E0D\u80FD\u76F4\u63A5\u4F7F\u7528\u989C\u8272\u503C\u6216\u79C1\u81EA\u5B9A\u4E49\u5176\u4ED6\u989C\u8272\u53D8\u91CF**\n- \u9075\u5FAAiPhone 16 Pro\u5C3A\u5BF8\u89C4\u683C(\u5BBD\u5EA6393px\u9AD8\u5EA6852px)\n- \u91C7\u7528\u660E\u4EAE\u3001\u6D3B\u529B\u7684\u914D\u8272\u65B9\u6848\n- \u5982\u7528\u6237\u6CA1\u6709\u660E\u786E\u63CF\u8FF0\u8BF4\u660E\u9875\u9762\u80CC\u666F\u8272\uFF0C\u53EA\u6709\u95EA\u5C4F\u9875\u9762\u7684\u80CC\u666F\u8272\u5141\u8BB8\u8BBE\u7F6Eprimary\u4E3B\u8272\u6216primary\u4E0Esecondary\u7684\u6E10\u53D8\u8272\uFF0C\u5176\u4ED6\u9875\u9762\u5FC5\u987B\u4F7F\u7528\u975Eprimary\u4E0E\u975Esecondary\u7684\u7EAF\u8272\u505A\u9875\u9762\u80CC\u666F\u8272\uFF0C\u6BD4\u5982\u4E00\u822C\u4F7F\u7528\u767D\u8272\u7CFB\uFF0C\u5982\u679C\u662F\u6697\u9ED1\u98CE\u90A3\u5C31\u662F\u9ED1\u8272\u7CFB\u3002\n- \u8F93\u5165\u6846`input`\u5982\u679C\u9700\u8981\u5C55\u793A\u6587\u5B57label\uFF0C\u5C3D\u91CF\u4F7F\u7528icon\u4EE3\u66FF\u6587\u5B57label\uFF0C\u5E76\u4E14icon\u91CD\u53E0\u5728\u8F93\u5165\u6846\u7684\u5DE6\u4FA7\uFF0C\u8FD9\u6837\u6574\u4E2A\u9875\u9762\u7684\u7A7A\u95F4\u5229\u7528\u7387\u9AD8\u3002\n- \u9875\u9762\u5F00\u5934\u5FC5\u987B\u8981\u6709\u4E00\u4E2A\u624B\u673A\u72B6\u6001\u680FphoneTopStatusBar\u8282\u70B9\uFF0C\u5E76\u4E14\u624B\u673A\u72B6\u6001\u680FphoneTopStatusBar\u8282\u70B9\u7684\u9AD8\u5EA6\u5FC5\u987B\u6C38\u8FDC\u8BBE\u8BA1\u4E3A22px\uFF0C\u5FC5\u987B\u8BBE\u7F6Eheight\u3001min-height\u3001max-height\u5C5E\u6027\u548C\u503C\u662F22px\uFF0C\u5DF2\u7ECF\u80CC\u666F\u8272\u662F\u900F\u660E\u7684\uFF0Ccss\u4EE3\u7801\u5982\u4E0B\uFF1A\n```css\n...\nheight: 22px;\nmin-height: 22px;\nmax-height: 22px;\nbackground-color: transparent;\n...\n```\n- \u9876\u90E8\u5BFC\u822A\u680F\u5DE6\u8FB9\u7684\u8FD4\u56DE\u6309\u94AE\u5FC5\u987B\u4F7F\u7528`icon`\u56FE\u6807\u7EC4\u4EF6\u6765\u5B9E\u73B0\uFF0C\u4E0D\u5F97\u4F7F\u7528`text`\u548C`button`\u7EC4\u4EF6\u6765\u5B9E\u73B0\u3002\n- \u95EA\u5C4F\u9875\u9762\u7684\u4E0D\u5F97\u6DFB\u52A0\u4EFB\u4F55js\u4EE3\u7801\uFF0C\u4E0D\u5F97\u6DFB\u52A0N\u79D2\u540E\u8DF3\u8F6C\u9875\u9762\u7684js\u4EE3\u7801\uFF0C\u56E0\u4E3A\u95EA\u5C4F\u9875\u53EA\u662F\u4E00\u4E2A\u5C55\u793A\u9875\uFF0C\u4E0D\u80FD\u6DFB\u52A0\u4EFB\u4F55\u4EA4\u4E92\u529F\u80FD\u548C\u52A8\u753B\u6548\u679C\u3002\n- \u6240\u6709\u8F6E\u64AD\u8282\u70B9\u4E0D\u5F97\u6DFB\u52A0\u81EA\u52A8\u64AD\u653E\u529F\u80FD\u7684js\u4EE3\u7801\n- \u7981\u6B62\u6DFB\u52A0\u4EFB\u4F55\u52A8\u753B\u6548\u679C\n\n# 2\u3001icon\u56FE\u6807\u4E0Eimg\u56FE\u7247\u5199\u6CD5\u548C\u89C4\u5219\n- \u5F53\u9700\u8981icon\u56FE\u6807\u65F6\u5FC5\u987B\u4F7F\u7528FontAwesome\u56FE\u6807\uFF0C\u6BD4\u5982\uFF1A``\n- \u5F53\u9700\u8981img\u56FE\u7247\u65F6\uFF0Csrc\u4F7F\u7528\u56FE\u7247\u5730\u5740\uFF1A`https://oss.bytefungo.com/f1/showImg1.jpg`)\uFF0C\u5176\u4E2D\u7ED3\u5C3E\u7684\u2019showImg1'\u53EF\u4EE5\u6362\u4E3A\u4ECE1\u523030\u7684\u6570\u5B57\uFF0C1~30\u7684\u6570\u5B57\u5FC5\u987B\u968F\u673A\u6311\u9009\uFF0C\u4E0D\u5F97\u6BCF\u4E2A\u9875\u9762\u6BCF\u4E2A\u56FE\u7247\u90FD\u4F7F\u7528\u540C\u4E00\u4E2A\u6570\u5B57\u3002\u5199\u6CD5\u6BD4\u5982\uFF1A`![\"xxx\"](\"https://oss.bytefungo.com/f1/showImg17.jpg\")
`\n- \u7EDD\u5BF9\u4E0D\u80FD\u4F7F\u7528emoji\u8868\u60C5\u7B26\u53F7\uFF0C\u4E0D\u5F97\u4F7F\u7528\u4EFB\u4F55emoji\u8868\u60C5\u7B26\u53F7\uFF0C\u8BF7\u4F7F\u7528icon\u6216img\u56FE\u7247\u8282\u70B9\u6765\u4EE3\u66FF\u3002\n- \u9700\u8981\u4E25\u683C\u9075\u5B88`UI\u8BBE\u8BA1\u89C4\u8303.md`\u7684UI\u8BBE\u8BA1\u89C4\u8303\u91CC\u9762\u7684`\u56FE\u6807\u89C4\u8303`\u6765\u8BBE\u8BA1icon\u56FE\u6807\u3002\n\n# 3\u3001html\u8282\u70B9\u89C4\u5219\n- \u6240\u6709css\u6837\u5F0F\u5B9A\u4E49\u53EA\u80FD\u4F7F\u7528\u4EE5\u4E0B\u8FD9\u4E9Bcss\u4F2A\u7C7B\u9009\u62E9\u5668\uFF1Ahover\u3001active\u3001focus\u3001disabled\u3001checked\u3001selected\u3001placeholder\n- \u7981\u6B62\u5199\u4EFB\u4F55@media\u76F8\u5173\u7684(\u54CD\u5E94\u5F0F\u8C03\u6574)css\u4EE3\u7801\uFF0C\u56E0\u4E3A\u5DF2\u7ECF\u660E\u786E\u662F\u4EE5393*852\u7684\u5206\u8FA8\u7387\u8BBE\u8BA1APP\u79FB\u52A8\u7AEF\u4E86\n- \u6BCF\u4E2A\u7EC4\u4EF6\u90FD\u5FC5\u987B\u5305\u542B`id`\u5C5E\u6027\uFF0C`id`\u5C5E\u6027\u5FC5\u987B\u662F\u82F1\u6587\u6216\u6570\u5B57\uFF0C\u4E14\u4E0D\u80FD\u4EE5\u6570\u5B57\u5F00\u5934\uFF0C\u5E76\u4E14\u6574\u4E2A\u9875\u9762`id`\u5C5E\u6027\u7684\u503C\u5FC5\u987B\u552F\u4E00\n- css\u7684class\u5B9A\u4E49\u5FC5\u987B\u4F7F\u7528\u5185\u8054\u6837\u5F0F\uFF0C\u5E76\u4E14\u5FC5\u987B\u5728html\u9875\u9762\u91CC\u9762\u5B9A\u4E49\u597D\uFF0C\u4E0D\u5F97\u53EA\u4F7F\u7528class\u800C\u4E0D\u53BB\u5B9A\u4E49\n- \u8FD9\u662F\u9759\u6001html\u9875\u9762\u8BBE\u8BA1\uFF0C\u4E0D\u5F97\u5199\u4EFB\u4F55js\u6216ts\u7684\u4EE3\u7801\uFF0C\u53EA\u5141\u8BB8\u5199html+css\u4EE3\u7801\n- \u8FD9\u662F\u9759\u6001html\u9875\u9762\uFF0C\u4E0D\u5F97\u6DFB\u52A0\u4EFB\u4F55\u52A8\u753B\u6548\u679C\uFF0C\u7981\u6B62\u4F7F\u7528keyframes\u7B49\u4EFB\u4F55\u52A8\u753B\u6548\u679C\u7684\u4EE3\u7801\n\n# 4\u3001\u8282\u70B9\u663E\u793A\u9690\u85CF\u89C4\u5219\n- \u8282\u70B9\u7684\u663E\u793A\u4E0E\u9690\u85CF\u7684\u5207\u6362\u5FC5\u987B\u4F7F\u7528`display: none`\u6765\u5B9E\u73B0\uFF0C\u4E0D\u80FD\u4F7F\u7528`opacity: 0`\u548C`visibility: hidden`\u6765\u5B9E\u73B0\n";
//# sourceMappingURL=uiDesign%20copy.d.ts.map