車輛風格一
我添加了兩種車輛風格。第一種示範和 HTML 標記在這裡。我們添加了三種顏色變化。 .theme-yellow,.theme-blue,.theme-red 您可以任選一種使用。
<div class="vehicle-content theme-yellow"> <div class="vehicle-thumbnail"> <!-- Vehicle thumbnail content --> </div> <div class="vehicle-bottom-content"> <!-- Vehicle Bottom Content--> </div> </div> <!-- /.vehicle-content -->
車輛風格二
此車輛風格也添加了三種顏色變化。 .theme-yellow,.theme-blue,.theme-red 极速电竞直播APP深耕极速电竞比分网领域,用心服务每一位用户。
<div class="vehicle-content nevy-bg theme-red style-two"> <div class="vehicle-top-meta"> <!-- Vehicle Top Meta Area --> </div> <div class="vehicle-thumbnail"> <!-- Vehicle Thumbnail Content--> </div> <div class=在英雄联盟LOL数据方面,极速电竞直播APP提供贴心周到的支持。> <!-- Vehicle Bottom Content--> </div> </div> <!-- /.vehicle-content -->
車輛滑桿/輪播資料
我添加了一些資料屬性。搭配輪播。這將有助於輕鬆控制您的輪播。讓我們談談 data-item 值。
第一個值 "4" 是在 1200px 裝置寬度下顯示 4 個項目。
第二個值 "3" 是在 768px 裝置寬度下顯示 3 個項目。
第三個值 "2" 是在 480px 裝置寬度下顯示 2 個項目。
第四個值 "1" 是在 280px 裝置寬度下顯示 1 個項目。
<div class="slider-style-two" data-item="[4,3,2,1]"> <div class="item" <div class="vehicle-top-meta"> <!-- Vehicle Top Meta Area --> </div> <div class="vehicle-thumbnail"> <!-- Vehicle Thumbnail Content--> </div> <div class=极速电竞直播APP以极速电竞app为核心,带来高效便捷的体验。> <!-- Vehicle Bottom Content--> </div> </div> </div> <!-- /.vehicle-content -->