小鑫 发表于 2025-5-16 16:49:21

【乐高】30710滑移装载机

<div style="width: 100%;">
      
<div class="detail_sider">
        <div class="sider">
                <dl>
                        <dt>编号</dt>
                        <dd>
                                <b style="font-size:22px;color: #005693;">30710</b>
                        </dd>
                        <dt>名称</dt>
                        <dd>滑移装载机</dd>
                        <dt>官方原名</dt>
                        <dd>Skid-Steer Loader</dd>
                        <dt>系列</dt>
                        <dd>
                                <span class="badge tag">机械</span>
                        </dd>
                        <dt>发行年份</dt>
                        <dd>
                                <span class="badge tag">2025</span>
                        </dd>
                        <dt>颗粒数</dt>
                        <dd>
                                <span class="badge tag">52</span>
                                <div class="tooltip right" role="tooltip">
                                        <div class="tooltip-arrow"></div>
                                        <div class="tooltip-inner">
                                                <span>
                                                        <i class="icon-brick"></i>
                                                        零件表</span>
                                        </div>
                                </div>
                        </dd>
                        <dt>适合年龄</dt>
                        <dd>7+</dd>
                        <dt>包装</dt>
                        <dd></dd>
                        <dt>包装尺寸</dt>
                        <dd>17 x 18 x 3 cm
                        </dd>
                        <dd></dd>
                </dl>
                <div style="clear:both"></div>
                                      
                <div style="clear:both"></div>
                <h3>
                        <span>30710</span>图纸说明书</h3>
                <table class="table table-striped">
                        <thead>
                                <tr>
                                        <th>文件名</th>
                                        <th>日期</th>
                                </tr>
                        </thead>
                        <tbody>
                                <tr>
                                        <td>
                                                <a href="https://www.lego.com/cdn/product-assets/product.bi.core.pdf/6548403.pdf" target="_blank" rel="nofollow">6548403.pdf</a>
                                        </td>
                                        <td>2025-01-01</td>
                                </tr>
                        </tbody>
                </table>
                <div class="clearfix"></div>
        </div>
       
</div>
      <!--描述区域 -->
      <div class="info_main">
            <div id="gallery_area"></div>
            
<div class="bs-callout bs-callout-info">
        <p></p><p></p>
</div>

      </div>

      <div style="clear:both"></div>

    </div>

    <div class="detail_main">
      <!-- 零件表区域 -->
      
<div class="main">
        <h1 class="inventories">零件表 | 30710:滑移装载机</h1>
       
        <ul>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/4142822.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/4142822.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">4142822</div>
                        <div class="code">32523</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6279875.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6279875.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6279875</div>
                        <div class="code">61332</div>
                </li>
                <li>
                        <div class="qty">4x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6327028.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6327028.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6327028</div>
                        <div class="code">44864</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6408182.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6408182.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6408182</div>
                        <div class="code">2477</div>
                </li>
                <li>
                        <div class="qty">4x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6321305.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6321305.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6321305</div>
                        <div class="code">39888</div>
                </li>
                <li>
                        <div class="qty">3x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6299413.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6299413.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6299413</div>
                        <div class="code">42924</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6488007.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6488007.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6488007</div>
                        <div class="code">50335</div>
                </li>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6143014.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6143014.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6143014</div>
                        <div class="code">32316</div>
                </li>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6271832.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6271832.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6271832</div>
                        <div class="code">42137</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6390382.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6390382.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6390382</div>
                        <div class="code">42142</div>
                </li>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6390384.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6390384.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6390384</div>
                        <div class="code">44862</div>
                </li>
                <li>
                        <div class="qty">3x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/4142865.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/4142865.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">4142865</div>
                        <div class="code">32062</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6209519.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6209519.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6209519</div>
                        <div class="code">11214</div>
                </li>
                <li>
                        <div class="qty">4x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6130007.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6130007.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6130007</div>
                        <div class="code">4519</div>
                </li>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6012451.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6012451.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6012451</div>
                        <div class="code">10928</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6083620.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6083620.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6083620</div>
                        <div class="code">87083</div>
                </li>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6167281.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6167281.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6167281</div>
                        <div class="code">27940</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6296856.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6296856.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6296856</div>
                        <div class="code">42127</div>
                </li>
                <li>
                        <div class="qty">4x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6109684.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6109684.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6109684</div>
                        <div class="code">20896</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6265704.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6265704.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6265704</div>
                        <div class="code">53923</div>
                </li>
                <li>
                        <div class="qty">2x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/4503416.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/4503416.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">4503416</div>
                        <div class="code">32017</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6185471.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6185471.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6185471</div>
                        <div class="code">32905</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6268924.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6268924.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6268924</div>
                        <div class="code">42155</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6276836.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6276836.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6276836</div>
                        <div class="code">42160</div>
                </li>
                <li>
                        <div class="qty">1x</div>
                        <div class="img">
                                <a href="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6159763.jpg" class="highslide" onclick="return hs.expand(this,mfOptions)">
                                        <img src="https://www.lego.com/cdn/product-assets/element.img.lod5photo.192x192/6159763.jpg" width="“64”" height="64">
                                </a>
                        </div>
                        <div class="code">6159763</div>
                        <div class="code">15462</div>
                </li>
        </ul>
        <div style="clear:both"></div>
