{"id":2076,"date":"2024-07-12T10:19:35","date_gmt":"2024-07-12T02:19:35","guid":{"rendered":"https:\/\/zhuxinyong.com\/?p=2076"},"modified":"2024-07-12T10:19:37","modified_gmt":"2024-07-12T02:19:37","slug":"uniapp-input-search-%e6%90%9c%e7%b4%a2%e8%be%93%e5%85%a5%e6%a1%86%e5%9b%be%e6%a0%87%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"https:\/\/zhuxinyong.com\/?p=2076","title":{"rendered":"uniapp – input-search \u641c\u7d22\u8f93\u5165\u6846\u56fe\u6807\u95ee\u9898"},"content":{"rendered":"\n

\u80cc\u666f<\/h2>\n\n\n\n

\u6d88\u606f\u5217\u8868\u9875\u7684\u641c\u7d22\u6846\u51fa\u73b0\u4e24\u4e2a\u653e\u5927\u955c\u56fe\u6807\uff0c\u4e0b\u56fe\uff1a<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<u-search  \n  class=\"input\"  \n  placeholder=\"\u8bf7\u8f93\u5165\u6807\u9898\u3001\u5185\u5bb9\u5173\u952e\u5b57\"  \n  bg-color=\"#F6F7FC\"  \n  @search=\"querySearchList\"  \n  v-model=\"searchVal\"  \n  :show-action=\"false\"  \n  placeholder-color=\"#999999\"  \n  search-icon-color=\"#BABABA\"  \n><\/u-search><\/code><\/pre>\n\n\n\n
\u7ecf\u641c\u7d22\u53d1\u73b0\u662f iOS 15\u300116 type=”search” \u4f1a\u81ea\u5e26\u641c\u7d22\u56fe\u6807\u3002u-input \u53c8\u914d\u7f6e\u4e86\u4e00\u4e2a\uff0c\u5c31\u5f97\u9700\u8981\u79fb\u9664\u81ea\u5e26\u7684\u3002\u521a\u5f00\u59cb\u7684\u89e3\u51b3\u65b9\u6848\uff1a<\/p>\n\n\n\n
::v-deep input[type=\"search\"]{  \n  -webkit-appearance:none !important;  \n}<\/code><\/pre>\n\n\n\n
\u53ef\u662f\u5e76\u6ca1\u6709\u79fb\u9664\u591a\u4f59\u7684\u56fe\u6807\uff0c\u4e0b\u9762\u7684\u65b9\u6cd5\u751f\u6548\uff1a<\/p>\n\n\n\n
::v-deep [type=\"search\"]::-webkit-search-decoration {  \n  display: none;  \n}<\/code><\/pre>\n\n\n\n
\u5176\u5b9e\u8fd8\u6709\u4e00\u79cd\u65b9\u6cd5\u5c31\u662f\u628a uview \u7684 u-search \u6e90\u7801\u66f4\u6539\u4e0b\uff1a<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u8fd9\u4f1a\u5bfc\u81f4\u4e00\u4e2a\u95ee\u9898\u5c31\u662f\u5f39\u51fa\u7684\u952e\u76d8\u53f3\u4e0b\u89d2\u7684 \u641c\u7d22<\/strong> \u53d8\u6210 \u5b8c\u6210<\/strong>\u3002<\/p>\n\n\n\n
2024\/7\/11:<\/p>\n\n\n\n
\"\"
\u6700\u8fd1\u53c8\u9047\u5230\u6b64\u95ee\u9898\uff0ciphone 14 plus \/ ios 16.2\uff0c\u6700\u540e\u89e3\u51b3\u65b9\u6cd5\u662f\u5347\u7ea7 uniapp 2.0.0 =>2.0.2 \u7248\u672c\u3002<\/p>\n\n\n\n
\u7f51\u4e0a\u6709\u5f88\u591a\u6b64\u95ee\u9898\u7684\u8ba8\u8bba\uff0c\u4e24\u79cd\u65b9\u6cd5\u90fd\u6709\uff0c\u6700\u540e\u60f3\u60f3\u8fd8\u662f\u9700\u8981\u628a\u5b83\u4eec\u5408\u5e76\u8d77\u6765\uff1a<\/p>\n\n\n\n
input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n    appearance: none;\n    display:none;\n}<\/code><\/pre>\n\n\n\n
\u53c2\u8003\uff1a<\/h2>\n\n\n\n
    \n
  1. [H5] u-search \u5728iOS15\u4e0b\u4e24\u4e2a\u641c\u7d22\u56fe\u6807\u95ee\u9898 \u00b7 Issue #1135 \u00b7 umicro\/uView \u00b7 GitHub<\/a><\/li>\n\n\n\n
  2. ios15 input \u8bbe\u7f6econfirm-type=\u201csearch\u201d \u8f93\u5165\u6846\u4f1a\u81ea\u52a8\u5c55\u793a\u641c\u7d22\u56fe\u6807\uff0c\u5982\u4f55\u5173\u95ed – DCloud\u95ee\u7b54<\/a><\/li>\n\n\n\n
  3. \u3010\u62a5Bug\u3011IOS 15 \u641c\u7d22\u7c7b\u578b \u7684 \u8f93\u5165\u6846 \u81ea\u5e26\u56fe\u6807 – DCloud\u95ee\u7b54<\/a><\/li>\n\n\n\n
  4. Customize the Divi Navigation Search Feature – Michelle The Creator<\/a><\/li>\n\n\n\n
  5. Normalize.css 1.0 | CSS Reset<\/a><\/li>\n\n\n\n
  6. Remove the Search Input Clear(x) Icon<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    \u80cc\u666f \u6d88\u606f\u5217\u8868\u9875\u7684\u641c\u7d22\u6846\u51fa\u73b0\u4e24\u4e2a\u653e\u5927\u955c\u56fe\u6807\uff0c\u4e0b\u56fe\uff1a \u7ecf\u641c\u7d22\u53d1\u73b0\u662f iOS 15\u300116 type=&#...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,20,3],"tags":[5,260],"class_list":["post-2076","post","type-post","status-publish","format-standard","hentry","category-all","category-frontend","category-tech","tag-css","tag-uniapp"],"_links":{"self":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/2076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2076"}],"version-history":[{"count":3,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/2076\/revisions"}],"predecessor-version":[{"id":2081,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/2076\/revisions\/2081"}],"wp:attachment":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}