[{"data":1,"prerenderedAt":1344},["ShallowReactive",2],{"content-\u002Fcomponents\u002Fslider":3,"content-en-fallback-\u002Fcomponents\u002Fslider":1343},{"id":4,"title":5,"body":6,"description":1334,"extension":1335,"meta":1336,"nav":1337,"navigation":1338,"path":1339,"seo":1340,"stem":1341,"__hash__":1342},"content\u002Fcomponents\u002Fslider.md","Slider 滑块",{"type":7,"value":8,"toc":1324},"minimark",[9,13,42,57,64,68,88,175,178,199,284,287,313,456,459,473,580,583,616,707,710,720,767,770,788,851,855,1193,1239,1263,1320],[10,11,5],"h1",{"id":12},"slider-滑块",[14,15,16,17,21,22,26,27,30,31,26,34,37,38,41],"p",{},"滑块让用户在一个连续区间内拖动取值（音量、亮度、字号、价格区间……）。样式与手感还原 WinUI 3（Windows App SDK）的 ",[18,19,20],"strong",{},"Slider","，交互底座复用 reka-ui 的 Slider：指针拖拽、按 step 吸附、",[23,24,25],"code",{},"Home"," \u002F ",[23,28,29],{},"End"," \u002F 方向键 \u002F ",[23,32,33],{},"PageUp",[23,35,36],{},"PageDown"," 键盘操作、",[23,39,40],{},"role=\"slider\""," 语义与表单提交都由底座承担，本组件负责把 WinUI 的几何与状态逐项落地。",[14,43,44,45,48,49,52,53,56],{},"几何全部取自 WinUI 原值：控件高 32px（",[23,46,47],{},"SliderPreContentMargin"," 14 + 轨道 4 + ",[23,50,51],{},"SliderPostContentMargin"," 14）、轨道厚 4px、轨道圆角 2px、滑块 18×18 的布局盒外再靠 ",[23,54,55],{},"Margin=-2"," 撑出 22×22 的视觉外圈（正圆，半径按半宽收敛）、内点 12px。",[14,58,59,60,63],{},"指针交互同样对齐 WinUI：按在滑块上（整个 22×22 的可见外圈都算）只是「抓住」滑块，数值不变；按在滑块之外的轨道上才把滑块中心移到指针处跳值（",[23,61,62],{},"MoveThumbToPoint","）。",[65,66,67],"h2",{"id":67},"基础用法",[14,69,70,73,74,26,77,26,80,83,84,87],{},[23,71,72],{},"v-model"," 绑定数值，",[23,75,76],{},"min",[23,78,79],{},"max",[23,81,82],{},"step"," 决定区间与步进（默认 0–100、步进 1）；",[23,85,86],{},"header"," 是 WinUI 的标题行，同时作为缺省的可访问名。",[89,90,91,98],"demo-block",{"title":67},[92,93,95],"template",{"v-slot:preview":94},"",[96,97],"slider-basic-demo",{},[92,99,100],{"v-slot:code":94},[101,102,106],"pre",{"className":103,"code":104,"language":105,"meta":94,"style":94},"language-vue shiki shiki-themes github-light github-dark","\u003CFluereSlider v-model=\"volume\" header=\"音量\" \u002F>\n\u003CFluereSlider v-model=\"brightness\" header=\"亮度\" \u002F>\n","vue",[23,107,108,148],{"__ignoreMap":94},[109,110,113,117,121,125,128,132,135,137,140,142,145],"span",{"class":111,"line":112},"line",1,[109,114,116],{"class":115},"sVt8B","\u003C",[109,118,120],{"class":119},"s9eBZ","FluereSlider",[109,122,124],{"class":123},"sScJk"," v-model",[109,126,127],{"class":115},"=",[109,129,131],{"class":130},"sZZnC","\"",[109,133,134],{"class":115},"volume",[109,136,131],{"class":130},[109,138,139],{"class":123}," header",[109,141,127],{"class":115},[109,143,144],{"class":130},"\"音量\"",[109,146,147],{"class":115}," \u002F>\n",[109,149,151,153,155,157,159,161,164,166,168,170,173],{"class":111,"line":150},2,[109,152,116],{"class":115},[109,154,120],{"class":119},[109,156,124],{"class":123},[109,158,127],{"class":115},[109,160,131],{"class":130},[109,162,163],{"class":115},"brightness",[109,165,131],{"class":130},[109,167,139],{"class":123},[109,169,127],{"class":115},[109,171,172],{"class":130},"\"亮度\"",[109,174,147],{"class":115},[65,176,177],{"id":177},"标题与数值提示",[14,179,180,181,183,184,187,188,190,191,194,195,198],{},"顶部标题用 ",[23,182,86],{}," 或 ",[23,185,186],{},"#header"," 插槽。按住滑块（或在键盘聚焦时）滑块上方会浮出 WinUI 的数值提示（Disambiguation UI）：文本按 ",[23,189,82],{}," 的小数位格式化，最多保留 4 位；传 ",[23,192,193],{},"tooltip=\"false\""," 对应 ",[23,196,197],{},"IsThumbToolTipEnabled=false","。",[89,200,202,207],{"title":201},"标题 + 数值提示",[92,203,204],{"v-slot:preview":94},[205,206],"slider-header-demo",{},[92,208,209],{"v-slot:code":94},[101,210,212],{"className":103,"code":211,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"fontSize\" :min=\"9\" :max=\"72\" header=\"字号\">\n  \u003Ctemplate #header>字号（{{ fontSize }} px）\u003C\u002Ftemplate>\n\u003C\u002FFluereSlider>\n",[23,213,214,269,274],{"__ignoreMap":94},[109,215,216,218,220,222,224,226,229,231,234,236,238,240,244,246,248,250,252,254,257,259,261,263,266],{"class":111,"line":112},[109,217,116],{"class":115},[109,219,120],{"class":119},[109,221,124],{"class":123},[109,223,127],{"class":115},[109,225,131],{"class":130},[109,227,228],{"class":115},"fontSize",[109,230,131],{"class":130},[109,232,233],{"class":115}," :",[109,235,76],{"class":123},[109,237,127],{"class":115},[109,239,131],{"class":130},[109,241,243],{"class":242},"sj4cs","9",[109,245,131],{"class":130},[109,247,233],{"class":115},[109,249,79],{"class":123},[109,251,127],{"class":115},[109,253,131],{"class":130},[109,255,256],{"class":242},"72",[109,258,131],{"class":130},[109,260,139],{"class":123},[109,262,127],{"class":115},[109,264,265],{"class":130},"\"字号\"",[109,267,268],{"class":115},">\n",[109,270,271],{"class":111,"line":150},[109,272,273],{"class":115},"  \u003Ctemplate #header>字号（{{ fontSize }} px）\u003C\u002Ftemplate>\n",[109,275,277,280,282],{"class":111,"line":276},3,[109,278,279],{"class":115},"\u003C\u002F",[109,281,120],{"class":119},[109,283,268],{"class":115},[65,285,286],{"id":286},"区间与步进",[14,288,289,290,292,293,26,295,183,297,300,301,26,303,305,306,308,309,312],{},"方向键按 ",[23,291,82],{}," 走一步，",[23,294,33],{},[23,296,36],{},[23,298,299],{},"Shift"," + 方向键跳 10 步，",[23,302,25],{},[23,304,29],{}," 直达两端；拖动时按 ",[23,307,82],{}," 吸附并钳制在 ",[23,310,311],{},"[min, max]"," 内。",[89,314,315,320],{"title":286},[92,316,317],{"v-slot:preview":94},[318,319],"slider-step-demo",{},[92,321,322],{"v-slot:code":94},[101,323,325],{"className":103,"code":324,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"price\" :min=\"0\" :max=\"1000\" :step=\"50\" header=\"价格\" \u002F>\n\u003CFluereSlider v-model=\"ratio\" :min=\"0\" :max=\"1\" :step=\"0.1\" header=\"缩放\" \u002F>\n",[23,326,327,392],{"__ignoreMap":94},[109,328,329,331,333,335,337,339,342,344,346,348,350,352,355,357,359,361,363,365,368,370,372,374,376,378,381,383,385,387,390],{"class":111,"line":112},[109,330,116],{"class":115},[109,332,120],{"class":119},[109,334,124],{"class":123},[109,336,127],{"class":115},[109,338,131],{"class":130},[109,340,341],{"class":115},"price",[109,343,131],{"class":130},[109,345,233],{"class":115},[109,347,76],{"class":123},[109,349,127],{"class":115},[109,351,131],{"class":130},[109,353,354],{"class":242},"0",[109,356,131],{"class":130},[109,358,233],{"class":115},[109,360,79],{"class":123},[109,362,127],{"class":115},[109,364,131],{"class":130},[109,366,367],{"class":242},"1000",[109,369,131],{"class":130},[109,371,233],{"class":115},[109,373,82],{"class":123},[109,375,127],{"class":115},[109,377,131],{"class":130},[109,379,380],{"class":242},"50",[109,382,131],{"class":130},[109,384,139],{"class":123},[109,386,127],{"class":115},[109,388,389],{"class":130},"\"价格\"",[109,391,147],{"class":115},[109,393,394,396,398,400,402,404,407,409,411,413,415,417,419,421,423,425,427,429,432,434,436,438,440,442,445,447,449,451,454],{"class":111,"line":150},[109,395,116],{"class":115},[109,397,120],{"class":119},[109,399,124],{"class":123},[109,401,127],{"class":115},[109,403,131],{"class":130},[109,405,406],{"class":115},"ratio",[109,408,131],{"class":130},[109,410,233],{"class":115},[109,412,76],{"class":123},[109,414,127],{"class":115},[109,416,131],{"class":130},[109,418,354],{"class":242},[109,420,131],{"class":130},[109,422,233],{"class":115},[109,424,79],{"class":123},[109,426,127],{"class":115},[109,428,131],{"class":130},[109,430,431],{"class":242},"1",[109,433,131],{"class":130},[109,435,233],{"class":115},[109,437,82],{"class":123},[109,439,127],{"class":115},[109,441,131],{"class":130},[109,443,444],{"class":242},"0.1",[109,446,131],{"class":130},[109,448,139],{"class":123},[109,450,127],{"class":115},[109,452,453],{"class":130},"\"缩放\"",[109,455,147],{"class":115},[65,457,458],{"id":458},"纵向",[14,460,461,464,465,468,469,472],{},[23,462,463],{},"orientation=\"vertical\""," 切换为纵向：取值自下而上递增（与 WinUI 一致，最小值在底部），传 ",[23,466,467],{},"inverted"," 反向。纵向高度由 ",[23,470,471],{},"verticalLength","（默认 200px）决定。",[89,474,475,480],{"title":458},[92,476,477],{"v-slot:preview":94},[478,479],"slider-vertical-demo",{},[92,481,482],{"v-slot:code":94},[101,483,485],{"className":103,"code":484,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"bass\" orientation=\"vertical\" :vertical-length=\"160\" label=\"低音\" \u002F>\n\u003CFluereSlider v-model=\"treble\" orientation=\"vertical\" :vertical-length=\"160\" label=\"高音\" \u002F>\n",[23,486,487,536],{"__ignoreMap":94},[109,488,489,491,493,495,497,499,502,504,507,509,512,514,517,519,521,524,526,529,531,534],{"class":111,"line":112},[109,490,116],{"class":115},[109,492,120],{"class":119},[109,494,124],{"class":123},[109,496,127],{"class":115},[109,498,131],{"class":130},[109,500,501],{"class":115},"bass",[109,503,131],{"class":130},[109,505,506],{"class":123}," orientation",[109,508,127],{"class":115},[109,510,511],{"class":130},"\"vertical\"",[109,513,233],{"class":115},[109,515,516],{"class":123},"vertical-length",[109,518,127],{"class":115},[109,520,131],{"class":130},[109,522,523],{"class":242},"160",[109,525,131],{"class":130},[109,527,528],{"class":123}," label",[109,530,127],{"class":115},[109,532,533],{"class":130},"\"低音\"",[109,535,147],{"class":115},[109,537,538,540,542,544,546,548,551,553,555,557,559,561,563,565,567,569,571,573,575,578],{"class":111,"line":150},[109,539,116],{"class":115},[109,541,120],{"class":119},[109,543,124],{"class":123},[109,545,127],{"class":115},[109,547,131],{"class":130},[109,549,550],{"class":115},"treble",[109,552,131],{"class":130},[109,554,506],{"class":123},[109,556,127],{"class":115},[109,558,511],{"class":130},[109,560,233],{"class":115},[109,562,516],{"class":123},[109,564,127],{"class":115},[109,566,131],{"class":130},[109,568,523],{"class":242},[109,570,131],{"class":130},[109,572,528],{"class":123},[109,574,127],{"class":115},[109,576,577],{"class":130},"\"高音\"",[109,579,147],{"class":115},[65,581,582],{"id":582},"刻度线",[14,584,585,588,589,592,593,596,597,600,601,604,605,26,608,611,612,615],{},[23,586,587],{},"tickPlacement"," 对应 WinUI ",[23,590,591],{},"TickPlacement","：",[23,594,595],{},"none","（默认）\u002F ",[23,598,599],{},"inline","（轨道内）\u002F ",[23,602,603],{},"outside","（轨道两侧）\u002F ",[23,606,607],{},"top-left",[23,609,610],{},"bottom-right","（单侧，纵向时即左 \u002F 右）。与 WinUI 一致，",[23,613,614],{},"tickFrequency"," 为 0（默认）时不画刻度线。",[89,617,618,623],{"title":582},[92,619,620],{"v-slot:preview":94},[621,622],"slider-ticks-demo",{},[92,624,625],{"v-slot:code":94},[101,626,628],{"className":103,"code":627,"language":105,"meta":94,"style":94},"\u003CFluereSlider v-model=\"inline\" tick-placement=\"inline\" :tick-frequency=\"10\" \u002F>\n\u003CFluereSlider v-model=\"outside\" tick-placement=\"outside\" :tick-frequency=\"10\" \u002F>\n",[23,629,630,670],{"__ignoreMap":94},[109,631,632,634,636,638,640,642,644,646,649,651,654,656,659,661,663,666,668],{"class":111,"line":112},[109,633,116],{"class":115},[109,635,120],{"class":119},[109,637,124],{"class":123},[109,639,127],{"class":115},[109,641,131],{"class":130},[109,643,599],{"class":115},[109,645,131],{"class":130},[109,647,648],{"class":123}," tick-placement",[109,650,127],{"class":115},[109,652,653],{"class":130},"\"inline\"",[109,655,233],{"class":115},[109,657,658],{"class":123},"tick-frequency",[109,660,127],{"class":115},[109,662,131],{"class":130},[109,664,665],{"class":242},"10",[109,667,131],{"class":130},[109,669,147],{"class":115},[109,671,672,674,676,678,680,682,684,686,688,690,693,695,697,699,701,703,705],{"class":111,"line":150},[109,673,116],{"class":115},[109,675,120],{"class":119},[109,677,124],{"class":123},[109,679,127],{"class":115},[109,681,131],{"class":130},[109,683,603],{"class":115},[109,685,131],{"class":130},[109,687,648],{"class":123},[109,689,127],{"class":115},[109,691,692],{"class":130},"\"outside\"",[109,694,233],{"class":115},[109,696,658],{"class":123},[109,698,127],{"class":115},[109,700,131],{"class":130},[109,702,665],{"class":242},[109,704,131],{"class":130},[109,706,147],{"class":115},[65,708,709],{"id":709},"禁用",[14,711,712,715,716,719],{},[23,713,714],{},"disabled"," 时不可交互，轨道、数值填充、滑块与标题一起落到 …Disabled 档；内点停在 WinUI ",[23,717,718],{},"Disabled"," 状态里的 14px 尺寸。",[89,721,723,728],{"title":722},"禁用状态",[92,724,725],{"v-slot:preview":94},[726,727],"slider-disabled-demo",{},[92,729,730],{"v-slot:code":94},[101,731,733],{"className":103,"code":732,"language":105,"meta":94,"style":94},"\u003CFluereSlider :model-value=\"35\" disabled header=\"禁用\" \u002F>\n",[23,734,735],{"__ignoreMap":94},[109,736,737,739,741,743,746,748,750,753,755,758,760,762,765],{"class":111,"line":112},[109,738,116],{"class":115},[109,740,120],{"class":119},[109,742,233],{"class":115},[109,744,745],{"class":123},"model-value",[109,747,127],{"class":115},[109,749,131],{"class":130},[109,751,752],{"class":242},"35",[109,754,131],{"class":130},[109,756,757],{"class":123}," disabled",[109,759,139],{"class":123},[109,761,127],{"class":115},[109,763,764],{"class":130},"\"禁用\"",[109,766,147],{"class":115},[65,768,769],{"id":769},"表单提交",[14,771,772,773,776,777,780,781,784,785,198],{},"位于 ",[23,774,775],{},"\u003Cform>"," 内并传 ",[23,778,779],{},"name"," 时，会补一个隐藏的原生 ",[23,782,783],{},"\u003Cinput type=\"hidden\">","，提交 ",[23,786,787],{},"name=value",[89,789,790,795],{"title":769},[92,791,792],{"v-slot:preview":94},[793,794],"slider-form-demo",{},[92,796,797],{"v-slot:code":94},[101,798,800],{"className":103,"code":799,"language":105,"meta":94,"style":94},"\u003Cform @submit.prevent=\"onSubmit\">\n  \u003CFluereSlider v-model=\"gain\" name=\"gain\" header=\"增益\" \u002F>\n  \u003CFluereButton type=\"submit\" appearance=\"primary\">提交\u003C\u002FFluereButton>\n\u003C\u002Fform>\n",[23,801,802,832,837,842],{"__ignoreMap":94},[109,803,804,806,809,812,815,818,821,823,825,828,830],{"class":111,"line":112},[109,805,116],{"class":115},[109,807,808],{"class":119},"form",[109,810,811],{"class":115}," @",[109,813,814],{"class":123},"submit",[109,816,817],{"class":115},".",[109,819,820],{"class":123},"prevent",[109,822,127],{"class":115},[109,824,131],{"class":130},[109,826,827],{"class":115},"onSubmit",[109,829,131],{"class":130},[109,831,268],{"class":115},[109,833,834],{"class":111,"line":150},[109,835,836],{"class":115},"  \u003CFluereSlider v-model=\"gain\" name=\"gain\" header=\"增益\" \u002F>\n",[109,838,839],{"class":111,"line":276},[109,840,841],{"class":115},"  \u003CFluereButton type=\"submit\" appearance=\"primary\">提交\u003C\u002FFluereButton>\n",[109,843,845,847,849],{"class":111,"line":844},4,[109,846,279],{"class":115},[109,848,808],{"class":119},[109,850,268],{"class":115},[65,852,854],{"id":853},"api","API",[856,857,858,877],"table",{},[859,860,861],"thead",{},[862,863,864,868,871,874],"tr",{},[865,866,867],"th",{},"属性（Props）",[865,869,870],{},"类型",[865,872,873],{},"默认",[865,875,876],{},"说明",[878,879,880,908,925,954,974,993,1013,1033,1055,1075,1092,1114,1135,1156,1174],"tbody",{},[862,881,882,888,893,898],{},[883,884,885],"td",{},[23,886,887],{},"modelValue",[883,889,890],{},[23,891,892],{},"number",[883,894,895],{},[23,896,897],{},"—",[883,899,900,901,903,904,907],{},"当前值（",[23,902,72],{},"），缺省时走 ",[23,905,906],{},"defaultValue"," 非受控",[862,909,910,914,918,922],{},[883,911,912],{},[23,913,906],{},[883,915,916],{},[23,917,892],{},[883,919,920],{},[23,921,76],{},[883,923,924],{},"非受控初始值",[862,926,927,933,937,944],{},[883,928,929,26,931],{},[23,930,76],{},[23,932,79],{},[883,934,935],{},[23,936,892],{},[883,938,939,26,941],{},[23,940,354],{},[23,942,943],{},"100",[883,945,946,947,26,950,953],{},"区间（WinUI ",[23,948,949],{},"RangeBase.Minimum",[23,951,952],{},"Maximum","）",[862,955,956,960,964,968],{},[883,957,958],{},[23,959,82],{},[883,961,962],{},[23,963,892],{},[883,965,966],{},[23,967,431],{},[883,969,970,971,953],{},"步进（WinUI ",[23,972,973],{},"StepFrequency",[862,975,976,980,985,990],{},[883,977,978],{},[23,979,714],{},[883,981,982],{},[23,983,984],{},"boolean",[883,986,987],{},[23,988,989],{},"false",[883,991,992],{},"是否禁用",[862,994,995,1000,1005,1010],{},[883,996,997],{},[23,998,999],{},"orientation",[883,1001,1002],{},[23,1003,1004],{},"'horizontal' | 'vertical'",[883,1006,1007],{},[23,1008,1009],{},"'horizontal'",[883,1011,1012],{},"方向",[862,1014,1015,1019,1023,1027],{},[883,1016,1017],{},[23,1018,467],{},[883,1020,1021],{},[23,1022,984],{},[883,1024,1025],{},[23,1026,989],{},[883,1028,1029,1030,953],{},"反向（WinUI ",[23,1031,1032],{},"IsDirectionReversed",[862,1034,1035,1039,1044,1048],{},[883,1036,1037],{},[23,1038,86],{},[883,1040,1041],{},[23,1042,1043],{},"string",[883,1045,1046],{},[23,1047,897],{},[883,1049,1050,1051,1054],{},"顶部标题（WinUI ",[23,1052,1053],{},"Header","），同时是缺省可访问名",[862,1056,1057,1062,1066,1070],{},[883,1058,1059],{},[23,1060,1061],{},"label",[883,1063,1064],{},[23,1065,1043],{},[883,1067,1068],{},[23,1069,897],{},[883,1071,1072,1073,953],{},"可访问名称（优先于 ",[23,1074,86],{},[862,1076,1077,1081,1085,1089],{},[883,1078,1079],{},[23,1080,779],{},[883,1082,1083],{},[23,1084,1043],{},[883,1086,1087],{},[23,1088,897],{},[883,1090,1091],{},"表单提交名，配合隐藏原生 input",[862,1093,1094,1099,1103,1108],{},[883,1095,1096],{},[23,1097,1098],{},"tooltip",[883,1100,1101],{},[23,1102,984],{},[883,1104,1105],{},[23,1106,1107],{},"true",[883,1109,1110,1111,953],{},"数值提示（WinUI ",[23,1112,1113],{},"IsThumbToolTipEnabled",[862,1115,1116,1120,1125,1130],{},[883,1117,1118],{},[23,1119,587],{},[883,1121,1122],{},[23,1123,1124],{},"'none' | 'inline' | 'outside' | 'top-left' | 'bottom-right'",[883,1126,1127],{},[23,1128,1129],{},"'none'",[883,1131,1132,1133,953],{},"刻度位置（WinUI ",[23,1134,591],{},[862,1136,1137,1141,1145,1149],{},[883,1138,1139],{},[23,1140,614],{},[883,1142,1143],{},[23,1144,892],{},[883,1146,1147],{},[23,1148,354],{},[883,1150,1151,1152,1155],{},"刻度间隔（WinUI ",[23,1153,1154],{},"TickFrequency","），0 = 不画",[862,1157,1158,1162,1166,1171],{},[883,1159,1160],{},[23,1161,471],{},[883,1163,1164],{},[23,1165,892],{},[883,1167,1168],{},[23,1169,1170],{},"200",[883,1172,1173],{},"纵向时的控件长度（px）",[862,1175,1176,1181,1186,1190],{},[883,1177,1178],{},[23,1179,1180],{},"dir",[883,1182,1183],{},[23,1184,1185],{},"'ltr' | 'rtl'",[883,1187,1188],{},[23,1189,897],{},[883,1191,1192],{},"阅读方向",[856,1194,1195,1207],{},[859,1196,1197],{},[862,1198,1199,1202,1205],{},[865,1200,1201],{},"事件（Events）",[865,1203,1204],{},"载荷",[865,1206,876],{},[878,1208,1209,1225],{},[862,1210,1211,1216,1220],{},[883,1212,1213],{},[23,1214,1215],{},"update:modelValue",[883,1217,1218],{},[23,1219,892],{},[883,1221,1222,1223,953],{},"值变化（",[23,1224,72],{},[862,1226,1227,1232,1236],{},[883,1228,1229],{},[23,1230,1231],{},"valueCommit",[883,1233,1234],{},[23,1235,892],{},[883,1237,1238],{},"一次交互结束时的最终值",[856,1240,1241,1250],{},[859,1242,1243],{},[862,1244,1245,1248],{},[865,1246,1247],{},"插槽（Slots）",[865,1249,876],{},[878,1251,1252],{},[862,1253,1254,1258],{},[883,1255,1256],{},[23,1257,86],{},[883,1259,1260,1261,953],{},"顶部标题行（WinUI ",[23,1262,1053],{},[1264,1265,1266],"blockquote",{},[14,1267,1268,1269,1272,1273,1276,1277,1280,1281,1280,1284,1287,1288,1291,1292,1295,1296,26,1299,26,1302,1305,1306,1308,1309,1291,1312,1315,1316,1319],{},"状态配色对照 ",[23,1270,1271],{},"Slider_themeresources.xaml","：轨道 ",[23,1274,1275],{},"ControlStrongFillColorDefault","（hover \u002F pressed 同色）、数值填充 ",[23,1278,1279],{},"AccentFillColorDefault"," → ",[23,1282,1283],{},"Secondary",[23,1285,1286],{},"Tertiary","、滑块外圈 ",[23,1289,1290],{},"ControlSolidFillColorDefault"," + ",[23,1293,1294],{},"ControlElevationBorderBrush","、内点缩放 ",[23,1297,1298],{},"0.86",[23,1300,1301],{},"1.167",[23,1303,1304],{},"0.71","（Disabled 停在 ",[23,1307,1301],{},"）。焦点环走本库统一的 Fluent 规范（",[23,1310,1311],{},"strokeWidthThick",[23,1313,1314],{},"colorCompoundBrandStroke","），与 WinUI 的 ",[23,1317,1318],{},"FocusVisualMargin=-7,0"," 双色矩形是同一意图的两种落地。",[1321,1322,1323],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":94,"searchDepth":150,"depth":150,"links":1325},[1326,1327,1328,1329,1330,1331,1332,1333],{"id":67,"depth":150,"text":67},{"id":177,"depth":150,"text":177},{"id":286,"depth":150,"text":286},{"id":458,"depth":150,"text":458},{"id":582,"depth":150,"text":582},{"id":709,"depth":150,"text":709},{"id":769,"depth":150,"text":769},{"id":853,"depth":150,"text":854},"滑块组件，用于在连续区间内拖动取值。","md",{},{"title":5},true,"\u002Fcomponents\u002Fslider",{"title":5,"description":1334},"components\u002Fslider","4O5CNG24_8NVVyQCzKWYQzIC2EuSIMImt--43qrPqOU",null,1791802960541]