Lines Matching refs:stepper

1 # stepper开发指导
3 当一个任务需要多个步骤时，可以使用stepper组件展示当前进展。具体用法请参考[stepper API](../reference/apis-arkui/arkui-js/js-component…
6 ## 创建stepper组件
8 在pages/index目录下的hml文件中创建一个stepper组件。
13  <stepper>    
14    <stepper-item>     
16    </stepper-item> 
17    <stepper-item>     
19    </stepper-item> 
20  </stepper> 
51  <stepper index="2">    
52    <stepper-item>     
53      <text>stepper-item1</text>
54    </stepper-item> 
55    <stepper-item>     
56      <text>stepper-item2</text>
57    </stepper-item> 
58    <stepper-item>     
59      <text>stepper-item3</text>
60    </stepper-item> 
61   </stepper> 
82 通过设置label属性，自定义stepper-item的提示按钮。
87  <stepper index="1">    
88    <stepper-item label="{{label_1}}">     
89      <text>stepper-item1</text>
90    </stepper-item> 
91    <stepper-item label="{{label_2}}">     
92      <text>stepper-item2</text>
93    </stepper-item> 
94    <stepper-item label="{{label_3}}">     
95      <text>stepper-item3</text>
96    </stepper-item>
97    <stepper-item>     
98      <text>stepper-item4</text>
99    </stepper-item> 
100  </stepper> 
146 stepper组件默认填充父容器，通过border和background-color设置边框、背景色。
151     <stepper class="stepperClass">    
152       <stepper-item>     
153         <text>stepper-item1</text>
154       </stepper-item> 
155     </stepper> 
190 stepper分别添加finish，change，next，back，skip事件。
200 …<stepper onfinish="stepperFinish" onchange="stepperChange" onnext="stepperNext" onback="stepperBac…
201       <stepper-item>
202         <text>stepper-item1</text>
204       </stepper-item>
205       <stepper-item>
206          <text>stepper-item2</text>
208       </stepper-item>
209       <stepper-item>
210         <text>stepper-item3</text>
211       </stepper-item>
212     </stepper>
226 stepper-item{
295 用stepper组件实现分步，再创建[Toggle](../reference/apis-arkui/arkui-js/js-components-basic-toggle.md)组件实现选择显示功…
300   <stepper id="mystep" index="0" onfinish="back" style="text-color: indigo;">
301     <stepper-item label="{{label1}}">
311     </stepper-item>
312     <stepper-item label="{{label2}}">
334     </stepper-item>
335   </stepper>