{"id":29169,"date":"2024-11-25T12:54:28","date_gmt":"2024-11-25T04:54:28","guid":{"rendered":"https:\/\/fwq.ai\/blog\/29169\/"},"modified":"2024-11-25T12:54:28","modified_gmt":"2024-11-25T04:54:28","slug":"%e8%a7%a3%e8%af%bb%e5%92%8c%e5%88%86%e6%9e%90%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%ef%bc%9a%e4%ba%8c%e3%80%81scroll-view%ef%bc%88%e5%8f%af%e6%bb%9a%e5%8a%a8%e8%a7%86%e5%9b%be","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/29169\/","title":{"rendered":"\u89e3\u8bfb\u548c\u5206\u6790\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\uff1a\u4e8c\u3001scroll-view\uff08\u53ef\u6eda\u52a8\u89c6\u56fe\u533a)"},"content":{"rendered":"

wxml<\/span><\/p>\n

[XML] \u7eaf\u6587\u672c\u67e5\u770b<\/em> \u590d\u5236\u4ee3\u7801<\/em><\/p>\n

<view>\r\n    <view><\/view>\r\n    <view><\/view>\r\n    <view><\/view><\/view><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236    \u767b\u5f55\u540e\u590d\u5236    \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
wxss<\/span><\/p>\n
[XML] \u7eaf\u6587\u672c\u67e5\u770b<\/em> \u590d\u5236\u4ee3\u7801<\/em><\/p>\n
.flex-wrp{\r\n    height: 100px;\r\n    display:flex;\r\n    background-color: #FFFFFF;\r\n}\r\n.flex-item{\r\n    width: 100px;\r\n    height: 100px;\r\n}\r\n.red{\r\n    background: red;\r\n}\r\n.green{\r\n    background: green;\r\n}\r\n.blue{\r\n    background: blue;\r\n}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
flex-direction: column\uff1a<\/span><\/p>\n
\"\u89e3\u8bfb\u548c\u5206\u6790\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\uff1a\u4e8c\u3001scroll-view\uff08\u53ef\u6eda\u52a8\u89c6\u56fe\u533a)\u63d2\u56fe\"<\/span><\/p>\n
wxml<\/span><\/p>\n
[XML] \u7eaf\u6587\u672c\u67e5\u770b<\/em> \u590d\u5236\u4ee3\u7801<\/em><\/p>\n
<view>\r\n    <view><\/view>\r\n    <view><\/view>\r\n    <view><\/view><\/view><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236    \u767b\u5f55\u540e\u590d\u5236    \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
wxss<\/span><\/p>\n
[XML] \u7eaf\u6587\u672c\u67e5\u770b<\/em> \u590d\u5236\u4ee3\u7801<\/em><\/p>\n
.column{\r\n   flex-direction:column;\r\n}\r\n.flex-item{\r\n    width: 100px;\r\n    height: 100px;\r\n}\r\n.flex-wrp{\r\n    height: 100px;\r\n    display:flex;\r\n    background-color: #FFFFFF;\r\n}\r\n.red{\r\n    background: red;\r\n}\r\n.green{\r\n    background: green;\r\n}\r\n.blue{\r\n    background: blue;\r\n}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
justify-content: flex-start\uff1a<\/span><\/p>\n
\"\u89e3\u8bfb\u548c\u5206\u6790\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\uff1a\u4e8c\u3001scroll-view\uff08\u53ef\u6eda\u52a8\u89c6\u56fe\u533a)\u63d2\u56fe1\"<\/span><\/p>\n
wxml<\/span><\/p>\n
[XML] \u7eaf\u6587\u672c\u67e5\u770b<\/em> \u590d\u5236\u4ee3\u7801<\/em><\/p>\n
<view>\r\n    <view><\/view>\r\n    <view><\/view>\r\n    <view><\/view><\/view><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236    \u767b\u5f55\u540e\u590d\u5236    \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u89e3\u8bfb\u548c\u5206\u6790\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\uff1a\u4e8c\u3001scroll-view\uff08\u53ef\u6eda\u52a8\u89c6\u56fe\u533a)\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
wxml [XML] \u7eaf\u6587\u672c\u67e5\u770b \u590d\u5236\u4ee3\u7801 <view>     <view><\/view>     <view><\/view>     <view><\/view><\/view> \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 wxss [XML] \u7eaf\u6587\u672c\u67e5\u770b \u590d\u5236\u4ee3\u7801 .flex-wrp{     height: 100px;     display:flex;     background-color: #FFFFFF; } .flex-item{     width: 100px;     height: 100px; } .red{     background: red; } .green{     background: green; } .blue{     background: blue; } \u767b\u5f55\u540e\u590d\u5236 flex-direction: column\uff1a wxml [XML] \u7eaf\u6587\u672c\u67e5\u770b \u590d\u5236\u4ee3\u7801 <view>     <view><\/view>     <view><\/view>     <view><\/view><\/view> \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 \u767b\u5f55\u540e\u590d\u5236 wxss [XML] \u7eaf\u6587\u672c\u67e5\u770b \u590d\u5236\u4ee3\u7801 .column{    flex-direction:column; } .flex-item{ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-29169","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=29169"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29169\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}