</div>
    </div>
    <style>
      .detail_sider {
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            line-height: 1.42857143;
            color: #333;
            font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
            box-sizing: border-box;
            margin-right: 10px;
            float: left;
            width: 260px;
            font-size: 14px;
      }

      .sider {
            background-color: white;
            border: 1px solid #ccc;
            padding: 10px 0px 10px 10px;
            margin-bottom: 10px;
      }

      .detail_sider .sider dt {
            padding: 3px 5px;
            float: left;
            clear: left;
            width: 80px;
      }

      .detail_sider .sider dd {
            width: 235px;
            padding: 3px 0px;
            /* float: left; */
      }

      .sider dl {
            margin-top: 0;
            margin-bottom: 0px;
      }

      .table-striped {
            border-spacing: 0;
            border-collapse: collapse;
            background-color: transparent;
            max-width: 100%;
            margin-bottom: 10px;
            width: 97%;
      }

      .detail_sider h3 {
            font-size: 16px;
            display: block;
            clear: both;
            padding-top: 5px;
      }

      .detail_sider h3 span {
            font-size: 16px;
            padding: 0px 5px;
            font-weight: 600;
            color: #005693;
      }

      .detail_sider thead {
            display: table-header-group;
            vertical-align: middle;
            unicode-bidi: isolate;
            border-color: inherit;
      }

      .tooltip.right {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: normal;
            line-break: auto;
            z-index: 1000;
            position: relative;
            display: inline-block;
            /* margin: 0px 20px; */
            opacity: 1;
            padding: 0 4px;
            /* margin-left: 3px; */
      }

      .tooltip-arrow {

            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-right-color: #d43f3a !important;
            top: 50%;
            left: 0;
            margin-top: -5px;
            border-width: 5px 5px 5px 0;
      }

      .tooltip-inner {
            max-width: 200px;
            padding: 3px 8px;
            color: #fff;
            text-align: center;
            border-radius: 4px;
            background-color: #d43f3a !important;
      }

      .badge.tag {
            text-decoration: none;
            display: inline-block;
            min-width: 10px;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            border-radius: 10px;
            /* font-size: 12px; */
            padding: 3px 10px;
            color: #006CB7;
            margin-right: 5px;
            background-color: #f2f2f2;
            font-weight: normal;
      }

      .table-striped>tbody>tr:nth-of-type(odd) {
            background-color: #f9f9f9;
      }

      .table-striped th {
            text-align: left;
      }

      .table-striped a {
            color: #919090;
            font-weight: 400;
            text-decoration: none;
      }

      .table-striped a:hover {
            color: #333;
      }

      .table-striped>tbody>tr>td,
      .table-striped>tbody>tr>th,
      .table-striped>tfoot>tr>td,
      .table-striped>tfoot>tr>th,
      .table-striped>thead>tr>td {
            padding: 1px;
            font-size: 11px;
            line-height: 26px;
            vertical-align: top;
            border-top: 1px solid #ddd;
            overflow-wrap: anywhere;
            color: #919090;
      }


      .detail_main {
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            font-family: 'helvetica neue', tahoma, 'hiragino sans gb', 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
            box-sizing: border-box;
            float: left;
            width: 100%;
      }

      .detail_main .main {
            background-color: white;
            border: 1px solid #ccc;
            padding: 25px;
            margin-bottom: 10px;
      }

      .detail_main .main ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
      }

      .detail_main .main ul li {
            list-style: none;
            float: left;
            padding: 8px 15px;
            margin: 3px 7px;
            border-bottom: 2px #ccc dotted;
      }

      .detail_main .main .inventories {
            font-family: inherit;
            line-height: 1.1;
            color: #710000;
            font-weight: 400;
            margin: 0px;
            padding: 0px;
            font-size: 18px;
      }

      .detail_main .main li div .qty {
            font-size: 16px;
            font-weight: 700;
            color: #666;
      }

      .detail_main .main .img {
            width: 64px;
            height: 64px;
            margin: 2px 0;
      }

      .detail_main .main .img .highslide {
            font-weight: 400;
            outline: 0;
            text-decoration: none;
            border: 0px;
      }

      .detail_main .main .code {
            padding: 1px 0;
            text-align: center;
      }

      .info_main {
            min-width: 300px;
            font-size: 12px;
            overflow: hidden;
      }

      .bs-callout {
            padding: 5px;
            margin: 0px 0;
            border: 1px solid #eee;
            border-left-width: 5px;
            border-radius: 3px;
            background-color: #fff;
            border-left-color: #5bc0de;
      }

      .clearfix {
            clear: both;
      }
    </style>
页: [1]
查看完整版本: 【乐高】30710滑移装载机