4 단계가 있습니다. 각 단계의 URL은 -Laravel 세그먼트 방법을 사용하여 활성 클래스를 동적으로 넣기 (작동하지 않음)
기본-정보 : localhost/project/public/user/sell/basic-info
제품 정보 : localhost/project/public/user/sell/5/product-info
사진 : localhost/project/public/user/sell/5/photos
가격 정보 : localhost/project/public/user/sell/5/price-info
내가 원하는, 나는 기본 정보에 다음 기본 정보 단계는 active
클래스가 있어야하고 나머지 단계는가 있어야합니다.클래스.
제품 정보에있을 때 기본 정보 단계에는 어떤 클래스도없고 제품 정보 단계에는 active
클래스가 있고 나머지 단계에는 disabled
클래스가있는 등의 작업을 수행합니다.
아래 이미지가 있습니다.
<div class="ui mini top four attached steps">
<div class="{{ Request::segment(3) === 'basic-info' ? 'active' : '' }} step">
<i class="info circle icon"></i>
<div class="content">
<div class="title">Basic Info</div>
<div class="description">Enter the basic information.</div>
</div>
</div>
<div class="{{ Request::segment(4) === 'product-info' ? 'active' : Request::segment(3) === 'basic-info' ? 'disabled' : '' }} step">
<i class="help circle icon"></i>
<div class="content">
<div class="title">Product Info</div>
<div class="description">Enter your product details.</div>
</div>
</div>
<div class="{{ Request::segment(4) === 'photos' ? 'active' : Request::segment(3) === 'basic-info' ? 'disabled' : Request::segment(4) === 'basic-info' ? 'disabled' : '' }} step">
<i class="image icon"></i>
<div class="content">
<div class="title">Photos</div>
<div class="description">Upload the photos of product.</div>
</div>
</div>
<div class="{{ Request::segment(4) === 'price-info' ? 'active' : Request::segment(3) === 'basic-info' ? 'disabled' : Request::segment(4) === 'basic-info' ? 'disabled' : Request::segment(4) === 'basic-info' ? 'disabled' : '' }} step">
<i class="rupee icon"></i>
<div class="content">
<div class="title">Price</div>
<div class="description">Enter the price</div>
</div>
</div>
</div>