{"id":32433,"date":"2024-11-25T09:48:59","date_gmt":"2024-11-25T01:48:59","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32433\/"},"modified":"2024-11-25T09:48:59","modified_gmt":"2024-11-25T01:48:59","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e4%b8%ad%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e5%81%87%e6%95%b0%e6%8d%ae%e8%af%84%e8%ae%ba%e7%9a%84%e5%8a%9f%e8%83%bd%ef%bc%88%e5%ae%8c%e6%95%b4%e4%bb%a3","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32433\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5982\u4f55\u5b9e\u73b0\u5047\u6570\u636e\u8bc4\u8bba\u7684\u529f\u80fd\uff08\u5b8c\u6574\u4ee3\u7801\uff09"},"content":{"rendered":"<p>\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5982\u4f55\u5b9e\u73b0\u5047\u6570\u636e\u8bc4\u8bba\u7684\u529f\u80fd\uff08\u5b8c\u6574\u4ee3\u7801\uff09\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002<\/p>\n<p>\u5177\u4f53\u76f4\u63a5\u770b\u4ee3\u7801<\/p>\n<p>wxml\uff1a<\/p>\n<pre>&lt;view&gt;&lt;button&gt;\u67e5\u770b\u8bc4\u8bba&lt;\/button&gt;\n&lt;\/view&gt;&lt;!-- \u6574\u4e2a\u8bc4\u8bba\u533a --&gt;&lt;view&gt;&lt;!-- \u4e3b\u8981\u4f5c\u7528\u662f\u70b9\u51fb\u540e\u9690\u85cf\u8bc4\u8bba\u533a --&gt;&lt;view&gt;&lt;\/view&gt;&lt;!-- \u8bc4\u8bba\u533a --&gt;&lt;view&gt;&lt;!-- \u8bc4\u8bba\u5934\u90e8 --&gt;&lt;view&gt;&lt;view&gt;{{talks.length}}&nbsp;\u6761\u8bc4\u8bba&lt;\/view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&lt;!-- \u8bc4\u8bba\u4f53 --&gt;&lt;scroll-view&gt;&lt;view&gt;&lt;view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&lt;view&gt;&lt;view&gt;&lt;text&gt;{{item.nickName}}&lt;\/text&gt;&lt;text&gt;{{item.talkTime}}&lt;\/text&gt;&lt;\/view&gt;&lt;text&gt;{{item.content}}&lt;\/text&gt;&lt;\/view&gt;&lt;\/view&gt;&lt;\/scroll-view&gt;&lt;!-- \u8bc4\u8bba\u5e95\u90e8 --&gt;&lt;view&gt;&lt;\/view&gt;&lt;view&gt;&lt;view&gt;&lt;view&gt;&lt;\/view&gt;&lt;input&gt;&lt;button&gt;\u53d1\u5e03&lt;\/button&gt;\n&lt;\/view&gt;&lt;view&gt;&lt;scroll-view&gt;&lt;block&gt;&lt;view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&lt;\/block&gt;&lt;\/scroll-view&gt;&lt;\/view&gt;&lt;\/view&gt;&lt;\/view&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>.wxss<\/p>\n<pre>page&nbsp;{\nheight:&nbsp;100%;\noverflow:&nbsp;hidden;\n}\n\/*&nbsp;\u6846\u67b6&nbsp;*\/\n.talks-layer&nbsp;{\nposition:&nbsp;absolute;\nbottom:&nbsp;-100%;\nheight:&nbsp;0;\nwidth:&nbsp;100%;\noverflow:&nbsp;hidden;\n\/*&nbsp;background-color:&nbsp;blue;&nbsp;*\/\n}\n.layer-white-space&nbsp;{\nheight:&nbsp;100%;\nwidth:&nbsp;100%;\nbackground-color:&nbsp;#ccc;\nopacity:&nbsp;0.5;\n\/*&nbsp;background-color:&nbsp;green;&nbsp;*\/\n}\n.talks&nbsp;{\nposition:&nbsp;absolute;\nheight:&nbsp;900rpx;\nwidth:&nbsp;100%;\nbottom:&nbsp;0rpx;\nbackground-color:&nbsp;#2f2d2e;\nborder-top-left-radius:&nbsp;3%;\nborder-top-right-radius:&nbsp;3%;\n\/*&nbsp;background-color:&nbsp;red;&nbsp;*\/\n}\n.talk-header&nbsp;{\nwidth:&nbsp;100%;\nheight:&nbsp;70rpx;\npadding-top:&nbsp;30rpx;\ntext-align:&nbsp;center;\n}\n.talk-body&nbsp;{\nheight:&nbsp;700rpx;\n}\n.talk-footer&nbsp;{\nposition:&nbsp;absolute;\nbottom:&nbsp;0rpx;\nwidth:&nbsp;100%;\nheight:&nbsp;100rpx;\nbackground-color:&nbsp;#151515;\ndisplay:&nbsp;flex;\njustify-content:&nbsp;space-between;\nalign-items:&nbsp;center;\npadding:&nbsp;0&nbsp;30rpx;\nbox-sizing:&nbsp;border-box;\n}\n.footer_boxmovein{\nposition:&nbsp;absolute;\nbottom:&nbsp;400rpx;\nwidth:&nbsp;100%;\nheight:&nbsp;100rpx;\nz-index:1000;\nbackground-color:&nbsp;#151515;\ndisplay:&nbsp;flex;\njustify-content:&nbsp;space-between;\nalign-items:&nbsp;center;\npadding:&nbsp;0&nbsp;30rpx;\nbox-sizing:&nbsp;border-box;\ntransition:all&nbsp;0.6s;\n}\n.footer_box&nbsp;{\ndisplay:&nbsp;flex;\njustify-content:&nbsp;space-between;\nalign-items:&nbsp;center;\nwidth:&nbsp;100%;\n}\n\/*&nbsp;\u9876\u90e8\u5143\u7d20&nbsp;*\/\n.talk-count&nbsp;{\nfont-size:&nbsp;26rpx;\nheight:&nbsp;40rpx;\ncolor:&nbsp;#6b696a;\n}\n.talk-close&nbsp;{\nposition:&nbsp;absolute;\ntop:&nbsp;30rpx;\nright:&nbsp;40rpx;\nwidth:&nbsp;40rpx;\nheight:&nbsp;40rpx;\n}\n\/*&nbsp;\u4e2d\u90e8\u5143\u7d20&nbsp;*\/\n.talk-item&nbsp;{\ndisplay:&nbsp;flex;\nflex-direction:&nbsp;row;\nalign-items:&nbsp;flex-start;\nwidth:&nbsp;100%;\ncolor:&nbsp;white;\n}\n.talk-item-left&nbsp;{\ndisplay:&nbsp;flex;\nflex-direction:&nbsp;row;\nmargin:&nbsp;20rpx&nbsp;30rpx;\n}&nbsp;\n.talk-item-face&nbsp;{\nwidth:&nbsp;80rpx;\nheight:&nbsp;80rpx;\nborder-radius:&nbsp;50%;\n}\n.talk-item-right&nbsp;{\nwidth:&nbsp;100%;\nborder-bottom:&nbsp;solid&nbsp;1rpx&nbsp;#6a6869;\nmargin-right:&nbsp;30rpx;\n\/*&nbsp;margin-bottom:&nbsp;30rpx;&nbsp;*\/\npadding-bottom:&nbsp;20rpx;\n}\n.right-left&nbsp;{\ndisplay:&nbsp;flex;\njustify-content:&nbsp;space-between;\nalign-items:&nbsp;center;\nmargin:&nbsp;10px&nbsp;0;\n}&nbsp;\n.talk-item-nickname&nbsp;{\nfont-size:&nbsp;28rpx;\ncolor:&nbsp;#aaa8a9;\n}\n.talk-item-time&nbsp;{\nfont-size:&nbsp;24rpx;\ncolor:&nbsp;#6a6869;\n}\n.talk-item-content&nbsp;{\ndisplay:&nbsp;block;\nfont-size:&nbsp;30rpx;\nmargin-right:&nbsp;30rpx;\nwidth:&nbsp;92%;\nwhite-space:&nbsp;pre-line;\nword-break:&nbsp;break-all;\nword-wrap:&nbsp;break-word\uff1b;\n}\n\/*&nbsp;\u5e95\u90e8\u5143\u7d20&nbsp;*\/\n.talk-input&nbsp;{\nwidth:&nbsp;100%;\nfont-size:&nbsp;30rpx;\npadding:&nbsp;20rpx&nbsp;0;\npadding-left:&nbsp;30rpx;\n\/*&nbsp;box-sizing:&nbsp;border-box;&nbsp;*\/\ncolor:&nbsp;white;\nborder-top-left-radius:&nbsp;5%;\nborder-top-right-radius:&nbsp;5%;\n}\n.fabu-input&nbsp;{\nbackground:&nbsp;red;\nfont-size:&nbsp;26rpx;\ncolor:&nbsp;#fff;\nwidth:&nbsp;127rpx;\nheight:&nbsp;60rpx;\nline-height:&nbsp;60rpx;\ntext-align:&nbsp;center;\nborder-radius:&nbsp;30rpx;\npadding:&nbsp;0;\n}\n.emoji&nbsp;{\nbackground-color:&nbsp;#fff;\nwidth:&nbsp;30px;\nheight:&nbsp;30px;\ntext-align:&nbsp;center;\npadding-top:&nbsp;2px;\nbox-sizing:&nbsp;border-box;\nfont-size:&nbsp;20px;\n}\n.emoji-box&nbsp;{\nposition:&nbsp;absolute;\nbottom:-390rpx;\nleft:0rpx;\nheight:&nbsp;200px;\npadding:&nbsp;5px&nbsp;16rpx;\nbox-sizing:&nbsp;border-box;\nbackground:#000;\n}&nbsp;\n.emoji-cell&nbsp;{\nwidth:&nbsp;9.09%;\nheight:&nbsp;33px;\ndisplay:&nbsp;inline-block;\n}&nbsp;\n.emoji-cell&nbsp;image&nbsp;{\nwidth:&nbsp;23px;\nheight:&nbsp;23px;\npadding:&nbsp;5px;\nborder-radius:&nbsp;3px;\n}\n.emoji-move-in&nbsp;{\n-webkit-animation:&nbsp;emoji-move-in&nbsp;0.3s&nbsp;forwards;\nanimation:&nbsp;emoji-move-in&nbsp;0.3s&nbsp;forwards;\n}\n.emoji-move-out&nbsp;{\n-webkit-animation:&nbsp;emoji-move-out&nbsp;0.3s&nbsp;forwards;\nanimation:&nbsp;emoji-move-out&nbsp;0.3s&nbsp;forwards;\n}&nbsp;\n.no-emoji-move&nbsp;{\n-webkit-animation:&nbsp;none;\nanimation:&nbsp;none;\n}&nbsp;\n@-webkit-keyframes&nbsp;emoji-move-in&nbsp;{\n0%&nbsp;{\nmargin-bottom:&nbsp;-200px;\n}\n100%&nbsp;{\nmargin-bottom:&nbsp;0;\n}\n}\n@keyframes&nbsp;emoji-move-in&nbsp;{\n0%&nbsp;{\nmargin-bottom:&nbsp;-200px;\n}\n100%&nbsp;{\nmargin-bottom:&nbsp;0;\n}\n}\n@-webkit-keyframes&nbsp;emoji-move-out&nbsp;{\n0%&nbsp;{\nmargin-bottom:&nbsp;0;\n}\n100%&nbsp;{\nmargin-bottom:&nbsp;-200px;\n}\n}\n@keyframes&nbsp;emoji-move-out&nbsp;{\n0%&nbsp;{\nmargin-bottom:&nbsp;0;\n}\n100%&nbsp;{\nmargin-bottom:&nbsp;-200px;\n}\n}\n@-webkit-keyframes&nbsp;pd-left-move&nbsp;{\n0%&nbsp;{\npadding-left:&nbsp;5px;\n}\n100%&nbsp;{\npadding-left:&nbsp;15px;\n}\n}\n@keyframes&nbsp;pd-left-move&nbsp;{\n0%&nbsp;{\npadding-left:&nbsp;5px;\n}&nbsp;\n100%&nbsp;{\npadding-left:&nbsp;15px;\n}\n}\n.cf-bg&nbsp;{\nposition:&nbsp;fixed;\ntop:&nbsp;0;\nleft:&nbsp;0;\nbottom:&nbsp;0;\nright:&nbsp;0;\nbackground-color:&nbsp;transparent;\nz-index:&nbsp;99;\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>.js<\/p>\n<pre>Page({\ndata:&nbsp;{\ntalks:&nbsp;[],\ntouchStart:&nbsp;0,\ninputValue:&nbsp;'',\ninputBiaoqing:&nbsp;'',\nfaces:&nbsp;['https:\/\/timgsa.baidu.com\/timg?image&amp;amp;quality=80&amp;amp;size=b9999_10000&amp;amp;sec=1535727304160&amp;amp;di=0cc9d01a4ae2deca5634c3136d5c01f6&amp;amp;imgtype=0&amp;amp;src=http%3A%2F%2Fimg5q.duitang.com%2Fuploads%2Fitem%2F201406%2F12%2F20140612202753_u4nG5.jpeg',&nbsp;'https:\/\/timgsa.baidu.com\/timg?image&amp;amp;quality=80&amp;amp;size=b9999_10000&amp;amp;sec=1535727304159&amp;amp;di=da2c1c4e868ee95f3cd65ffc6e24a456&amp;amp;imgtype=0&amp;amp;src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201505%2F01%2F20150501083603_yuTQc.jpeg',&nbsp;'https:\/\/timgsa.baidu.com\/timg?image&amp;amp;quality=80&amp;amp;size=b9999_10000&amp;amp;sec=1535727304156&amp;amp;di=7d46a1482a8e798a70d8d52320285b02&amp;amp;imgtype=0&amp;amp;src=http%3A%2F%2Fup.enterdesk.com%2Fedpic_source%2F7b%2Ff9%2F01%2F7bf901db9091dff00a20d474c83afc45.jpg'],\nnames:&nbsp;['\u8d1d\u8d1d',&nbsp;'\u6676\u6676',&nbsp;'\u6b22\u6b22',&nbsp;'\u59ae\u59ae'],\nisShow:&nbsp;false,&nbsp;\/\/\u63a7\u5236emoji\u8868\u60c5\u662f\u5426\u663e\u793a\nisLoad:&nbsp;true,&nbsp;\/\/\u89e3\u51b3\u521d\u8bd5\u52a0\u8f7d\u65f6emoji\u52a8\u753b\u6267\u884c\u4e00\u6b21\ncfBg:&nbsp;false,\nemojiChar:&nbsp;\"-<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<p><\/p>\n<p><\/p>\n<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5982\u4f55\u5b9e\u73b0\u5047\u6570\u636e\u8bc4\u8bba\u7684\u529f\u80fd\uff08\u5b8c\u6574\u4ee3\u7801\uff09\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":"<p>\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5982\u4f55\u5b9e\u73b0\u5047\u6570\u636e\u8bc4\u8bba\u7684\u529f\u80fd\uff08\u5b8c\u6574\u4ee3\u7801\uff09\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002 \u5177\u4f53\u76f4\u63a5\u770b\u4ee3\u7801 wxml\uff1a &lt;view&gt;&lt;button&gt;\u67e5\u770b\u8bc4\u8bba&lt;\/button&gt; &lt;\/view&gt;&lt;!&#8211; \u6574\u4e2a\u8bc4\u8bba\u533a &#8211;&gt;&lt;view&gt;&lt;!&#8211; \u4e3b\u8981\u4f5c\u7528\u662f\u70b9\u51fb\u540e\u9690\u85cf\u8bc4\u8bba\u533a &#8211;&gt;&lt;view&gt;&lt;\/view&gt;&lt;!&#8211; \u8bc4\u8bba\u533a &#8211;&gt;&lt;view&gt;&lt;!&#8211; \u8bc4\u8bba\u5934\u90e8 &#8211;&gt;&lt;view&gt;&lt;view&gt;{{talks.length}}&nbsp;\u6761\u8bc4\u8bba&lt;\/view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&lt;!&#8211; \u8bc4\u8bba\u4f53 &#8211;&gt;&lt;scroll-view&gt;&lt;view&gt;&lt;view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&lt;view&gt;&lt;view&gt;&lt;text&gt;{{item.nickName}}&lt;\/text&gt;&lt;text&gt;{{item.talkTime}}&lt;\/text&gt;&lt;\/view&gt;&lt;text&gt;{{item.content}}&lt;\/text&gt;&lt;\/view&gt;&lt;\/view&gt;&lt;\/scroll-view&gt;&lt;!&#8211; \u8bc4\u8bba\u5e95\u90e8 &#8211;&gt;&lt;view&gt;&lt;\/view&gt;&lt;view&gt;&lt;view&gt;&lt;view&gt;&lt;\/view&gt;&lt;input&gt;&lt;button&gt;\u53d1\u5e03&lt;\/button&gt; &lt;\/view&gt;&lt;view&gt;&lt;scroll-view&gt;&lt;block&gt;&lt;view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&lt;\/block&gt;&lt;\/scroll-view&gt;&lt;\/view&gt;&lt;\/view&gt;&lt;\/view&gt;&lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 .wxss page&nbsp;{ height:&nbsp;100%; overflow:&nbsp;hidden; } \/*&nbsp;\u6846\u67b6&nbsp;*\/ .talks-layer&nbsp;{ position:&nbsp;absolute; bottom:&nbsp;-100%; height:&nbsp;0; width:&nbsp;100%; overflow:&nbsp;hidden; \/*&nbsp;background-color:&nbsp;blue;&nbsp;*\/ } .layer-white-space&nbsp;{ height:&nbsp;100%; width:&nbsp;100%; background-color:&nbsp;#ccc; opacity:&nbsp;0.5; \/*&nbsp;background-color:&nbsp;green;&nbsp;*\/ } .talks&nbsp;{ position:&nbsp;absolute; height:&nbsp;900rpx; width:&nbsp;100%; bottom:&nbsp;0rpx; background-color:&nbsp;#2f2d2e; border-top-left-radius:&nbsp;3%; border-top-right-radius:&nbsp;3%; \/*&nbsp;background-color:&nbsp;red;&nbsp;*\/ } .talk-header&nbsp;{ width:&nbsp;100%; height:&nbsp;70rpx; padding-top:&nbsp;30rpx; text-align:&nbsp;center; [&hellip;]<\/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-32433","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32433","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=32433"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32433\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}