{"id":68342,"date":"2019-07-18T12:01:46","date_gmt":"2019-07-18T04:01:46","guid":{"rendered":"http:\/\/www.xiaoyebailong.com\/?p=68342"},"modified":"2019-07-18T12:01:48","modified_gmt":"2019-07-18T04:01:48","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e9%bc%a0%e6%a0%87%e7%82%b9%e5%87%bb%e6%8c%89%e9%92%ae%ef%bc%88%e6%94%b9%e5%8f%98%e8%83%8c%e6%99%af%e9%a2%9c%e8%89%b2%e5%ad%97%e4%bd%93-active%e7%9a%84%e8%bf%90%e7%94%a8","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2019\/07\/18\/68342.htm","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u9f20\u6807\u70b9\u51fb\u6309\u94ae\uff08\u6539\u53d8\u80cc\u666f\u989c\u8272\u5b57\u4f53-active\u7684\u8fd0\u7528\uff09"},"content":{"rendered":"\n<p>\u76ee\u6807\u9700\u6c42\uff1a\u5b9e\u73b0\u4e0b\u56fe\uff0c\u7ed9\u70b9\u51fb\u7684view\u589e\u52a0\u7c7b\uff0c\u6bcf\u6b21\u53ea\u80fd\u9009\u62e9\u4e00\u4e2a\u3002<br>\n\u4e3b\u8981\u601d\u8def\uff1a\u7ed9\u70b9\u51fb\u7684view\u589e\u52a0\u7c7b\uff0c\u4f9d\u9760\u70b9\u51fb\u7684index\u5bf9state\u8fdb\u884c\u8d4b\u503c\u3002\u5982\u679c\u76f8\u540c\u65f6\uff0c\u7ed9\u8be5view\u589e\u52a0\u7c7b\u3002<\/p>\n\n\n\n<p>\u6548\u679c\u6f14\u793a\uff1a<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/\/upload-images.jianshu.io\/upload_images\/5640239-023ce1546f320c36.gif?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/265\/format\/webp\" alt=\"\"\/><\/figure>\n\n\n\n<p>wxml<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;view class=\"iconusecont-div {{state==index?'active-tag':''}}\" bindtap=\"select_use\" wx:for=\"{{use}}\" data-key='{{index}}'>\n  &lt;view class=\"flex-item\">\n    &lt;rich-text class='use_name'>{{item.use_name}}&lt;\/rich-text>\n  &lt;\/view>\n&lt;\/view>\n<\/pre>\n\n\n\n<p>wxss<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">\/* \u7528\u9014 *\/\n\n.iconusecont-div {\n  display: inline-block;\n  width: 32%;\n  text-align: center;\n  margin-top: 30rpx;\n}\n\n.flex-item {\n  display: inline-block;\n  width: 173rpx;\n  height: 78rpx;\n  font-size: 26rpx;\n  border: 2rpx solid #999;\n  text-align: center;\n  border-radius: 10rpx;\n  color: #000;\n  cursor: pointer;\n  line-height: 30rpx;\n}\n\n.use_name {\n  font-size: 34rpx;\n  line-height: 79rpx;\n}\n\n.active-tag .flex-item {\n  background: #03e2ff;\n  color: #fff;\n  border: 1rpx solid #fff;\n}\n\n<\/pre>\n\n\n\n<p>js<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">Page({\n  data: {\n    use: [{\n        \"use_name\": \"\u5168\u90e8\"\n      },\n      {\n        \"use_name\": \"\u7ecf\u6d4e\u5b9e\u60e0\u578b\"\n      },\n      {\n        \"use_name\": \"\u5bb6\u7528\u5b66\u4e60\u578b\"\n      },\n      {\n        \"use_name\": \"\u8c6a\u534e\u53d1\u70e7\u578b\"\n      },\n      {\n        \"use_name\": \"\u75af\u72c2\u6e38\u620f\u578b\"\n      },\n      {\n        \"use_name\": \"\u5546\u52a1\u529e\u516c\u578b\"\n      },\n      {\n        \"use_name\": \"\u7ecf\u6d4e\u5b9e\u60e0\u578b\"\n      },\n      {\n        \"use_name\": \"\u5bb6\u7528\u5b66\u4e60\u578b\"\n      },\n    ],\n    state: '',\n  },\n  \/\/\u9009\u62e9\u7528\u9014\u540e\u52a0\u6837\u5f0f\n  select_use: function(e) {\n    this.setData({\n      state: e.currentTarget.dataset.key,\n    });\n  },\n  onReady: function() {},\n})\n<\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u539f\u6587\u4f5c\u8005\uff1a\u7948\u6f88<\/p><\/blockquote>\n\n\n\n<p>\u4f5c\u8005\uff1a\u7948\u6f88\u83c7\u51c9<br>\u94fe\u63a5\uff1ahttps:\/\/www.jianshu.com\/p\/0f6268cfe9a5<br>\u6765\u6e90\uff1a\u7b80\u4e66<br>\u7b80\u4e66\u8457\u4f5c\u6743\u5f52\u4f5c\u8005\u6240\u6709\uff0c\u4efb\u4f55\u5f62\u5f0f\u7684\u8f6c\u8f7d\u90fd\u8bf7\u8054\u7cfb\u4f5c\u8005\u83b7\u5f97\u6388\u6743\u5e76\u6ce8\u660e\u51fa\u5904\u3002\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u76ee\u6807\u9700\u6c42\uff1a\u5b9e\u73b0\u4e0b\u56fe\uff0c\u7ed9\u70b9\u51fb\u7684view\u589e\u52a0\u7c7b\uff0c\u6bcf\u6b21\u53ea\u80fd\u9009\u62e9\u4e00\u4e2a\u3002 \u4e3b\u8981\u601d\u8def\uff1a\u7ed9\u70b9\u51fb\u7684view\u589e\u52a0\u7c7b\uff0c\u4f9d\u9760\u70b9\u51fb\u7684index\u5bf9state\u8fdb\u884c\u8d4b\u503c\u3002\u5982\u679c\u76f8\u540c\u65f6\uff0c\u7ed9\u8be5view\u589e\u52a0\u7c7b\u3002 \u6548\u679c\u6f14\u793a\uff1a wxml wxss js \u539f\u6587\u4f5c\u8005\uff1a\u7948\u6f88 \u4f5c\u8005\uff1a\u7948\u6f88\u83c7&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"topic":[],"class_list":["post-68342","post","type-post","status-publish","format-standard","hentry","category-wx"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/68342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=68342"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/68342\/revisions"}],"predecessor-version":[{"id":68343,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/68342\/revisions\/68343"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=68342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=68342"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=68342"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=68342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}