{"id":68615,"date":"2020-07-17T00:09:21","date_gmt":"2020-07-16T16:09:21","guid":{"rendered":"http:\/\/www.xiaoyebailong.com\/?p=68615"},"modified":"2020-07-21T00:12:01","modified_gmt":"2020-07-20T16:12:01","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-2","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2020\/07\/17\/68615.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>wxml<em><\/em><\/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<em><\/em><\/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<em><\/em><\/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})<\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>wxml wxss js<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,1],"tags":[],"topic":[],"class_list":["post-68615","post","type-post","status-publish","format-standard","hentry","category-wx","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/68615","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=68615"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/68615\/revisions"}],"predecessor-version":[{"id":68616,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/68615\/revisions\/68616"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=68615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=68615"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=68615"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=68615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}