{"id":145,"date":"2025-05-24T19:48:51","date_gmt":"2025-05-24T11:48:51","guid":{"rendered":"https:\/\/codecraft.xin\/?p=145"},"modified":"2025-05-24T19:48:52","modified_gmt":"2025-05-24T11:48:52","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91","status":"publish","type":"post","link":"https:\/\/codecraft.xin\/?p=145","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1"},"content":{"rendered":"\n

\u7eaf\u51c0\u6a21\u5f0f\u4e0b\u5f00\u53d1\uff1a<\/h2>\n\n\n\n
\"\"<\/div><\/figure>\n\n\n\n

\u53ef\u4ee5\u628acomponent\u90fd\u5220\u6389\uff0c<\/strong><\/p>\n\n\n\n

App.json*<\/strong>*\u91cc\u9762\u7684skyline\u5220\u6389\uff0c\u4f1a\u81ea\u52a8\u5207\u6362\u6210webview\uff0c**<\/p>\n\n\n\n

\u7136\u540e\u53ef\u4ee5\u628a\u91cc\u9762\u4ee3\u7801\u6539\u4e3a\uff1a<\/strong><\/p>\n\n\n\n

{\n\n **\"pages\": [**\n\n  **\"pages\/index\/index\",**\n\n  **\"pages\/my\/my\"**\n\n **],**\n\n **\"window\": {**\n\n **\"navigationBarTitleText\": \"****\u529f\u80fd\u6f14\u793a\",**\n\n **\"navigationBarBackgroundColor\": \"#0000FF\",**\n\n **\"enablePullDownRefresh\":true,**\n\n **\"backgroundColor\": \"#00FFFF\",**\n\n **\"backgroundTextStyle\":\"dark\"**\n\n **},**\n\n **\"tabBar\": {**\n\n  **\"selectedColor\": \"#b4282d\",**\n\n  **\"position\": \"bottom\",**\n\n  **\"list\": [**\n\n   **{**\n\n\u200b    **\"pagePath\": \"pages\/index\/index\",**\n\n\u200b    **\"text\": \"****\u9996\u9875\",**\n\n\u200b    **\"selectedIconPath\": \"image\/home.jpg\"**\n\n   **},**\n\n   **{**\n\n\u200b    **\"pagePath\": \"pages\/my\/my\",**\n\n\u200b    **\"text\": \"****\u6211\u7684\",**\n\n\u200b    **\"selectedIconPath\": \"image\/my.jpg\"**\n\n   **}**\n\n  **]**\n\n **},**\n\n **\"style\": \"v2\"**\n\n**}**\n<\/code><\/pre>\n\n\n\n
\u4f7f\u7528\u77e2\u91cf\u7d20\u6750\u5e93\uff1a<\/strong><\/p>\n\n\n\n
iconfont-*<\/strong>*\u963f\u91cc\u5df4\u5df4\u77e2\u91cf\u56fe\u6807\u5e93**<\/a><\/p>\n\n\n\n
\u9009\u62e9\u56fe\u6807\uff0c\u52a0\u5165\u8d2d\u7269\u8f66\uff0c\u7136\u540e\u52a0\u5165\u9879\u76ee\uff0c\u5e76\u9009\u62e9Base64\u67e5\u770b\u4ee3\u7801\uff0c\u7c98\u8d34\u8fdb\u5165\u4e00\u4e2awxss\uff0c\u5e76\u5f15\u5165<\/strong><\/p>\n\n\n\n
\"\u00b7\u00b7\u00b7\"\/<\/div><\/figure>\n\n\n\n
\"image-20250524193216079\"\/<\/div><\/figure>\n\n\n\n
\"image-20250524193221427\"\/<\/div><\/figure>\n\n\n\n
\u628a\u4e0a\u9762\u8fd9\u4e00\u6bb5\u7c98\u8d34\u8fdb\u53bb\u4e00\u4e2awxss\u91cc\u9762\u5c31\u53ef\u4ee5\u4e86\uff0c\u7136\u540e\u5728index.wxss\u5f15\u5165<\/strong><\/p>\n\n\n\n
@import \"\/static\/css\/font.wxss\";\n<\/code><\/pre>\n\n\n\n
\u8981\u4f7f\u7528\u7684\u8bdd\u5c31\u662f<\/strong><\/p>\n\n\n\n
<text class=\"iconfont icon-tishi\"><\/text>\n<\/code><\/pre>\n\n\n\n
Swiper\u8f6e\u64ad\u56fe<\/h2>\n\n\n\n
\u6848\u4f8b<\/h3>\n\n\n\n
**<swiper autoplay=\"true\" interval=\"1000\" indicator-dots=\"true\" indicator-active-color=\"#fffff0\" circular=\"true\">**\n\n<swiper-item>\n\n <image src=\"\/image\/pink.png\" mode=\"heightFix\"\/>\n\n<\/swiper-item>\n\n<swiper-item>\n\n <image src=\"\/image\/jielun.jpg\" mode=\"heightFix\"\/>**\n\n<\/swiper-item>**\n<swiper-item>**\n\n  **<image src=\"\/image\/night.jpg\" mode=\"\"\/>**\n\n **<\/swiper-item>**\n\n**<\/swiper>**\n<\/code><\/pre>\n\n\n\n
flex\u5e03\u5c40<\/h2>\n\n\n\n
.menu {\n\ndisplay: flex;\n\njustify-content: space-between;\n\npadding: 16rpx;\n\nborder-radius: 10rpx;\n\n background-color: powderblue;\n\n flex-wrap: wrap;\n\n}\n\n.item {\n\n display: flex;\n\n flex-direction: column;\n\n justify-content: center;\n\n align-items: center;\n\n **width: 150rpx;**\n\n **height: 200rpx;**\n\n **border: rgb(192,251,255) solid 1rpx;**\n\n **margin: 1rpx;**\n\n **background-color: powderblue;**\n\n**}\n<\/code><\/pre>\n\n\n\n
Flex\u4e3b\u8981\u662f\u76d2\u5b50\u5f39\u6027\u5e03\u5c40\uff0c\u5728css\u91cc\u9762<\/h3>\n\n\n\n
\u7136\u540e\u6709\u5f88\u591a\u5c5e\u6027\uff0c\u9996\u5148\u8981\u5148\u8bf4\u660edisplay\uff1aflex\u624d\u884c\u3001<\/strong><\/p>\n\n\n\n
\u7136\u540e\u4ed6\u6709\u516d\u4e2a\u5c5e\u6027<\/strong><\/p>\n\n\n\n
flex-direction(*<\/strong>*\u4e3b\u8f74\u65b9\u5411)**<\/p>\n\n\n\n
flex-wrap*<\/strong>*\uff08\u6362\u884c\u7b56\u7565\uff09**<\/p>\n\n\n\n
justify-content*<\/strong>*\uff08\u5206\u522b\u6709flex-start,flex-end,** space-between,space-evenly,space-around,center*<\/strong>*\uff09\u4e3b\u8f74\u65b9\u5411\u7684\u5bf9\u9f50\u65b9\u5f0f**<\/p>\n\n\n\n
align-items(flex-start,flex-end,center,baseline*<\/strong>*\u4ee5\u9879\u76ee\u7684\u6587\u5b57\u4e3a\u57fa\u51c6\u5bf9\u5176\uff0cstretch\u5982\u679c\u4e0d\u8bbe\u7f6e\u9ad8\u5ea6\uff0c\u5c06\u4f1a\u5145\u6ee1\u5bb9\u5668)\u4ea4\u53c9\u8f74\u65b9\u5411\u7684\u5bf9\u5176\u65b9\u5f0f\u3002**<\/p>\n\n\n\n
flign-content:*<\/strong>*\u5b9a\u4e49\u591a\u6839\u8f74\u7ebf\u7684\u5bf9\u5176\u65b9\u5f0f\uff0c\u5982\u679c\u53ea\u6709\u4e00\u6839\u8f74\u7ebf\u5c31\u4e0d\u8d77\u4f5c\u7528\u3002**<\/p>\n\n\n\n
\u9879\u76ee\u5c5e\u6027\uff08item\uff09<\/strong><\/p>\n\n\n\n
\u4e5f\u6709\u516d\u4e2a\u5c5e\u6027<\/strong><\/p>\n\n\n\n
\"image-20250524193253231\"\/<\/div><\/figure>\n\n\n\n
\u901a\u77e5\u516c\u544a<\/strong><\/p>\n\n\n\n
\u4ee3\u7801\uff1a<\/strong><\/p>\n\n\n\n
Wxtml<\/strong><\/p>\n\n\n\n
**<view class=\"notice\">**\n\n**<image src=\"\/image\/****\u901a\u77e5\u516c\u544a.png\" mode=\"aspectFit\" style=\"width: 200rpx; height: 100rpx;\"\/>**\n\n**<text>****\u901a\u77e5\uff1a<\/text>**\n\n**<\/view>**\n\n**Wxss:**\n\n**.notice {**\n\n **display: flex;**\n\n **justify-content: flex-start;**\n\n **margin-top: 20rpx;**\n\n **margin-bottom: 20rpx;**\n\n**}**\n\n**.notice>text {**\n\n **flex-grow: 1;**\n\n **font-size: 40rpx;**\n\n**}**\n\n \n\n**\u5e95\u90e8\uff1a**\n\n**Wxml**\n\n**<view class=\"buttom\">** \n\n**<view>**\n\n**<image src=\"\/image\/iconfont-iconqq.png\" mode=\"scaleToFill\"\/>**\n\n**<\/view>**\n\n**<view>**\n\n**<image src=\"\/image\/iconfont-phone.png\" mode=\"scaleToFill\"\/>**\n\n**<\/view>**\n\n**<view>**\n\n**<image src=\"\/image\/iconfont_****\u6a61\u76ae\u64e6.png\" mode=\"scaleToFill\"\/>**\n\n**<\/view>**\n\n**<view>**\n\n**<image src=\"\/image\/iconfont-vip.png\" mode=\"scaleToFill\"\/>**\n\n**<\/view>**\n\n**<\/view>**\n<\/code><\/pre>\n\n\n\n
Wxss:<\/strong><\/p>\n\n\n\n
**.buttom {**\n\n **display: flex;**\n\n **justify-content: space-between;**\n\n **flex-wrap: wrap;**\n\n**}**\n\n**.buttom>view>image {**\n\n **width: 345rpx;**\n\n **padding: 10rpx;**\n\n **height: 200rpx;**\n\n**}**\n<\/code><\/pre>\n\n\n\n
\u524d\u7aef\u7684\u4e00\u4e2a\u7ed3\u679c\uff1a<\/strong><\/p>\n\n\n\n
\"image-20250524193315703\"\/<\/div><\/figure>\n\n\n\n
\u4e8b\u4ef6\u7ed1\u5b9a\uff08js\uff09<\/h2>\n\n\n\n
\u53ef\u4ee5\u5bf9\u6807\u7b7e\u8fdb\u884c\u7ed1\u5b9a\uff0c\u5728\u6807\u7b7e\u91cc\u9762\uff0cbind=\u4ec0\u4e48\u4ec0\u4e48<\/strong><\/p>\n\n\n\n
\"image-20250524193329074\"\/<\/div><\/figure>\n\n\n\n
bind:tap=”handler”(*<\/strong>*\u70b9\u51fb\u4e8b\u4ef6\uff0c\u5c31\u4f1a\u6267\u884chandler\u8fd9\u4e2a\u51fd\u6570)**<\/p>\n\n\n\n
\u7136\u540e\u8fd9\u4e2a\u51fd\u6570\u5199\u5728js\u6587\u4ef6\u91cc\u9762\uff0c\u91cc\u9762\u9ed8\u8ba4\u7684\u521d\u59cb\u4e1c\u897f\u53ef\u4ee5\u5220\u6389\uff0c\u4f46\u662f\u51fd\u6570\u4e00\u5b9a\u8981\u5199\u5728Page\u91cc\u9762<\/strong><\/p>\n\n\n\n
\"image-20250524193337479\"\/<\/div><\/figure>\n\n\n\n
\"image-20250524193341561\"\/<\/div><\/figure>\n\n\n\n
bind:tap*<\/strong>*\u53ef\u4ee5\u7b80\u5199\u4e3abindtap**<\/p>\n\n\n\n
\u4e8b\u4ef6\u5192\u6ce1<\/h2>\n\n\n\n
\u7236\u7ec4\u4ef6\u5957\u4e86\u4e00\u4e2a\u5b50\u7ec4\u4ef6\uff0c\u5b50\u7ec4\u4ef6\u4e0a\u9762\u6709\u4e8b\u4ef6\uff0c\u7236\u7ec4\u4ef6\u4e5f\u7ed1\u5b9a\u4e86\u4e8b\u4ef6\uff0c\u90a3\u73b0\u5728\u51fa\u73b0\u4e86\u4e00\u4e2a\u95ee\u9898\uff0c\u70b9\u51fb\u4e00\u4e2a\u5b50\u7ec4\u4ef6\uff0c\u5b50\u7ec4\u4ef6\u4e8b\u4ef6\u88ab\u89e6\u53d1\uff0c\u7236\u7ec4\u4ef6\u4e8b\u4ef6\u4e5f\u88ab\u89e6\u53d1\u3002\u73b0\u5728\u5c31\u662f\u8981\u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\u3002<\/strong><\/p>\n\n\n\n
\u60f3\u8981\u963b\u6b62\u4e8b\u4ef6\u5192\u6ce1\u4e5f\u5f88\u7b80\u5355\uff1a<\/strong><\/p>\n\n\n\n
\u4e0d\u9002\u7528bind\u7ed1\u5b9a\uff0c\u4f7f\u7528catch\u7ed1\u5b9a<\/strong><\/p>\n\n\n\n
\"image-20250524193351232\"\/<\/div><\/figure>\n\n\n\n
\u4e8b\u4ef6\u5bf9\u8c61\u4f20\u53c2<\/h2>\n\n\n\n
\u7b2c\u4e00\u79cd\u4f20\u53c2\u65b9\u5f0f\u7528data<\/strong><\/p>\n\n\n\n
Js:<\/h3>\n\n\n\n
clicked(event){\n\n  **\/\/****\u5982\u679c\u6709\u4e8b\u4ef6\u5192\u6ce1\uff0c\u4ed6\u4eec\u7684\u503c\u662f\u4e0d\u4e00\u6837\u7684**\n\n  **\/\/currentTarget:****\u4e8b\u4ef6\u7ed1\u5b9a\u8005**\n\n  **\/\/target:****\u4e8b\u4ef6\u89e6\u53d1\u8005**\n\n  console.log(event.target.dataset.id)\n\n  console.log(event.target.dataset.name)\n\n }\n<\/code><\/pre>\n\n\n\n
Wxml<\/h3>\n\n\n\n
<view bind:tap=\"clicked\" data-id=\"10\" data-name=\"hello\">** \n<\/code><\/pre>\n\n\n\n
\u70b9\u6211<\/strong><\/p>\n\n\n\n
**<\/view>**\n\n**<\/view>**\n<\/code><\/pre>\n\n\n\n
\u7b2c\u4e8c\u79cd\u4f20\u53c2\u65b9\u5f0f\u7528mark<\/h3>\n\n\n\n
\"image-20250524193413536\"\/<\/div><\/figure>\n\n\n\n
\"image-20250524193417561\"\/<\/div><\/figure>\n\n\n\n
\u9875\u9762\u8df3\u8f6c<\/h2>\n\n\n\n
1.<\/strong> \u7ec4\u4ef6\u8df3\u8f6c(\u58f0\u660e\u5f0f\u5bfc\u822a)<\/strong><\/p>\n\n\n\n
Navigator*<\/strong>*\u7ec4\u4ef6\uff0c\u5b9e\u73b0\u8df3\u8f6c**<\/p>\n\n\n\n
\u4e0b\u9762\u662f\u6700\u57fa\u672c\u7684\u53ea\u9700\u8981\u628a\u6309\u94ae\u5305\u88f9\u5728navigator\u7ec4\u4ef6\u91cc\u9762\u5c31\u53ef\u4ee5\u5b9e\u73b0\u8df3\u8f6c\u3002<\/strong><\/p>\n\n\n\n
**<navigator url=\"\/pages\/register\/register\">**\n\n**<button type=\"primary\" plain=\"true\" >****\u70b9\u51fb\u8df3\u8f6c\u6ce8\u518c<\/button>**\n\n**<\/navigator>**\n<\/code><\/pre>\n\n\n\n
\u66f4\u591a\u8df3\u8f6c\u65b9\u5f0f\uff1aopen-type\u5c5e\u6027\uff0c \u8df3\u8f6c\u65b9\u5f0f\uff08\u8be6\u7ec6\u53ef\u770b\u6587\u6863\uff09<\/strong><\/p>\n\n\n\n
\u8df3\u8f6c\u5e76\u643a\u5e26\u53c2\u6570\uff1a<\/strong><\/p>\n\n\n\n
\u5728\u539f\u6765\u7684\u8df3\u8f6cnavigator\u7684url\u540e\u9762\u52a0\u4e2a?+\u4f20\u53c2\u5c31\u884c<\/strong><\/p>\n\n\n\n
\"image-20250524193435090\"\/<\/div><\/figure>\n\n\n\n
\u8df3\u8f6c\u53e6\u4e00\u4e2a\u9875\u9762\u7684Js\u7684onload\u7684options\u91cc\u9762\u80fd\u591f\u83b7\u53d6\u6570\u636e\u3002<\/strong><\/p>\n\n\n\n
onLoad(options) {<\/strong><\/p>\n\n\n\n
console.log(options)<\/strong><\/p>\n\n\n\n
},<\/strong><\/p>\n\n\n\n
1.<\/strong> Js*<\/strong>*\u8df3\u8f6c(\u7f16\u7a0b\u5f0f\u8df3\u8f6c)**<\/p>\n\n\n\n
5*<\/strong>*\u4e2a\u65b9\u6cd5\uff0c\u548c\u4e0a\u9762\u7684open-type\u5c5e\u6027\u662f\u5bf9\u5e94\u7684**<\/p>\n\n\n\n
Wx.navigateTo({<\/strong><\/p>\n\n\n\n
url:\u2019url\u2019}<\/strong><\/p>\n\n\n\n
)<\/strong><\/p>\n\n\n\n
\"image-20250524193508397\"\/<\/div><\/figure>\n\n\n\n
Wxml\u8bed\u6cd5<\/h2>\n\n\n\n
Wxml*<\/strong>*\u4e2d\u4f7f\u7528\u7684\u53d8\u91cf\u5fc5\u987b\u653e\u5728data\u4e2d\uff0c{{}}\u6a21\u677f\u8bed\u6cd5**<\/p>\n\n\n\n
\"image-20250524193521183\"\/<\/div><\/figure>\n\n\n\n
\u5982\u679c\u8981\u4f7f\u7528\u53d8\u91cf\uff0c\u76f4\u63a5\uff0c\u7528{{\u53d8\u91cf}}\u5c31\u53ef\u4ee5\u5f15\u7528\u4e86\uff0c\u4f8b\u5982\uff1a<\/strong><\/p>\n\n\n\n
\"image-20250524193532813\"\/<\/div><\/figure>\n\n\n\n
\u6a21\u677f\u8bed\u6cd5\uff0c\u4e0d\u4ec5\u53ef\u4ee5\u5f15\u7528\u53d8\u91cf\uff0c\u8fd8\u53ef\u4ee5\u5f15\u7528\u5bf9\u8c61\u4f8b\u5982;<\/strong><\/p>\n\n\n\n
\"image-20250524193542014\"\/<\/div><\/figure>\n\n\n\n
\"image-20250524193546268\"\/<\/div><\/figure>\n\n\n\n
\u8fd8\u80fd\u663e\u793a\u6570\u7ec4\u3002<\/strong><\/p>\n\n\n\n
\u80fd\u5728\u6a21\u677f\u8bed\u6cd5\u91cc\u9762\u8fdb\u884c\uff0c\u53d8\u91cf\u66ff\u6362\uff0c\u771f\u503c\u6bd4\u8f83\uff0c\u4e09\u76ee\u8fd0\u7b97\uff0c\u52a0\u51cf\u8fd0\u7b97\uff0c\u4f46\u4e0d\u80fd\u5199js\u8bed\u53e5\uff0c\u8fd8\u6709\u65b9\u6cd5\u3002<\/strong><\/p>\n\n\n\n
\"image-20250524193601139\"\/<\/div><\/figure>\n\n\n\n
\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1-\u6838\u5fc3API<\/p>\n\n\n\n
\u54cd\u5e94\u5f0fjs<\/p>\n\n\n\n
\u5728\u6309\u94ae\u4e8b\u4ef6\u5bf9\u4e00\u4e2a\u6570\u636e\u8fdb\u884c\u8ba1\u7b97\u5e76\u5728\u9875\u9762\u663e\u793a\u7684\u8bdd\uff0c\u8981\u7528\u5fae\u4fe1\u63d0\u4f9b\u7684setData\u65b9\u6cd5\u6765\u5b9e\u73b0\uff0c\u4e00\u4e0b\u662f\u4f8b\u5b50\uff1a\u9996\u5148\u662f\u6309\u94ae\u7ed1\u5b9a\u4e8b\u4ef6\u4e3ahandjs\uff0c\u7136\u540edata\u91cc\u9762\u6709\u4e2a\u6570\u636e\u4e3aage:15<\/strong><\/p>\n\n\n\n
\u5728\u66f4\u6539\u5bf9\u8c61\u91cc\u9762\u5c31\u6709\u70b9\u4e0d\u4e00\u6837(home\u5bf9\u8c61\u91cc\u9762\u7684son)\uff0c\u9700\u8981\u5f15\u7528\u8d77\u6765\uff0c\u4f8b\u5982\uff1a<\/strong><\/p>\n\n\n\n
\"image-20250524193614894\"\/<\/div><\/figure>\n\n\n\n
Js*<\/strong>*\u6570\u7ec4\u5faa\u73af\u6253\u5370**<\/p>\n\n\n\n
\u8fd9\u5728\u5fae\u4fe1\u91cc\u9762\u7684\u56fa\u5b9a\u5199\u6cd5\uff0c\u5faa\u73af\u663e\u793a\u51fa\u6570\u7ec4\u7684\u7c7b\u5bb9\uff0c\u53ef\u4ee5\u8bb0\u4e00\u4e0b\uff1a<\/strong><\/p>\n\n\n\n
\"image-20250524193625161\"\/<\/div><\/figure>\n\n\n\n
\u5982\u679c\u8981\u901a\u8fc7\u6309\u94ae\u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u7136\u540e\u589e\u52a0\u4e00\u4e2a\u540d\u5b57\u7684\u8bdd\uff0c\u53ef\u4ee5\u4f7f\u7528\u4e0b\u9762\u5199\u6cd5\uff1a<\/strong><\/p>\n\n\n\n
 handname(){\n\n  this.data.names.push('hello****\u5927\u54e5')\n\n  \/\/****\u5148\u8ffd\u52a0\uff0c\u518d\u8d4b\u503c**\n\n  this.setData({**\n\n   'names':this.data.names\n\n  })\n\n },\n<\/code><\/pre>\n\n\n\n
\u7b2c\u4e8c\u79cd\u5199\u6cd5\uff0c\u4f7f\u7528\u6570\u7ec4\u7684concat\u62fc\u63a5\u3002<\/strong><\/p>\n\n\n\n
\"image-20250524193643211\"\/<\/div><\/figure>\n\n\n\n
\u7b2c\u4e09\u79cd\uff0c\u901a\u8fc7\u7ed3\u6784\u8d4b\u503c\u3002<\/strong><\/p>\n\n\n\n
\"image-20250524193651290\"\/<\/div><\/figure>\n\n\n\n
\u66f4\u6539\u6570\u7ec4\u5185\u5bb9\uff1a<\/strong><\/p>\n\n\n\n
\"image-20250524193659925\"\/<\/div><\/figure>\n\n\n\n
\u5220\u9664\u6570\u7ec4\u503c\uff1a<\/strong><\/p>\n\n\n\n
this.data.name.slice(1)<\/strong><\/p>\n\n\n\n
\u7136\u540e\u653e\u5728setdata\u91cc\u9762<\/strong><\/p>\n\n\n\n
Js\u4e2d\u7684const,let\u548cvar\u7684\u533a\u522b<\/p>\n\n\n\n
\u8001\u7248\u672c\u7684js:\u5b9a\u4e49\u53d8\u91cf\u7528var,\u4f1a\u6709\u5751<\/strong><\/p>\n\n\n\n
\u65b0\u7248\u672c\u5b9a\u4e49\u53d8\u91cf\u7528let\uff0c\u5b9a\u4e49\u5e38\u91cf\u7528const(\u4e0d\u4f1a\u6539)<\/strong><\/p>\n\n\n\n
\u5217\u8868\u6e32\u67d3<\/p>\n\n\n\n
\u4e3b\u8981\u7528\u5230\u7684\u5c31\u662ffor\u5faa\u73af<\/strong><\/p>\n\n\n\n
{{item}}<\/view<\/strong><\/p>\n\n\n\n
wx:key=’index’*<\/strong>*\u8fd9\u4e2a\u52a0\u4e0a\u4e0d\u4f1a\u62a5\u8b66\u544a**<\/p>\n\n\n\n
\u6761\u4ef6\u6e32\u67d3<\/p>\n\n\n\n
\u903b\u8f91\u5224\u65ad,if,else<\/strong><\/p>\n\n\n\n
\"image-20250524193713989\"\/<\/div><\/figure>\n\n\n\n
Wx:if*<\/strong>*\u548chidden\u7684\u533a\u522b**<\/p>\n\n\n\n
Wx:if*<\/strong>*\u5220\u9664\u5143\u7d20**<\/p>\n\n\n\n
Hidden*<\/strong>*\u4e0d\u5220\u9664\uff0c\u53ea\u662f\u9690\u85cf**<\/p>\n\n\n\n
\u53d1\u9001\u7f51\u7edc\u8bf7\u6c42\uff08\u4e0e\u540e\u7aef\u4ea4\u4e92\uff09<\/p>\n\n\n\n
\u524d\u9762\u7684\u90fd\u662f\u524d\u7aef\uff0c\u73b0\u5728\u8fd9\u91cc\u662f\u540e\u7aef\uff0c<\/strong><\/p>\n\n\n\n
\u9700\u8981\u5728\u5fae\u4fe1\u7684\u5c0f\u7a0b\u5e8f\u7aef\uff0c\u53d1\u9001\u7f51\u7edc\u8bf7\u6c42\uff0c\u83b7\u53d6\u6570\u636e\uff0c\u663e\u793a\u5728\u5c0f\u7a0b\u5e8f\u4e0a\u3002<\/strong><\/p>\n\n\n\n
\u53d1\u9001\u7f51\u7edc\u8bf7\u6c42\u8981\u6c42\u6709\u57df\u540d<\/strong><\/p>\n\n\n\n
\"image-20250524193725183\"\/<\/div><\/figure>\n\n\n\n
\u9700\u8981\u5728\u670d\u52a1\u5668\u57df\u540d\u914d\u7f6e\u3002<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
\u7eaf\u51c0\u6a21\u5f0f\u4e0b\u5f00\u53d1\uff1a \u53ef\u4ee5\u628acomponent\u90fd\u5220\u6389\uff0c App.json**\u91cc\u9762\u7684skyline\u5220\u6389\uff0c\u4f1a\u81ea\u52a8\u5207\u6362\u6210 […]<\/p>\n","protected":false},"author":1,"featured_media":127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,1],"tags":[],"class_list":["post-145","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all-essay","category-lern"],"_links":{"self":[{"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/posts\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codecraft.xin\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=145"}],"version-history":[{"count":1,"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":147,"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/posts\/145\/revisions\/147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codecraft.xin\/index.php?rest_route=\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/codecraft.xin\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codecraft.xin\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codecraft.xin\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}