{"id":1175,"date":"2025-06-03T18:43:49","date_gmt":"2025-06-03T10:43:49","guid":{"rendered":"https:\/\/womeifei.cn\/?p=1175"},"modified":"2025-06-03T18:43:49","modified_gmt":"2025-06-03T10:43:49","slug":"ued%e5%b0%8f%e7%a8%8b%e5%ba%8f%e9%a1%b9%e7%9b%ae%e8%ae%b0%e5%bd%95day02","status":"publish","type":"post","link":"https:\/\/womeifei.cn\/index.php\/2025\/06\/03\/ued%e5%b0%8f%e7%a8%8b%e5%ba%8f%e9%a1%b9%e7%9b%ae%e8%ae%b0%e5%bd%95day02\/","title":{"rendered":"UED\u5c0f\u7a0b\u5e8f\u9879\u76ee\u8bb0\u5f55Day02"},"content":{"rendered":"\n

1.\u8fd9\u4e2a\u56fe\u7247\u683c\u5f0f\u8f6c\u5316\u70e6\u7684\u5f88……<\/strong><\/p>\n\n\n\n

(1)\u5148\u4e0b\u8f7d\u4e00\u4e0bUI\u90a3\u8fb9\u7684\u5207\u56fe<\/p>\n\n\n\n

(2)\u628a\u5207\u56fe\u540d\u5b57\u6539\u4e00\u4e0b \u90fd\u6539\u6210\u6709\u610f\u4e49\u7684\u82f1\u6587\u540d\u5b57\u6700\u597d!<\/p>\n\n\n\n

(3)\u7edf\u4e00\u628apng\u683c\u5f0f\u56fe\u7247\u8f6c\u4e3ajpg\u683c\u5f0f<\/p>\n\n\n\n

(4)\u62d6\u5230\u76f8\u5e94\u7684\u56fe\u7247\u76ee\u5f55\u4e0b (static\/images or common\/images)<\/p>\n\n\n\n

2.\u5173\u4e8e\u5728uni-app\u4e2d\u6253\u5f00\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u540e\u7f16\u8f91\u4ee3\u7801\u4fdd\u5b58\u540e\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u4e0d\u5237\u65b0\u9875\u9762\u7684\u95ee\u9898<\/strong><\/p>\n\n\n\n

\u5728\u5fae\u4fe1\u5f00\u53d1<\/a>\u8005\u91cc\u7684\u8bbe\u7f6e->\u7f16\u8f91\u5668->\u6587\u4ef6\u4fdd\u5b58\uff0c\u6709\u4e24\u4e2a\u9009\u9879\uff0c\u4fee\u6539\u6587\u4ef6\u65f6\u81ea\u52a8\u4fdd\u5b58\u548c\u4fdd\u5b58\u65f6\u81ea\u52a8\u7f16\u8f91\u5c0f\u7a0b\u5e8f\uff0c\u8fd9\u4e24\u4e2a\u4e00\u8d77\u6253\u5f00\u5c31\u4e0d\u4f1a\u7ed9\u4f60\u91cd\u65b0\u6e32\u67d3\uff0c\u5e94\u8be5\u662f\u8ddfHBuilder X\u51b2\u7a81\u4e86\u5bfc\u81f4\u7684\uff0c\u628a\u4fee\u6539\u6587\u4ef6\u65f6\u81ea\u52a8\u4fdd\u5b58\u5173\u4e86\u5c31\u884c\u4e86!<\/p>\n\n\n\n

3.\u5fae\u4fe1\u5c0f\u7a0b\u5e8fspan\u6807\u7b7e\u5931\u6548<\/strong> \u8fd8\u662f\u591a\u7528 view\u5427<\/strong><\/p>\n\n\n\n

4.\u7ed9\u7684UI\u56fe\u80cc\u666f\u90fd\u662f\u6709\u767d\u8272\u7684\u90e8\u5206 –> \u53ef\u4ee5\u4f7f\u7528CSS\u4e2dmix-blend-mode : multiply \u5c5e\u6027\u8fdb\u884c\u989c\u8272\u7684\u5747\u548c<\/strong><\/p>\n\n\n\n

5.\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7aef\u53ea\u652f\u6301\u7f51\u7edc\u5b57\u4f53<\/strong><\/strong>\uff0c\u5b57\u4f53\u94fe\u63a5\u5fc5\u987b\u662fhttps App\u652f\u6301\u7f51\u7edc\u6216\u672c\u5730\u7684\u5b57\u4f53<\/strong> <\/p>\n\n\n\n

\u8fd9\u4e1c\u897f\u4e5f\u633a\u70e6\u7684 \u8fd8\u662f\u5728\u963f\u91cc\u5df4\u5df4\u7684\u7f51\u7ad9\u4e0a\u641e\u6bd4\u8f83\u8212\u670d \u76f4\u63a5\u8d4b\u503c@font-face\u4ee3\u7801\u5c31\u53ef\u4ee5\u4e86 <\/p>\n\n\n\n

\u53ef\u4ee5\u81ea\u5b9a\u4e49font-family\u7684\u540d\u5b57 \u5728\u8981\u7528\u5b57\u4f53\u7684\u5730\u65b9\u76f4\u63a5font-family:” ” \u5373\u53ef <\/p>\n\n\n\n

6.\u6587\u5b57\u663e\u793a\u5728\u4e00\u884c \u591a\u4f59\u6587\u5b57\u9690\u85cf\u5e76\u52a0\u4e0a……<\/strong> —> \u4e09\u90e8\u66f2\u5373\u53ef<\/strong><\/p>\n\n\n\n

white-space: nowrap;\noverflow: hidden;\ntext-overflow: ellipsis;<\/code><\/pre>\n\n\n\n
7.\u60f3\u7ed9\u6587\u5b57\u6dfb\u52a0\u989c\u8272\u6e10\u53d8\u6548\u679c<\/strong><\/p>\n\n\n\n
\u8bbe\u7f6e\u80cc\u666f\u6e10\u53d8  \u6587\u5b57\u989c\u8272\u900f\u660e  \u518d\u88c1\u526a\u80cc\u666f\u5230\u53ea\u5269\u4e0btext<\/p>\n\n\n\n
\u4f46\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e0d\u652f\u6301background-clip\u5c5e\u6027  <\/p>\n\n\n\n
\u9700\u8981\u4f7f\u7528-webkit-background-clip: text;<\/p>\n\n\n\n
8.\u8bbe\u7f6e\u7a7a\u5fc3\u5361\u7247\u8fb9\u6846\u989c\u8272\u6e10\u53d8<\/strong>  <\/p>\n\n\n\n
\u6bd4\u8f83\u70e6\u4eba\u8fd9\u4e2a\u4e1c\u897f<\/p>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n
\u8fd9\u6837\u5904\u7406\u6548\u679c\u4e0d\u9519<\/p>\n\n\n\n
.border {\n            width: 300px;\n            height: 300px;\n            border-radius: 20px;\n            margin: auto;\n            box-sizing: border-box;\n            border: 1px solid transparent;\n            background-image: linear-gradient(#fff, #fff),\n                linear-gradient(to bottom left,\n                    rgba(255, 216, 64, 1),\n                    rgba(243, 172, 255, 1),\n                    rgba(138, 236, 255, 1));\n            background-origin: border-box;\n            background-clip: content-box, border-box;\n            border-radius: 20px;\n        }\n<\/code><\/pre>\n\n\n\n
9.\u81ea\u5b9a\u4e49tabBar\u906e\u6321\u4f4f\u90e8\u5206\u5185\u5bb9(\u624b\u673a\u5c4f\u5e55\u8f83\u77ed\u65f6 \u5982iPhone6\/7\/8)\u89e3\u51b3<\/strong><\/p>\n\n\n\n
\u5e95\u90e8\u52a0\u4e0a<view style=”width: 100%;height: calc(100rpx + env(safe-area-inset-bottom) \/ 2);”><\/view><\/p>\n\n\n\n
\u81ea\u5b9a\u4e49\u83b7\u53d6\u9ad8\u5ea6\u586b\u5145  <\/p>\n\n\n\n
\u8fd9\u4e48\u505a\u57fa\u672c\u9002\u5e94\u5927\u591a\u6570\u60c5\u51b5\u4e86 \u4f46\u662f\u4f1a\u51fa\u73b0\u7a7a\u767d\u90e8\u5206 \u6240\u4ee5\u5e94\u8be5\u8fd8\u8981\u53bb\u627e\u4e0b\u901a\u89e3\u65b9\u6cd5<\/p>\n\n\n\n
10.\u7528Uniapp\u81ea\u5e26\u7684\u7ec4\u4ef6\u4e5f\u662f\u5f88\u8212\u670d\u4e86<\/strong> \u7528\u7684\u65f6\u5019\u770b\u597d\u4e86\u662f\u54ea\u4e2a\u9879\u76ee\u7528 \u8001\u7ed9\u58c1\u7eb8\u9879\u76ee\u7528\u4e86<\/strong><\/p>\n\n\n\n
11.\u9875\u9762\u8df3\u8f6c\u4e24\u4e2a\u601d\u8def <\/strong><\/p>\n\n\n\n
(1)navigator\u6807\u7b7e\u5b9e\u73b0<\/p>\n\n\n\n
(2)API\u5b9e\u73b0 \u5982uni.navigateTo( { url: …… } )<\/p>\n","protected":false},"excerpt":{"rendered":"
1.\u8fd9\u4e2a\u56fe\u7247\u683c\u5f0f\u8f6c\u5316\u70e6\u7684\u5f88…… (1)\u5148\u4e0b\u8f7d\u4e00\u4e0bUI\u90a3\u8fb9\u7684\u5207\u56fe (2)\u628a\u5207\u56fe\u540d\u5b57\u6539\u4e00\u4e0b […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,29],"tags":[],"class_list":["post-1175","post","type-post","status-publish","format-standard","hentry","category-1","category-29"],"_links":{"self":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts\/1175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1175"}],"version-history":[{"count":9,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts\/1175\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts\/1175\/revisions\/1186"}],"wp:attachment":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}