Skip to content

步骤条 Step

步骤条组件

静态组件渲染

第一个步骤

第二个步骤

第三个步骤

查看代码
html
<div class="open-container">
	<div class="open-step">
		<div class="open-step-item open-step-active">
			<span class="open-step-icon"></span>
			<div class="open-step-content">
				<h4 class="open-step-title">第一个步骤</h4>
			</div>
		</div>
		<div class="open-step-item open-step-active">
			<span class="open-step-icon"></span>
			<div class="open-step-content">
				<h4 class="open-step-title">第二个步骤</h4>
			</div>
		</div>
		<div class="open-step-item">
			<span class="open-step-icon"></span>
			<div class="open-step-content">
				<h4 class="open-step-title">第三个步骤</h4>
			</div>
		</div>
	</div>
</div>