1# stepper-item<a name="ZH-CN_TOPIC_0000001163932196"></a> 2 3步骤导航器子组件，作为步骤导航器某一个步骤的内容展示组件。 4 5> **说明：** 6>从API Version 5 开始支持。 7 8## 权限列表<a name="zh-cn_topic_0000001127125034_section11257113618419"></a> 9 10无 11 12## 子组件<a name="zh-cn_topic_0000001127125034_section9288143101012"></a> 13 14支持。 15 16## 属性<a name="zh-cn_topic_0000001127125034_section2907183951110"></a> 17 18除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： 19 20<a name="zh-cn_topic_0000001127125034_table20633101642315"></a> 21<table><thead align="left"><tr id="zh-cn_topic_0000001127125034_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127125034_a45273e2103004ff3bdd3375013e96a2a"><a name="zh-cn_topic_0000001127125034_a45273e2103004ff3bdd3375013e96a2a"></a><a name="zh-cn_topic_0000001127125034_a45273e2103004ff3bdd3375013e96a2a"></a>名称</p> 22</th> 23<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127125034_ad5b10d4a60e44bb4a8bbb3b4416d7b27"><a name="zh-cn_topic_0000001127125034_ad5b10d4a60e44bb4a8bbb3b4416d7b27"></a><a name="zh-cn_topic_0000001127125034_ad5b10d4a60e44bb4a8bbb3b4416d7b27"></a>类型</p> 24</th> 25<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127125034_ab2ae3d9f60d6475ab95ba095851a9d07"><a name="zh-cn_topic_0000001127125034_ab2ae3d9f60d6475ab95ba095851a9d07"></a><a name="zh-cn_topic_0000001127125034_ab2ae3d9f60d6475ab95ba095851a9d07"></a>默认值</p> 26</th> 27<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127125034_p824610360217"><a name="zh-cn_topic_0000001127125034_p824610360217"></a><a name="zh-cn_topic_0000001127125034_p824610360217"></a>必填</p> 28</th> 29<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127125034_af5c3b773ed0a42e589819a6c8d257ca1"><a name="zh-cn_topic_0000001127125034_af5c3b773ed0a42e589819a6c8d257ca1"></a><a name="zh-cn_topic_0000001127125034_af5c3b773ed0a42e589819a6c8d257ca1"></a>描述</p> 30</th> 31</tr> 32</thead> 33<tbody><tr id="zh-cn_topic_0000001127125034_row5283312343"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p228421219417"><a name="zh-cn_topic_0000001127125034_p228421219417"></a><a name="zh-cn_topic_0000001127125034_p228421219417"></a>label</p> 34</td> 35<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p1628411126418"><a name="zh-cn_topic_0000001127125034_p1628411126418"></a><a name="zh-cn_topic_0000001127125034_p1628411126418"></a><a href="#zh-cn_topic_0000001127125034_table119681501422">Label</a></p> 36</td> 37<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p228441219417"><a name="zh-cn_topic_0000001127125034_p228441219417"></a><a name="zh-cn_topic_0000001127125034_p228441219417"></a>-</p> 38</td> 39<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p928417121844"><a name="zh-cn_topic_0000001127125034_p928417121844"></a><a name="zh-cn_topic_0000001127125034_p928417121844"></a>否</p> 40</td> 41<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p46212038248"><a name="zh-cn_topic_0000001127125034_p46212038248"></a><a name="zh-cn_topic_0000001127125034_p46212038248"></a>自定义步骤导航器底部步骤提示文本按钮属性，不支持动态修改。如果没有定义该属性，步骤导航器在中文语言环境下，使用“返回”和“下一步”文本按钮，在非中文语言环境下，使用“BACK”和“NEXT”文本按钮。针对第一个步骤，没有回退文本按钮，针对最后一个步骤，下一步文本按钮文本使用“开始”（中文语言）或者“START”（非中文语言）。</p> 42</td> 43</tr> 44</tbody> 45</table> 46 47**表 1** Label对象定义 48 49<a name="zh-cn_topic_0000001127125034_table119681501422"></a> 50<table><thead align="left"><tr id="zh-cn_topic_0000001127125034_row9968170228"><th class="cellrowborder" valign="top" width="11.06%" id="mcps1.2.5.1.1"><p id="zh-cn_topic_0000001127125034_p18968201227"><a name="zh-cn_topic_0000001127125034_p18968201227"></a><a name="zh-cn_topic_0000001127125034_p18968201227"></a>名称</p> 51</th> 52<th class="cellrowborder" valign="top" width="9.08%" id="mcps1.2.5.1.2"><p id="zh-cn_topic_0000001127125034_p199691501328"><a name="zh-cn_topic_0000001127125034_p199691501328"></a><a name="zh-cn_topic_0000001127125034_p199691501328"></a>类型</p> 53</th> 54<th class="cellrowborder" valign="top" width="8.450000000000001%" id="mcps1.2.5.1.3"><p id="zh-cn_topic_0000001127125034_p139699019213"><a name="zh-cn_topic_0000001127125034_p139699019213"></a><a name="zh-cn_topic_0000001127125034_p139699019213"></a>默认值</p> 55</th> 56<th class="cellrowborder" valign="top" width="71.41%" id="mcps1.2.5.1.4"><p id="zh-cn_topic_0000001127125034_p1969507219"><a name="zh-cn_topic_0000001127125034_p1969507219"></a><a name="zh-cn_topic_0000001127125034_p1969507219"></a>描述</p> 57</th> 58</tr> 59</thead> 60<tbody><tr id="zh-cn_topic_0000001127125034_row1496930728"><td class="cellrowborder" valign="top" width="11.06%" headers="mcps1.2.5.1.1 "><p id="zh-cn_topic_0000001127125034_p3969110127"><a name="zh-cn_topic_0000001127125034_p3969110127"></a><a name="zh-cn_topic_0000001127125034_p3969110127"></a>prevLabel</p> 61</td> 62<td class="cellrowborder" valign="top" width="9.08%" headers="mcps1.2.5.1.2 "><p id="zh-cn_topic_0000001127125034_p99691100212"><a name="zh-cn_topic_0000001127125034_p99691100212"></a><a name="zh-cn_topic_0000001127125034_p99691100212"></a>string</p> 63</td> 64<td class="cellrowborder" valign="top" width="8.450000000000001%" headers="mcps1.2.5.1.3 "><p id="zh-cn_topic_0000001127125034_p1996919011215"><a name="zh-cn_topic_0000001127125034_p1996919011215"></a><a name="zh-cn_topic_0000001127125034_p1996919011215"></a>-</p> 65</td> 66<td class="cellrowborder" valign="top" width="71.41%" headers="mcps1.2.5.1.4 "><p id="zh-cn_topic_0000001127125034_p8969202219"><a name="zh-cn_topic_0000001127125034_p8969202219"></a><a name="zh-cn_topic_0000001127125034_p8969202219"></a>步骤导航器底部回退文本按钮的描述文本。</p> 67</td> 68</tr> 69<tr id="zh-cn_topic_0000001127125034_row296910827"><td class="cellrowborder" valign="top" width="11.06%" headers="mcps1.2.5.1.1 "><p id="zh-cn_topic_0000001127125034_p896910627"><a name="zh-cn_topic_0000001127125034_p896910627"></a><a name="zh-cn_topic_0000001127125034_p896910627"></a>nextLabel</p> 70</td> 71<td class="cellrowborder" valign="top" width="9.08%" headers="mcps1.2.5.1.2 "><p id="zh-cn_topic_0000001127125034_p1696900529"><a name="zh-cn_topic_0000001127125034_p1696900529"></a><a name="zh-cn_topic_0000001127125034_p1696900529"></a>string</p> 72</td> 73<td class="cellrowborder" valign="top" width="8.450000000000001%" headers="mcps1.2.5.1.3 "><p id="zh-cn_topic_0000001127125034_p18969301227"><a name="zh-cn_topic_0000001127125034_p18969301227"></a><a name="zh-cn_topic_0000001127125034_p18969301227"></a>-</p> 74</td> 75<td class="cellrowborder" valign="top" width="71.41%" headers="mcps1.2.5.1.4 "><p id="zh-cn_topic_0000001127125034_p159691801223"><a name="zh-cn_topic_0000001127125034_p159691801223"></a><a name="zh-cn_topic_0000001127125034_p159691801223"></a>步骤导航器底部下一步文本按钮的描述文本。</p> 76</td> 77</tr> 78<tr id="zh-cn_topic_0000001127125034_row119116012913"><td class="cellrowborder" valign="top" width="11.06%" headers="mcps1.2.5.1.1 "><p id="zh-cn_topic_0000001127125034_p99121704918"><a name="zh-cn_topic_0000001127125034_p99121704918"></a><a name="zh-cn_topic_0000001127125034_p99121704918"></a>status</p> 79</td> 80<td class="cellrowborder" valign="top" width="9.08%" headers="mcps1.2.5.1.2 "><p id="zh-cn_topic_0000001127125034_p1912401095"><a name="zh-cn_topic_0000001127125034_p1912401095"></a><a name="zh-cn_topic_0000001127125034_p1912401095"></a>string</p> 81</td> 82<td class="cellrowborder" valign="top" width="8.450000000000001%" headers="mcps1.2.5.1.3 "><p id="zh-cn_topic_0000001127125034_p149121201396"><a name="zh-cn_topic_0000001127125034_p149121201396"></a><a name="zh-cn_topic_0000001127125034_p149121201396"></a>normal</p> 83</td> 84<td class="cellrowborder" valign="top" width="71.41%" headers="mcps1.2.5.1.4 "><p id="zh-cn_topic_0000001127125034_p491230493"><a name="zh-cn_topic_0000001127125034_p491230493"></a><a name="zh-cn_topic_0000001127125034_p491230493"></a>步骤导航器当前步骤的初始状态，可选值为：</p> 85<a name="zh-cn_topic_0000001127125034_ul15229514162318"></a><a name="zh-cn_topic_0000001127125034_ul15229514162318"></a><ul id="zh-cn_topic_0000001127125034_ul15229514162318"><li>normal：正常状态，右侧文本按钮正常显示，可点击进入下一个步骤。</li></ul> 86<a name="zh-cn_topic_0000001127125034_ul5182101916236"></a><a name="zh-cn_topic_0000001127125034_ul5182101916236"></a><ul id="zh-cn_topic_0000001127125034_ul5182101916236"><li>disabled：不可用状态，右侧文本按钮灰度显示，不可点击进入下一个步骤。</li></ul> 87<a name="zh-cn_topic_0000001127125034_ul16451423182317"></a><a name="zh-cn_topic_0000001127125034_ul16451423182317"></a><ul id="zh-cn_topic_0000001127125034_ul16451423182317"><li>waiting：等待状态，右侧文本按钮不显示，使用等待进度条，不可点击进入下一个步骤。</li></ul> 88</td> 89</tr> 90</tbody> 91</table> 92 93## 样式<a name="zh-cn_topic_0000001127125034_section1326042123512"></a> 94 95除支持[通用样式](js-components-common-styles.md)外，还支持如下样式： 96 97<a name="zh-cn_topic_0000001127125034_table1744514388541"></a> 98<table><thead align="left"><tr id="zh-cn_topic_0000001127125034_row1244614388545"><th class="cellrowborder" valign="top" width="23.11768823117688%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127125034_a4e80fb5a797c4328af30d59e2c570c71"><a name="zh-cn_topic_0000001127125034_a4e80fb5a797c4328af30d59e2c570c71"></a><a name="zh-cn_topic_0000001127125034_a4e80fb5a797c4328af30d59e2c570c71"></a>名称</p> 99</th> 100<th class="cellrowborder" valign="top" width="20.477952204779523%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127125034_a4238bd3a376645a3ad8498d3916ed6c8"><a name="zh-cn_topic_0000001127125034_a4238bd3a376645a3ad8498d3916ed6c8"></a><a name="zh-cn_topic_0000001127125034_a4238bd3a376645a3ad8498d3916ed6c8"></a>类型</p> 101</th> 102<th class="cellrowborder" valign="top" width="8.869113088691131%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127125034_a5ece9efc3a1d464a868f9557e4784a97"><a name="zh-cn_topic_0000001127125034_a5ece9efc3a1d464a868f9557e4784a97"></a><a name="zh-cn_topic_0000001127125034_a5ece9efc3a1d464a868f9557e4784a97"></a>默认值</p> 103</th> 104<th class="cellrowborder" valign="top" width="7.519248075192481%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127125034_p117421754619"><a name="zh-cn_topic_0000001127125034_p117421754619"></a><a name="zh-cn_topic_0000001127125034_p117421754619"></a>必填</p> 105</th> 106<th class="cellrowborder" valign="top" width="40.01599840015999%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127125034_a2454f35c1eef44b4bb681caaa3ce48fc"><a name="zh-cn_topic_0000001127125034_a2454f35c1eef44b4bb681caaa3ce48fc"></a><a name="zh-cn_topic_0000001127125034_a2454f35c1eef44b4bb681caaa3ce48fc"></a>描述</p> 107</th> 108</tr> 109</thead> 110<tbody><tr id="zh-cn_topic_0000001127125034_row492070486"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p16782113422516"><a name="zh-cn_topic_0000001127125034_p16782113422516"></a><a name="zh-cn_topic_0000001127125034_p16782113422516"></a>color</p> 111</td> 112<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p678210342255"><a name="zh-cn_topic_0000001127125034_p678210342255"></a><a name="zh-cn_topic_0000001127125034_p678210342255"></a><color></p> 113</td> 114<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p0942146308"><a name="zh-cn_topic_0000001127125034_p0942146308"></a><a name="zh-cn_topic_0000001127125034_p0942146308"></a>-</p> 115</td> 116<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p9782134122511"><a name="zh-cn_topic_0000001127125034_p9782134122511"></a><a name="zh-cn_topic_0000001127125034_p9782134122511"></a>否</p> 117</td> 118<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p15360112213810"><a name="zh-cn_topic_0000001127125034_p15360112213810"></a><a name="zh-cn_topic_0000001127125034_p15360112213810"></a>文本颜色。</p> 119</td> 120</tr> 121<tr id="zh-cn_topic_0000001127125034_row926613588711"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p15365537102518"><a name="zh-cn_topic_0000001127125034_p15365537102518"></a><a name="zh-cn_topic_0000001127125034_p15365537102518"></a>font-size</p> 122</td> 123<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p1636517375255"><a name="zh-cn_topic_0000001127125034_p1636517375255"></a><a name="zh-cn_topic_0000001127125034_p1636517375255"></a><length></p> 124</td> 125<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p7365103717256"><a name="zh-cn_topic_0000001127125034_p7365103717256"></a><a name="zh-cn_topic_0000001127125034_p7365103717256"></a>-</p> 126</td> 127<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p336663712252"><a name="zh-cn_topic_0000001127125034_p336663712252"></a><a name="zh-cn_topic_0000001127125034_p336663712252"></a>否</p> 128</td> 129<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p836022215814"><a name="zh-cn_topic_0000001127125034_p836022215814"></a><a name="zh-cn_topic_0000001127125034_p836022215814"></a>文本大小。</p> 130</td> 131</tr> 132<tr id="zh-cn_topic_0000001127125034_row1747615510720"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p3376124017256"><a name="zh-cn_topic_0000001127125034_p3376124017256"></a><a name="zh-cn_topic_0000001127125034_p3376124017256"></a>allow-scale</p> 133</td> 134<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p1437654010251"><a name="zh-cn_topic_0000001127125034_p1437654010251"></a><a name="zh-cn_topic_0000001127125034_p1437654010251"></a>boolean</p> 135</td> 136<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p1376154072515"><a name="zh-cn_topic_0000001127125034_p1376154072515"></a><a name="zh-cn_topic_0000001127125034_p1376154072515"></a>true</p> 137</td> 138<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p1937615404253"><a name="zh-cn_topic_0000001127125034_p1937615404253"></a><a name="zh-cn_topic_0000001127125034_p1937615404253"></a>否</p> 139</td> 140<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p536014229815"><a name="zh-cn_topic_0000001127125034_p536014229815"></a><a name="zh-cn_topic_0000001127125034_p536014229815"></a>文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。</p> 141</td> 142</tr> 143<tr id="zh-cn_topic_0000001127125034_row79081352873"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p0781642162510"><a name="zh-cn_topic_0000001127125034_p0781642162510"></a><a name="zh-cn_topic_0000001127125034_p0781642162510"></a>font-style</p> 144</td> 145<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p107816428255"><a name="zh-cn_topic_0000001127125034_p107816428255"></a><a name="zh-cn_topic_0000001127125034_p107816428255"></a>string</p> 146</td> 147<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p17811342142514"><a name="zh-cn_topic_0000001127125034_p17811342142514"></a><a name="zh-cn_topic_0000001127125034_p17811342142514"></a>normal</p> 148</td> 149<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p189135463810"><a name="zh-cn_topic_0000001127125034_p189135463810"></a><a name="zh-cn_topic_0000001127125034_p189135463810"></a>否</p> 150</td> 151<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p10377104215812"><a name="zh-cn_topic_0000001127125034_p10377104215812"></a><a name="zh-cn_topic_0000001127125034_p10377104215812"></a>文本字体样式，可选值为：</p> 152<a name="zh-cn_topic_0000001127125034_ul6878946122313"></a><a name="zh-cn_topic_0000001127125034_ul6878946122313"></a><ul id="zh-cn_topic_0000001127125034_ul6878946122313"><li>normal: 标准的字体样式；</li><li>italic: 斜体的字体样式。</li></ul> 153</td> 154</tr> 155<tr id="zh-cn_topic_0000001127125034_row1033315491718"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p9764174572513"><a name="zh-cn_topic_0000001127125034_p9764174572513"></a><a name="zh-cn_topic_0000001127125034_p9764174572513"></a>font-weight</p> 156</td> 157<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p37641045112510"><a name="zh-cn_topic_0000001127125034_p37641045112510"></a><a name="zh-cn_topic_0000001127125034_p37641045112510"></a>number|string</p> 158</td> 159<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p1976434511252"><a name="zh-cn_topic_0000001127125034_p1976434511252"></a><a name="zh-cn_topic_0000001127125034_p1976434511252"></a>normal</p> 160</td> 161<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p63843547813"><a name="zh-cn_topic_0000001127125034_p63843547813"></a><a name="zh-cn_topic_0000001127125034_p63843547813"></a>否</p> 162</td> 163<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p107081551486"><a name="zh-cn_topic_0000001127125034_p107081551486"></a><a name="zh-cn_topic_0000001127125034_p107081551486"></a>文本字体粗细，number类型取值[100, 900]的整数（被100整除），默认为400，取值越大，字体越粗。string类型取值为：lighter、normal、bold、bolder。</p> 164</td> 165</tr> 166<tr id="zh-cn_topic_0000001127125034_row387010448715"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p1693494732511"><a name="zh-cn_topic_0000001127125034_p1693494732511"></a><a name="zh-cn_topic_0000001127125034_p1693494732511"></a>text-decoration</p> 167</td> 168<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p7934124713256"><a name="zh-cn_topic_0000001127125034_p7934124713256"></a><a name="zh-cn_topic_0000001127125034_p7934124713256"></a>string</p> 169</td> 170<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p1493416479256"><a name="zh-cn_topic_0000001127125034_p1493416479256"></a><a name="zh-cn_topic_0000001127125034_p1493416479256"></a>none</p> 171</td> 172<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p198071106919"><a name="zh-cn_topic_0000001127125034_p198071106919"></a><a name="zh-cn_topic_0000001127125034_p198071106919"></a>否</p> 173</td> 174<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p169212584815"><a name="zh-cn_topic_0000001127125034_p169212584815"></a><a name="zh-cn_topic_0000001127125034_p169212584815"></a>文本修饰，可选值为：</p> 175<a name="zh-cn_topic_0000001127125034_ul1768145382318"></a><a name="zh-cn_topic_0000001127125034_ul1768145382318"></a><ul id="zh-cn_topic_0000001127125034_ul1768145382318"><li>underline: 文本下划线修饰。</li><li>line-through: 穿过文本的修饰线。</li><li>none: 标准文本。</li></ul> 176</td> 177</tr> 178<tr id="zh-cn_topic_0000001127125034_row279314411076"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125034_p1543212507250"><a name="zh-cn_topic_0000001127125034_p1543212507250"></a><a name="zh-cn_topic_0000001127125034_p1543212507250"></a>font-family</p> 179</td> 180<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125034_p1243215092510"><a name="zh-cn_topic_0000001127125034_p1243215092510"></a><a name="zh-cn_topic_0000001127125034_p1243215092510"></a>string</p> 181</td> 182<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125034_p34321750192510"><a name="zh-cn_topic_0000001127125034_p34321750192510"></a><a name="zh-cn_topic_0000001127125034_p34321750192510"></a>sans-serif</p> 183</td> 184<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125034_p19356791696"><a name="zh-cn_topic_0000001127125034_p19356791696"></a><a name="zh-cn_topic_0000001127125034_p19356791696"></a>否</p> 185</td> 186<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125034_p18361661099"><a name="zh-cn_topic_0000001127125034_p18361661099"></a><a name="zh-cn_topic_0000001127125034_p18361661099"></a>字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="js-components-common-customizing-font.md">自定义字体</a>指定的字体，会被选中作为文本的字体。</p> 187</td> 188</tr> 189</tbody> 190</table> 191 192> **说明：** 193>- 不支持长宽样式，宽和父容器stepper一样，高是父容器stepper减去底部导航按钮的高度。 194>- 不支持posit样式。 195 196## 事件<a name="zh-cn_topic_0000001127125034_section121081858163714"></a> 197 198除支持[通用事件](js-components-common-events.md)外，还支持如下事件： 199 200<a name="zh-cn_topic_0000001127125034_table3706139102712"></a> 201<table><thead align="left"><tr id="zh-cn_topic_0000001127125034_row3706394279"><th class="cellrowborder" valign="top" width="24.852485248524854%" id="mcps1.1.4.1.1"><p id="zh-cn_topic_0000001127125034_a426b8903842d48fa8012a24ff3c997eb"><a name="zh-cn_topic_0000001127125034_a426b8903842d48fa8012a24ff3c997eb"></a><a name="zh-cn_topic_0000001127125034_a426b8903842d48fa8012a24ff3c997eb"></a>名称</p> 202</th> 203<th class="cellrowborder" valign="top" width="29.552955295529554%" id="mcps1.1.4.1.2"><p id="zh-cn_topic_0000001127125034_a53448ba47e5e4ae9bf7774c90820e970"><a name="zh-cn_topic_0000001127125034_a53448ba47e5e4ae9bf7774c90820e970"></a><a name="zh-cn_topic_0000001127125034_a53448ba47e5e4ae9bf7774c90820e970"></a>参数</p> 204</th> 205<th class="cellrowborder" valign="top" width="45.5945594559456%" id="mcps1.1.4.1.3"><p id="zh-cn_topic_0000001127125034_add489ff50c444f24b759162c7f4bad9a"><a name="zh-cn_topic_0000001127125034_add489ff50c444f24b759162c7f4bad9a"></a><a name="zh-cn_topic_0000001127125034_add489ff50c444f24b759162c7f4bad9a"></a>描述</p> 206</th> 207</tr> 208</thead> 209<tbody><tr id="zh-cn_topic_0000001127125034_row144051516142716"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001127125034_p17545162122718"><a name="zh-cn_topic_0000001127125034_p17545162122718"></a><a name="zh-cn_topic_0000001127125034_p17545162122718"></a>appear</p> 210</td> 211<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001127125034_p17545182113270"><a name="zh-cn_topic_0000001127125034_p17545182113270"></a><a name="zh-cn_topic_0000001127125034_p17545182113270"></a>-</p> 212</td> 213<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001127125034_p18545172132717"><a name="zh-cn_topic_0000001127125034_p18545172132717"></a><a name="zh-cn_topic_0000001127125034_p18545172132717"></a>当该步骤出现时触发。</p> 214</td> 215</tr> 216<tr id="zh-cn_topic_0000001127125034_row79737130274"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001127125034_p105451921102718"><a name="zh-cn_topic_0000001127125034_p105451921102718"></a><a name="zh-cn_topic_0000001127125034_p105451921102718"></a>disappear</p> 217</td> 218<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001127125034_p254582112712"><a name="zh-cn_topic_0000001127125034_p254582112712"></a><a name="zh-cn_topic_0000001127125034_p254582112712"></a>-</p> 219</td> 220<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001127125034_p14545162142719"><a name="zh-cn_topic_0000001127125034_p14545162142719"></a><a name="zh-cn_topic_0000001127125034_p14545162142719"></a>当该步骤消失时触发。</p> 221</td> 222</tr> 223</tbody> 224</table> 225 226## 方法<a name="zh-cn_topic_0000001127125034_section2279124532420"></a> 227 228不支持[通用方法](js-components-common-methods.md)。 229 230## 示例<a name="zh-cn_topic_0000001127125034_section10326712123215"></a> 231 232详见[stepper示例](js-components-container-stepper.md)。 233 234
