{"id":10000585,"date":"2024-03-20T15:11:55","date_gmt":"2024-03-20T07:11:55","guid":{"rendered":"http:\/\/axure.in\/?p=10000585"},"modified":"2024-09-02T12:55:12","modified_gmt":"2024-09-02T04:55:12","slug":"%e4%bd%bf%e7%94%a8axure%e5%88%b6%e4%bd%9cslider%e6%bb%91%e5%9d%97%e5%8a%9f%e8%83%bd-%e5%9f%ba%e7%a1%80%e6%bb%91%e5%9d%97","status":"publish","type":"post","link":"http:\/\/axure.in\/?p=10000585","title":{"rendered":"\u4f7f\u7528Axure\u5236\u4f5cSlider\u6ed1\u5757\u529f\u80fd(\u4e00)-\u57fa\u7840\u6ed1\u5757"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u7b80\u4ecb\uff1a<\/h2>\n\n\n\n<p>\u6ed1\u5757\u529f\u80fd\u5728\u5404\u79cd\u5e94\u7528\u7a0b\u5e8f\u548c\u7f51\u7ad9\u4e2d\u5e7f\u6cdb\u5e94\u7528\uff0c\u4f8b\u5982\u97f3\u91cf\u63a7\u5236\u5668\u4e2d\u7684\u97f3\u91cf\u6ed1\u5757\u3001\u56fe\u50cf\u7f16\u8f91\u5668\u4e2d\u7684\u4eae\u5ea6\u6ed1\u5757\u3001\u89c6\u9891\u64ad\u653e\u5668\u4e2d\u7684\u8fdb\u5ea6\u6761\u6ed1\u5757\u7b49\u3002\u6ed1\u5757\u529f\u80fd\u7b80\u5355\u76f4\u89c2\uff0c\u8ba9\u7528\u6237\u53ef\u4ee5\u5feb\u901f\u8c03\u6574\u6570\u503c\u6216\u8bbe\u7f6e\uff0c\u63d0\u9ad8\u4e86\u7528\u6237\u4f53\u9a8c\u548c\u4ea4\u4e92\u6027\u3002\u4eca\u5929\u6211\u4eec\u62ffMaterial Design\u505a\u4e00\u4e2a\u5b9e\u4f8b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">???<\/h2>\n\n\n\n<p>???????????????<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"300\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-8.png\" alt=\"\" class=\"wp-image-10000657\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-8.png 720w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-8-300x125.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\">\n<li>??(Tag)?????????????????????<\/li>\n\n\n\n<li>??(Track)?????????????????????<\/li>\n\n\n\n<li>????(Highlight Track)???????????????<\/li>\n\n\n\n<li>????(Thumb)???????????????????<\/li>\n\n\n\n<li>???(Current Value)??????????????????????????<\/li>\n\n\n\n<li>???(Max Value)???????????????<\/li>\n\n\n\n<li>???(Max Value)???????????????<\/li>\n<\/ol>\n\n\n\n<p>???????????????<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>??????<\/li>\n\n\n\n<li>?????(Decrease Value)????????<\/li>\n\n\n\n<li>?????(Increase Value)????????<\/li>\n<\/ol>\n\n\n\n<p>?????????????????????<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>????<\/li>\n\n\n\n<li>?????????<\/li>\n\n\n\n<li>???????????<\/li>\n\n\n\n<li>??????<\/li>\n\n\n\n<li>????<\/li>\n\n\n\n<li>?????<\/li>\n\n\n\n<li>????????<\/li>\n\n\n\n<li>???????<\/li>\n<\/ol>\n\n\n\n<p>?????????????ElementUI??????<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">???????<\/h2>\n\n\n\n<p>????????????<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>????(Thumb)??????20px???20px???2px?????#409EFF?<\/li>\n\n\n\n<li>????(Highlight Track)??????300px???6px???#409EFF???3px?<\/li>\n\n\n\n<li>??(Track)??????300px???6px???#E4E7ED???3px?<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"250\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-18.png\" alt=\"\" class=\"wp-image-10000741\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-18.png 680w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-18-300x110.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<\/div>\n\n\n<p>?????????????????????????<strong>????<\/strong>??<strong>????<\/strong>?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">???????<\/h2>\n\n\n\n<p>???????????????????????????<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>??????(Thumb Container)??????<\/li>\n\n\n\n<li>??????(Highlight Track Container)???150px???6px???3px?<\/li>\n\n\n\n<li>????(Track Container)???6px???3px?<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"350\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-19.png\" alt=\"\" class=\"wp-image-10000743\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-19.png 680w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-19-300x154.png 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">?????????<\/h2>\n\n\n\n<p>???????????(Thumb)????????x??????????????????????????Thumb???????????????????????????????????<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1000\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-11.png\" alt=\"\" class=\"wp-image-10000697\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-11.png 700w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-11-210x300.png 210w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p>??????????????Track???????????????????????<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"472\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-12.png\" alt=\"\" class=\"wp-image-10000705\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-12.png 700w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-12-300x202.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p>??????????<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>???\n<ul class=\"wp-block-list\">\n<li>??\n<ul class=\"wp-block-list\">\n<li>?????<\/li>\n\n\n\n<li>?????????<\/li>\n\n\n\n<li>???\n<ul class=\"wp-block-list\">\n<li>?? &gt;= [[Track.Left &#8211; This.Width\/2]]<\/li>\n\n\n\n<li>?? &lt;=[[Track.Right + This.Width\/2]]<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>???\n<ul class=\"wp-block-list\">\n<li>????\n<ul class=\"wp-block-list\">\n<li>???(Highlight Track Container)<\/li>\n\n\n\n<li>???[[This.Left + This.Width\/2 &#8211; Track.Left]]<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>???????\u201c????????(Highlight Track)????????????\u201d????????????????(Highlight Track)????????????????????????????????(Highlight Track)?????????????(???????)???????????????????<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">???????????<\/h2>\n\n\n\n<p>?????????????????????????????????(Track Container)??????<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"547\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-16.png\" alt=\"\" class=\"wp-image-10000734\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-16.png 700w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-16-300x234.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p>?????????(Highlight Track Container)???????<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"324\" src=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-17.png\" alt=\"\" class=\"wp-image-10000737\" srcset=\"http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-17.png 697w, http:\/\/axure.in\/wp-content\/uploads\/2024\/03\/image-17-300x139.png 300w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">???????<\/h2>\n\n\n\n<p>???????????????????????????????????<strong>????<\/strong>?????????????????<strong>??<\/strong>???<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">???<\/h2>\n\n\n\n<p>??????????????????????????????<\/p>\n<p>\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a<a href=\"http:\/\/axure.in\">\u6700In\u306eAxure<\/a> &raquo; <a href=\"http:\/\/axure.in\/?p=10000585\">\u4f7f\u7528Axure\u5236\u4f5cSlider\u6ed1\u5757\u529f\u80fd(\u4e00)-\u57fa\u7840\u6ed1\u5757<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u7b80\u4ecb\uff1a \u6ed1\u5757\u529f\u80fd\u5728\u5404\u79cd\u5e94\u7528\u7a0b\u5e8f\u548c\u7f51\u7ad9\u4e2d\u5e7f\u6cdb\u5e94\u7528\uff0c\u4f8b\u5982\u97f3\u91cf\u63a7\u5236\u5668\u4e2d\u7684\u97f3\u91cf\u6ed1\u5757\u3001\u56fe\u50cf\u7f16\u8f91\u5668\u4e2d\u7684\u4eae\u5ea6\u6ed1\u5757\u3001\u89c6\u9891\u64ad\u653e\u5668\u4e2d\u7684\u8fdb\u5ea6\u6761\u6ed1\u5757\u7b49\u3002\u6ed1\u5757\u529f\u80fd\u7b80\u5355\u76f4\u89c2\uff0c\u8ba9\u7528\u6237\u53ef\u4ee5\u5feb\u901f\u8c03\u6574\u6570\u503c\u6216\u8bbe\u7f6e\uff0c\u63d0\u9ad8\u4e86\u7528\u6237\u4f53\u9a8c\u548c\u4ea4\u4e92\u6027\u3002\u4eca\u5929\u6211\u4eec\u62ffMaterial Design\u505a\u4e00\u4e2a\u5b9e\u4f8b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[38],"tags":[142,139,145,141,140,143,146,144],"class_list":["post-10000585","post","type-post","status-publish","format-standard","hentry","category-intermediate-tutorial","tag-highlight-track","tag-slider","tag-thumb","tag-track","tag-140","tag-143","tag-146","tag-144"],"_links":{"self":[{"href":"http:\/\/axure.in\/index.php?rest_route=\/wp\/v2\/posts\/10000585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/axure.in\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/axure.in\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/axure.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/axure.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10000585"}],"version-history":[{"count":124,"href":"http:\/\/axure.in\/index.php?rest_route=\/wp\/v2\/posts\/10000585\/revisions"}],"predecessor-version":[{"id":10000991,"href":"http:\/\/axure.in\/index.php?rest_route=\/wp\/v2\/posts\/10000585\/revisions\/10000991"}],"wp:attachment":[{"href":"http:\/\/axure.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10000585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/axure.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10000585"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/axure.in\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10000585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}