-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsubcategory.html
More file actions
50 lines (50 loc) · 48 KB
/
Copy pathsubcategory.html
File metadata and controls
50 lines (50 loc) · 48 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>平板电脑</title><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500"><link rel="stylesheet" href="styles/style.css"><script src="scripts/uikit.js"></script><script src="scripts/uikit-icons.js"></script></head><body><div class="uk-offcanvas-content"><header><div class="uk-navbar-container uk-light uk-visible@m tm-toolbar-container"><div class="uk-container" uk-navbar><div class="uk-navbar-left"><nav><ul class="uk-navbar-nav"><li><a href="#"><span class="uk-margin-xsmall-right" uk-icon="icon: receiver; ratio: .75;"></span><span class="tm-pseudo">8 800 799 99 99</span></a></li><li><a href="contacts.html" onclick="return false"><span class="uk-margin-xsmall-right" uk-icon="icon: location; ratio: .75;"></span><span class="tm-pseudo">荣昌店</span><span uk-icon="icon: triangle-down; ratio: .75;"></span></a><div class="uk-margin-remove" uk-drop="mode: click; pos: bottom-center;"><div class="uk-card uk-card-default uk-card-small uk-box-shadow-xlarge uk-overflow-hidden uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom"><figure class="uk-card-media-top uk-height-small js-map" data-latitude="59.9356728" data-longitude="30.3258604" data-zoom="14"></figure><div class="uk-card-body"><div class="uk-text-small"><div class="uk-text-bolder">Store Name</div><div>西南大学荣昌校区</div><div>Daily 10:00–22:00</div></div><div class="uk-margin-small"><a class="uk-link-muted uk-text-uppercase tm-link-to-all uk-link-reset" href="contacts.html"><span>contacts</span><span uk-icon="icon: chevron-right; ratio: .75;"></span></a></div></div></div></div></li><li><div class="uk-navbar-item"><span class="uk-margin-xsmall-right" uk-icon="icon: clock; ratio: .75;"></span>Daily 10:00–22:00</div></li></ul></nav></div><div class="uk-navbar-right"><nav><ul class="uk-navbar-nav"><li><a href="news.html">消息</a></li><li><a href="faq.html">常见问题</a></li><li><a href="#">支付</a></li></ul></nav></div></div></div><div class="uk-navbar-container tm-navbar-container" uk-sticky="cls-active: tm-navbar-container-fixed"><div class="uk-container" uk-navbar><div class="uk-navbar-left"><button class="uk-navbar-toggle uk-hidden@m" uk-toggle="target: #nav-offcanvas" uk-navbar-toggle-icon></button><a class="uk-navbar-item uk-logo" href="index.html"><img src="images/logo.svg" width="90" height="32" alt="Logo"></a><nav class="uk-visible@m"><ul class="uk-navbar-nav"><li><a href="catalog.html">目录<span class="uk-margin-xsmall-left" uk-icon="icon: chevron-down; ratio: .75;"></span></a><div class="uk-navbar-dropdown uk-margin-remove uk-padding-remove-vertical" uk-drop="pos: bottom-justify;delay-show: 125;delay-hide: 50;duration: 75;boundary: .tm-navbar-container;boundary-align: true;pos: bottom-justify;flip: x"></div></li><li><a href="brands.html">品牌<span class="uk-margin-xsmall-left" uk-icon="icon: chevron-down; ratio: .75;"></span></a><div class="uk-navbar-dropdown uk-margin-remove uk-padding-remove-vertical" uk-drop="pos: bottom-justify;delay-show: 125;delay-hide: 50;duration: 75;boundary: .tm-navbar-container;boundary-align: true;pos: bottom-justify;flip: x"></div></li><li><a href="#">页面<span class="uk-margin-xsmall-left" uk-icon="icon: chevron-down; ratio: .75;"></span></a><div class="uk-navbar-dropdown uk-margin-remove uk-padding-remove-vertical" uk-drop="pos: bottom-justify;delay-show: 125;delay-hide: 50;duration: 75;boundary: .tm-navbar-container;boundary-align: true;pos: bottom-justify;flip: x"></div></li><li><a href="blog.html">博客</a></li><li><a href="about.html">关于</a></li><li><a href="contacts.html">联系我们</a></li></ul></nav></div><div class="uk-navbar-right"><a class="uk-navbar-toggle tm-navbar-button" href="#" uk-search-icon></a><div class="uk-navbar-dropdown uk-padding-small uk-margin-remove" uk-drop="mode: click;cls-drop: uk-navbar-dropdown;boundary: .tm-navbar-container;boundary-align: true;pos: bottom-justify;flip: x"><div class="uk-container"><div class="uk-grid-small uk-flex-middle" uk-grid><div class="uk-width-expand"><form class="uk-search uk-search-navbar uk-width-1-1"><input class="uk-search-input" type="search" placeholder="Search…" autofocus></form></div><div class="uk-width-auto"><a class="uk-navbar-dropdown-close" href="#" uk-close></a></div></div></div></div><a class="uk-navbar-item uk-link-muted uk-visible@m tm-navbar-button" href="compare.html"><span uk-icon="copy"></span><span class="uk-badge">3</span></a><a class="uk-navbar-item uk-link-muted tm-navbar-button" href="account.html" uk-icon="user"></a><div class="uk-padding-small uk-margin-remove" uk-dropdown="pos: bottom-right; offset: -10; delay-hide: 200;" style="min-width: 150px;"><ul class="uk-nav uk-dropdown-nav"><li><a href="account.html">订单
<span>(2)</span></a></li><li><a href="favorites.html">喜好
<span>(3)</span></a></li><li><a href="personal.html">个人</a></li><li><a href="settings.html">设置</a></li><li class="uk-nav-divider"></li><li><a href="#">退出</a></li></ul></div><a class="uk-navbar-item uk-link-muted tm-navbar-button" href="cart.html" uk-toggle="target: #cart-offcanvas" onclick="return false"><span uk-icon="cart"></span><span class="uk-badge">2</span></a></div></div></div></header><main><section class="uk-section uk-section-small"><div class="uk-container"><div class="uk-grid-medium uk-child-width-1-1" uk-grid><div class="uk-text-center"><ul class="uk-breadcrumb uk-flex-center uk-margin-remove"><li><a href="index.html">Home</a></li><li><a href="catalog.html">Catalog</a></li><li><a href="category.html">Laptops & Tablets</a></li><li><span>平板电脑</span></li></ul><h1 class="uk-margin-small-top uk-margin-remove-bottom">平板电脑</h1><div class="uk-text-meta uk-margin-xsmall-top">289 items</div></div><div><div class="uk-grid-medium" uk-grid><aside class="uk-width-1-4 tm-aside-column tm-filters" id="filters" uk-offcanvas="overlay: true; container: false;"><div class="uk-offcanvas-bar uk-padding-remove"><div class="uk-card uk-card-default uk-card-small uk-flex uk-flex-column uk-height-1-1"><header class="uk-card-header uk-flex uk-flex-middle"><div class="uk-grid-small uk-flex-1" uk-grid><div class="uk-width-expand"><h3>Filters</h3></div><button class="uk-offcanvas-close" type="button" uk-close></button></div></header><div class="uk-margin-remove uk-flex-1 uk-overflow-auto" uk-accordion="multiple: true; targets: > .js-accordion-section" style="flex-basis: auto"><section class="uk-card-body uk-open js-accordion-section"><h4 class="uk-accordion-title uk-margin-remove">价格</h4><div class="uk-accordion-content"><div class="uk-grid-small uk-child-width-1-2 uk-text-small" uk-grid><div><div class="uk-inline"><span class="uk-form-icon uk-text-xsmall">从</span><input class="uk-input" type="text" placeholder="¥59"></div></div><div><div class="uk-inline"><span class="uk-form-icon uk-text-xsmall">到</span><input class="uk-input" type="text" placeholder="¥6559"></div></div></div></div></section><section class="uk-card-body js-accordion-section uk-open"><h4 class="uk-accordion-title uk-margin-remove">Brands</h4><div class="uk-accordion-content"><ul class="uk-list tm-scrollbox"><li><input class="tm-checkbox" id="品牌-1" name="品牌" value="1" type="checkbox"><label for="品牌-1"><span>宏基
<span class="uk-text-meta uk-text-xsmall">177</span></span></label></li><li><input class="tm-checkbox" id="品牌-2" name="品牌" value="2" type="checkbox"><label for="品牌-2"><span>苹果
<span class="uk-text-meta uk-text-xsmall">18</span></span></label></li><li><input class="tm-checkbox" id="品牌-3" name="品牌" value="3" type="checkbox"><label for="品牌-3"><span>华硕
<span class="uk-text-meta uk-text-xsmall">150</span></span></label></li><li><input class="tm-checkbox" id="品牌-4" name="品牌" value="4" type="checkbox"><label for="品牌-4"><span>戴尔
<span class="uk-text-meta uk-text-xsmall">170</span></span></label></li><li><input class="tm-checkbox" id="品牌-5" name="品牌" value="5" type="checkbox"><label for="品牌-5"><span>惠普
<span class="uk-text-meta uk-text-xsmall">498</span></span></label></li><li><input class="tm-checkbox" id="品牌-6" name="品牌" value="6" type="checkbox"><label for="品牌-6"><span>微星
<span class="uk-text-meta uk-text-xsmall">54</span></span></label></li><li><input class="tm-checkbox" id="品牌-7" name="品牌" value="7" type="checkbox"><label for="品牌-7"><span>三星
<span class="uk-text-meta uk-text-xsmall">1</span></span></label></li><li><input class="tm-checkbox" id="品牌-8" name="品牌" value="8" type="checkbox"><label for="品牌-8"><span>索尼
<span class="uk-text-meta uk-text-xsmall">1</span></span></label></li></ul></div></section><section class="uk-card-body js-accordion-section uk-open"><h4 class="uk-accordion-title uk-margin-remove">Type<span class="tm-help-icon" uk-icon="icon: question; ratio: .75;" onclick="event.stopPropagation();"></span><div class="uk-margin-remove" uk-drop="mode: click;boundary-align: true; boundary: !.uk-accordion-title; pos: bottom-justify;"><div class="uk-card uk-card-body uk-card-default uk-card-small uk-box-shadow-xlarge uk-text-small">A small description for this property</div></div></h4><div class="uk-accordion-content"><ul class="uk-list tm-scrollbox"><li><input class="tm-checkbox" id="类型-1" name="类型" value="1" type="checkbox"><label for="类型-1"><span>笔记本
<span class="uk-text-meta uk-text-xsmall">150</span></span></label></li><li><input class="tm-checkbox" id="类型-2" name="类型" value="2" type="checkbox"><label for="类型-2"><span>性能本
<span class="uk-text-meta uk-text-xsmall">18</span></span></label></li><li><input class="tm-checkbox" id="类型-3" name="类型" value="3" type="checkbox"><label for="类型-3"><span>转换器
<span class="uk-text-meta uk-text-xsmall">6</span></span></label></li></ul></div></section><section class="uk-card-body js-accordion-section"><h4 class="uk-accordion-title uk-margin-remove">Screen Size</h4><div class="uk-accordion-content"><ul class="uk-list tm-scrollbox"><li><input class="tm-checkbox" id="屏幕尺寸-1" name="屏幕尺寸" value="1" type="checkbox"><label for="屏幕尺寸-1"><span>11.6" 及以下
<span class="uk-text-meta uk-text-xsmall">45</span></span></label></li><li><input class="tm-checkbox" id="屏幕尺寸-2" name="屏幕尺寸" value="2" type="checkbox"><label for="屏幕尺寸-2"><span>12" - 13.5"
<span class="uk-text-meta uk-text-xsmall">178</span></span></label></li><li><input class="tm-checkbox" id="屏幕尺寸-3" name="屏幕尺寸" value="3" type="checkbox"><label for="屏幕尺寸-3"><span>14" - 14.5"
<span class="uk-text-meta uk-text-xsmall">461</span></span></label></li><li><input class="tm-checkbox" id="屏幕尺寸-4" name="屏幕尺寸" value="4" type="checkbox"><label for="屏幕尺寸-4"><span>15" - 15.6"
<span class="uk-text-meta uk-text-xsmall">148</span></span></label></li><li><input class="tm-checkbox" id="屏幕尺寸-5" name="屏幕尺寸" value="5" type="checkbox"><label for="屏幕尺寸-5"><span>17" - 17.3"
<span class="uk-text-meta uk-text-xsmall">73</span></span></label></li><li><input class="tm-checkbox" id="屏幕尺寸-6" name="屏幕尺寸" value="6" type="checkbox"><label for="屏幕尺寸-6"><span>18.4" 及以上
<span class="uk-text-meta uk-text-xsmall">54</span></span></label></li></ul></div></section><section class="uk-card-body js-accordion-section"><h4 class="uk-accordion-title uk-margin-remove">Screen Resolution</h4><div class="uk-accordion-content"><ul class="uk-list tm-scrollbox"><li><input class="tm-checkbox" id="屏幕分辨率-1" name="屏幕分辨率" value="1" type="checkbox"><label for="屏幕分辨率-1"><span>3840×2160
<span class="uk-text-meta uk-text-xsmall">12</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-2" name="屏幕分辨率" value="2" type="checkbox"><label for="屏幕分辨率-2"><span>3200×1800"
<span class="uk-text-meta uk-text-xsmall">12</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-3" name="屏幕分辨率" value="3" type="checkbox"><label for="屏幕分辨率-3"><span>2880×1800
<span class="uk-text-meta uk-text-xsmall">10</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-4" name="屏幕分辨率" value="4" type="checkbox"><label for="屏幕分辨率-4"><span>2560×1600
<span class="uk-text-meta uk-text-xsmall">7</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-5" name="屏幕分辨率" value="5" type="checkbox"><label for="屏幕分辨率-5"><span>2560×1440
<span class="uk-text-meta uk-text-xsmall">13</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-6" name="屏幕分辨率" value="6" type="checkbox"><label for="屏幕分辨率-6"><span>1920×1080
<span class="uk-text-meta uk-text-xsmall">341</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-7" name="屏幕分辨率" value="7" type="checkbox"><label for="屏幕分辨率-7"><span>1600×900
<span class="uk-text-meta uk-text-xsmall">11</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-8" name="屏幕分辨率" value="8" type="checkbox"><label for="屏幕分辨率-8"><span>1440×900
<span class="uk-text-meta uk-text-xsmall">13</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-9" name="屏幕分辨率" value="9" type="checkbox"><label for="屏幕分辨率-9"><span>1366×768
<span class="uk-text-meta uk-text-xsmall">237</span></span></label></li><li><input class="tm-checkbox" id="屏幕分辨率-10" name="屏幕分辨率" value="10" type="checkbox"><label for="屏幕分辨率-10"><span>1024×600
<span class="uk-text-meta uk-text-xsmall">5</span></span></label></li></ul></div></section><section class="uk-card-body js-accordion-section"><h4 class="uk-accordion-title uk-margin-remove">CPU<span class="tm-help-icon" uk-icon="icon: question; ratio: .75;" onclick="event.stopPropagation();"></span><div class="uk-margin-remove" uk-drop="mode: click;boundary-align: true; boundary: !.uk-accordion-title; pos: bottom-justify;"><div class="uk-card uk-card-body uk-card-default uk-card-small uk-box-shadow-xlarge uk-text-small">A small description for this property</div></div></h4><div class="uk-accordion-content"><ul class="uk-list tm-scrollbox"><li><input class="tm-checkbox" id="处理器-1" name="处理器" value="1" type="checkbox"><label for="处理器-1"><span>AMD A-series
<span class="uk-text-meta uk-text-xsmall">102</span></span></label></li><li><input class="tm-checkbox" id="处理器-2" name="处理器" value="2" type="checkbox"><label for="处理器-2"><span>AMD E-series
<span class="uk-text-meta uk-text-xsmall">21</span></span></label></li><li><input class="tm-checkbox" id="处理器-3" name="处理器" value="3" type="checkbox"><label for="处理器-3"><span>AMD FX
<span class="uk-text-meta uk-text-xsmall">1</span></span></label></li><li><input class="tm-checkbox" id="处理器-4" name="处理器" value="4" type="checkbox"><label for="处理器-4"><span>AMD Ryzen
<span class="uk-text-meta uk-text-xsmall">1</span></span></label></li><li><input class="tm-checkbox" id="处理器-5" name="处理器" value="5" type="checkbox"><label for="处理器-5"><span>Intel Atom
<span class="uk-text-meta uk-text-xsmall">8</span></span></label></li><li><input class="tm-checkbox" id="处理器-6" name="处理器" value="6" type="checkbox"><label for="处理器-6"><span>Intel Celeron
<span class="uk-text-meta uk-text-xsmall">38</span></span></label></li><li><input class="tm-checkbox" id="处理器-7" name="处理器" value="7" type="checkbox"><label for="处理器-7"><span>Intel Core M
<span class="uk-text-meta uk-text-xsmall">6</span></span></label></li><li><input class="tm-checkbox" id="处理器-8" name="处理器" value="8" type="checkbox"><label for="处理器-8"><span>Intel Core i3
<span class="uk-text-meta uk-text-xsmall">143</span></span></label></li><li><input class="tm-checkbox" id="处理器-9" name="处理器" value="9" type="checkbox"><label for="处理器-9"><span>Intel Core i5
<span class="uk-text-meta uk-text-xsmall">273</span></span></label></li><li><input class="tm-checkbox" id="处理器-10" name="处理器" value="10" type="checkbox"><label for="处理器-10"><span>Intel Core i7
<span class="uk-text-meta uk-text-xsmall">218</span></span></label></li><li><input class="tm-checkbox" id="处理器-11" name="处理器" value="11" type="checkbox"><label for="处理器-11"><span>Intel Xeon
<span class="uk-text-meta uk-text-xsmall">3</span></span></label></li><li><input class="tm-checkbox" id="处理器-12" name="处理器" value="12" type="checkbox"><label for="处理器-12"><span>Intel Pentium
<span class="uk-text-meta uk-text-xsmall">86</span></span></label></li></ul></div></section><section class="uk-card-body js-accordion-section"><h4 class="uk-accordion-title uk-margin-remove">RAM<span class="tm-help-icon" uk-icon="icon: question; ratio: .75;" onclick="event.stopPropagation();"></span><div class="uk-margin-remove" uk-drop="mode: click;boundary-align: true; boundary: !.uk-accordion-title; pos: bottom-justify;"><div class="uk-card uk-card-body uk-card-default uk-card-small uk-box-shadow-xlarge uk-text-small">A small description for this property</div></div></h4><div class="uk-accordion-content"><ul class="uk-list tm-scrollbox"><li><input class="tm-checkbox" id="内存-1" name="内存" value="1" type="checkbox"><label for="内存-1"><span>2 GB
<span class="uk-text-meta uk-text-xsmall">17</span></span></label></li><li><input class="tm-checkbox" id="内存-2" name="内存" value="2" type="checkbox"><label for="内存-2"><span>4 GB
<span class="uk-text-meta uk-text-xsmall">359</span></span></label></li><li><input class="tm-checkbox" id="内存-3" name="内存" value="3" type="checkbox"><label for="内存-3"><span>6 GB
<span class="uk-text-meta uk-text-xsmall">81</span></span></label></li><li><input class="tm-checkbox" id="内存-4" name="内存" value="4" type="checkbox"><label for="内存-4"><span>8 GB
<span class="uk-text-meta uk-text-xsmall">346</span></span></label></li><li><input class="tm-checkbox" id="内存-5" name="内存" value="5" type="checkbox"><label for="内存-5"><span>12 GB
<span class="uk-text-meta uk-text-xsmall">13</span></span></label></li><li><input class="tm-checkbox" id="内存-6" name="内存" value="6" type="checkbox"><label for="内存-6"><span>16 GB
<span class="uk-text-meta uk-text-xsmall">72</span></span></label></li><li><input class="tm-checkbox" id="内存-7" name="内存" value="7" type="checkbox"><label for="内存-7"><span>24 GB
<span class="uk-text-meta uk-text-xsmall">1</span></span></label></li><li><input class="tm-checkbox" id="内存-8" name="内存" value="8" type="checkbox"><label for="内存-8"><span>32 GB
<span class="uk-text-meta uk-text-xsmall">11</span></span></label></li></ul></div></section><div class="uk-card-body"><button class="uk-button uk-button-default uk-width-1-1"><span class="uk-margin-xsmall-right" uk-icon="icon: close; ratio: .75;"></span>重置所有过滤</button></div></div></div></div></aside><div class="uk-width-expand"><div class="uk-grid-medium uk-child-width-1-1" uk-grid><div><div class="uk-card uk-card-default uk-card-small tm-ignore-container"><div class="uk-grid-collapse uk-child-width-1-1" id="products" uk-grid><div class="uk-card-header"><div class="uk-grid-small uk-flex-middle" uk-grid><div class="uk-width-1-1 uk-width-expand@s uk-flex uk-flex-center uk-flex-left@s uk-text-small"><span class="uk-margin-small-right uk-text-muted">Sort by:</span><ul class="uk-subnav uk-margin-remove"><li class="uk-active uk-padding-remove"><a class="uk-text-lowercase" href="#">相关<span class="uk-margin-xsmall-left" uk-icon="icon: chevron-down; ratio: .5;"></span></a></li><li><a class="uk-text-lowercase" href="#">价格</a></li><li><a class="uk-text-lowercase" href="#">最新</a></li></ul></div><div class="uk-width-1-1 uk-width-auto@s uk-flex uk-flex-center uk-flex-middle"><button class="uk-button uk-button-default uk-button-small uk-hidden@m" uk-toggle="target: #filters"><span class="uk-margin-xsmall-right" uk-icon="icon: settings; ratio: .75;"></span>过滤</button><div class="tm-change-view uk-margin-small-left"><ul class="uk-subnav uk-iconnav js-change-view" uk-switcher><li><a class="uk-active" data-view="grid" uk-icon="grid" uk-tooltip="Grid"></a></li><li><a data-view="list" uk-icon="list" uk-tooltip="List"></a></li></ul></div></div></div></div><div><div class="uk-grid-collapse uk-child-width-1-3 tm-products-grid js-products-grid" uk-grid><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><div class="tm-product-card-labels"><span class="uk-label uk-label-warning">top selling</span><span class="uk-label uk-label-danger">trade-in</span></div><figure class="tm-media-box-wrap"><img src="images/products/1/1-medium.jpg" alt="Apple MacBook Pro 15" 256GB (银)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">Apple MacBook Pro 15" 256GB (银)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">屏幕尺寸: </span><span>15.4"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i7</span></li><li><span class="uk-text-muted">内存: </span><span>16 GB</span></li><li><span class="uk-text-muted">显卡: </span><span>AMD Radeon Pro 555</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><del class="uk-text-meta">¥1899.00</del><div class="tm-product-card-price">¥1599.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites tm-action-button-active js-added-to" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare tm-action-button-active js-added-to" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><div class="tm-product-card-labels"><span class="uk-label uk-label-success">new</span><span class="uk-label uk-label-danger">trade-in</span></div><figure class="tm-media-box-wrap"><img src="images/products/2/2-medium.jpg" alt="苹果 MacBook 12" MNYN2LL/A 512GB (玫瑰金)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">苹果 MacBook 12" MNYN2LL/A 512GB (玫瑰金)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>12"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i5</span></li><li><span class="uk-text-muted">内存: </span><span>8 GB</span></li><li><span class="uk-text-muted">Video Card: </span><span>Intel® HD Graphics 615</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><div class="tm-product-card-price">¥1549.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites tm-action-button-active js-added-to" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare tm-action-button-active js-added-to" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><figure class="tm-media-box-wrap"><img src="images/products/3/3-medium.jpg" alt="联想 IdeaPad YOGA 920-13IKB 80Y7001RRK (铜)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">联想 IdeaPad YOGA 920-13IKB 80Y7001RRK (铜)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>13.9"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i7 8550U</span></li><li><span class="uk-text-muted">内存: </span><span>16 GB</span></li><li><span class="uk-text-muted">显卡: </span><span>Intel® HD Graphics 620</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><div class="tm-product-card-price">¥1199.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites tm-action-button-active js-added-to" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><div class="tm-product-card-labels"><span class="uk-label uk-label-warning">top selling</span></div><figure class="tm-media-box-wrap"><img src="images/products/4/4-medium.jpg" alt="宏基 Zenbook UX330UA-FC020T (玫瑰金)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">Laptop</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">宏基 Zenbook UX330UA-FC020T (玫瑰金)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>13.3"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i7-6500U</span></li><li><span class="uk-text-muted">内存: </span><span>16 GB</span></li><li><span class="uk-text-muted">显卡: </span><span>Intel® HD Graphics 520</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><div class="tm-product-card-price">¥749.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><figure class="tm-media-box-wrap"><img src="images/products/5/5-medium.jpg" alt="戴尔 XPS 15 9560-8968 (银)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">戴尔 XPS 15 9560-8968 (银)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>15.6"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i7 7700HQ</span></li><li><span class="uk-text-muted">内存: </span><span>16 GB</span></li><li><span class="uk-text-muted">显卡: </span><span>NVIDIA GeForce GTX 960M</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><del class="uk-text-meta">¥999.00</del><div class="tm-product-card-price">¥949.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><div class="tm-product-card-labels"><span class="uk-label uk-label-danger">trade-in</span></div><figure class="tm-media-box-wrap"><img src="images/products/6/6-medium.jpg" alt="苹果 MacBook Air 13" MQD32LL/A 128GB (银)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">苹果 MacBook Air 13" MQD32LL/A 128GB (银)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>13.3"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i5</span></li><li><span class="uk-text-muted">内存: </span><span>8 GB</span></li><li><span class="uk-text-muted">显卡: </span><span>Intel® HD Graphics 6000</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><div class="tm-product-card-price">¥849.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare tm-action-button-active js-added-to" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><figure class="tm-media-box-wrap"><img src="images/products/7/7-medium.jpg" alt="戴尔 Inspiron 5378-2063 (灰)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">戴尔 Inspiron 5378-2063 (灰)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>13.3"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i3-7100U</span></li><li><span class="uk-text-muted">内存: </span><span>4 GB</span></li><li><span class="uk-text-muted">硬盘: </span><span>1 TB</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><del class="uk-text-meta">¥599.00</del><div class="tm-product-card-price">¥579.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><div class="tm-product-card-labels"><span class="uk-label uk-label-success">new</span></div><figure class="tm-media-box-wrap"><img src="images/products/8/8-medium.jpg" alt="联想 Yoga 720-13IKB 80X60059RK (银)"/></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">联想 Yoga 720-13IKB 80X60059RK (银)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>13.3"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i5-7200U</span></li><li><span class="uk-text-muted">内存: </span><span>8 GB</span></li><li><span class="uk-text-muted">Video Card: </span><span>Intel® HD Graphics 620</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><div class="tm-product-card-price">¥1099.00</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div><button class="uk-button uk-button-primary tm-product-card-add-button tm-shine js-add-to-cart"><span class="tm-product-card-add-button-icon" uk-icon="cart"></span><span class="tm-product-card-add-button-text">加入购物车</span></button></div></div></div></article><article class="tm-product-card"><div class="tm-product-card-media"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><figure class="tm-media-box-wrap"><span class="uk-text-muted" uk-icon="icon: image; ratio: 3;"></span></figure></a></div></div><div class="tm-product-card-body"><div class="tm-product-card-info"><div class="uk-text-meta uk-margin-xsmall-bottom">笔记本电脑</div><h3 class="tm-product-card-title"><a class="uk-link-heading" href="product.html">联想 ThinkPad X380 Yoga 20LH000MUS (Black)</a></h3><ul class="uk-list uk-text-small tm-product-card-properties"><li><span class="uk-text-muted">显示器: </span><span>13.3"</span></li><li><span class="uk-text-muted">处理器: </span><span>Intel® Core™ i7 8550U</span></li><li><span class="uk-text-muted">内存: </span><span>4 GB</span></li><li><span class="uk-text-muted">Video Card: </span><span>Intel® UHD Graphics 620</span></li></ul></div><div class="tm-product-card-shop"><div class="tm-product-card-prices"><div class="uk-text-muted">产品不可用</div></div><div class="tm-product-card-add"><div class="uk-text-meta tm-product-card-actions"><a class="tm-product-card-action js-add-to js-add-to-favorites" title="Add to favorites"><span uk-icon="icon: heart; ratio: .75;"></span><span class="tm-product-card-action-text">加入喜欢</span></a><a class="tm-product-card-action js-add-to js-add-to-compare" title="Add to compare"><span uk-icon="icon: copy; ratio: .75;"></span><span class="tm-product-card-action-text">加入对比</span></a></div></div></div></div></article></div></div><div><button class="uk-button uk-button-default uk-button-large uk-width-1-1" style="border-top-left-radius: 0; border-top-right-radius: 0;"><span class="uk-margin-small-right" uk-icon="icon: plus; ratio: .75;"></span><span>加载更多</span></button></div></div></div></div><div><ul class="uk-pagination uk-flex-center"><li class="uk-active"><span>1</span></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li class="uk-disabled"><span>…</span></li><li><a href="#">20</a></li><li><a href="#"><span uk-pagination-next></span></a></li></ul></div></div></div></div></div></div></div></section><section class="uk-section uk-section-default uk-section-small"><div class="uk-container"><div uk-slider><ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-5@m uk-grid"><li><div class="uk-grid-small uk-flex-center uk-flex-left@s" uk-grid><div><span uk-icon="icon: star; ratio: 2.5;"></span></div><div class="uk-text-center uk-text-left@s uk-width-expand@s"><div>AAA</div><div class="uk-text-meta">xxxxx</div></div></div></li><li><div class="uk-grid-small uk-flex-center uk-flex-left@s" uk-grid><div><span uk-icon="icon: receiver; ratio: 2.5;"></span></div><div class="uk-text-center uk-text-left@s uk-width-expand@s"><div>AAA</div><div class="uk-text-meta">xxxxxxx</div></div></div></li><li><div class="uk-grid-small uk-flex-center uk-flex-left@s" uk-grid><div><span uk-icon="icon: location; ratio: 2.5;"></span></div><div class="uk-text-center uk-text-left@s uk-width-expand@s"><div>AAA</div><div class="uk-text-meta">xxxxx</div></div></div></li><li><div class="uk-grid-small uk-flex-center uk-flex-left@s" uk-grid><div><span uk-icon="icon: comments; ratio: 2.5;"></span></div><div class="uk-text-center uk-text-left@s uk-width-expand@s"><div>AAA</div><div class="uk-text-meta">xxx</div></div></div></li><li><div class="uk-grid-small uk-flex-center uk-flex-left@s" uk-grid><div><span uk-icon="icon: happy; ratio: 2.5;"></span></div><div class="uk-text-center uk-text-left@s uk-width-expand@s"><div>AAA</div><div class="uk-text-meta">xxx</div></div></div></li></ul><ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin-medium-top"></ul></div></div></section></main><footer><section class="uk-section uk-section-secondary uk-section-small uk-light"><div class="uk-container"><div class="uk-grid-medium uk-child-width-1-1 uk-child-width-1-4@m" uk-grid><div><a class="uk-logo" href="index.html"><img src="images/logo-inverse.svg" width="90" height="32" alt="Logo"></a><p class="uk-text-small">广告文案</p><ul class="uk-iconnav"><li><a href="#" title="抖音" uk-icon="facebook"></a></li><li><a href="#" title="小红书" uk-icon="twitter"></a></li><li><a href="#" title="哔哩哔哩" uk-icon="youtube"></a></li><li><a href="#" title="微博" uk-icon="instagram"></a></li></ul></div><div><nav class="uk-grid-small uk-child-width-1-2" uk-grid><div><ul class="uk-nav uk-nav-default"><li><a href="catalog.html">目录</a></li><li><a href="brands.html">品牌</a></li><li><a href="delivery.html">快递</a></li><li><a href="faq.html">常见问题</a></li><li><a href="#">支付</a></li></ul></div><div><ul class="uk-nav uk-nav-default"><li><a href="about.html">关于</a></li><li><a href="contacts.html">联系我们</a></li><li><a href="blog.html">博客</a></li><li><a href="news.html">消息</a></li></ul></div></nav></div><div><ul class="uk-list uk-text-small"><li><a class="uk-link-muted" href="#"><span class="uk-margin-small-right" uk-icon="receiver"></span><span class="tm-pseudo">8 800 799 99 99</span></a></li><li><a class="uk-link-muted" href="#"><span class="uk-margin-small-right" uk-icon="mail"></span><span class="tm-pseudo">example@example.com</span></a></li><li><div class="uk-text-muted"><span class="uk-margin-small-right" uk-icon="location"></span><span>西南大学荣昌校区</span></div></li><li><div class="uk-text-muted"><span class="uk-margin-small-right" uk-icon="clock"></span><span>Daily 10:00–22:00</span></div></li></ul></div><div><form class="uk-form-stacked"><label><div class="uk-form-label uk-text-muted">关注更新</div><div class="uk-inline uk-width-1-1"><a class="uk-form-icon uk-form-icon-flip" href="#" uk-icon="mail"></a><input class="uk-input" type="email" placeholder="Your email" required></div></label></form><div class="uk-margin uk-text-small uk-text-muted">购物类别图标</div></div></div></div></section></footer><div id="nav-offcanvas" uk-offcanvas="overlay: true"><aside class="uk-offcanvas-bar uk-padding-remove"><div class="uk-card uk-card-default uk-card-small tm-shadow-remove"><header class="uk-card-header uk-flex uk-flex-middle"><div><a class="uk-link-muted uk-text-bold" href="#">8 800 799 99 99</a><div class="uk-text-xsmall uk-text-muted" style="margin-top: -2px;"><div>西南大学荣昌校区</div><div>Daily 10:00–22:00</div></div></div></header><nav class="uk-card-small uk-card-body"><ul class="uk-nav-default uk-nav-parent-icon uk-list-divider" uk-nav><li class="uk-parent"><a href="catalog.html">目录</a><ul class="uk-nav-sub uk-list-divider"><li><a href="subcategory.html">笔记本电脑 & 平板电脑</a></li><li><a href="subcategory.html">手机 & 电子产品</a></li><li><a href="subcategory.html">影视设备</a></li><li><a href="subcategory.html">游戏娱乐</a></li><li><a href="subcategory.html">摄影</a></li></ul></li><li class="uk-parent"><a href="brands.html">品牌</a><ul class="uk-nav-sub uk-list-divider"><li><a href="subcategory.html">苹果</a></li><li><a href="subcategory.html">三星</a></li><li><a href="subcategory.html">索尼</a></li><li><a href="subcategory.html">微软</a></li><li><a href="subcategory.html">英特尔</a></li><li><a href="subcategory.html">惠普</a></li><li><a href="subcategory.html">LG</a></li><li><a href="subcategory.html">联想</a></li><li><a href="subcategory.html">华硕</a></li><li><a href="subcategory.html">宏碁</a></li><li><a href="subcategory.html">戴尔</a></li><li><a href="subcategory.html">佳能</a></li></ul></li><li class="uk-parent"><a href="#">页面</a><ul class="uk-nav-sub uk-list-divider"><li><a href="subcategory.html">目录</a></li><li><a href="subcategory.html">类别</a></li><li><a href="subcategory.html">子类别</a></li><li><a href="subcategory.html">产品</a></li><li><a href="subcategory.html">购物车</a></li><li><a href="subcategory.html">付款</a></li><li><a href="subcategory.html">对比</a></li><li><a href="subcategory.html">品牌</a></li><li><a href="subcategory.html">对比</a></li><li><a href="subcategory.html">账户</a></li><li><a href="subcategory.html">喜好</a></li><li><a href="subcategory.html">个人</a></li><li><a href="subcategory.html">设置</a></li><li><a href="subcategory.html">关于</a></li><li><a href="subcategory.html">联系我们</a></li><li><a href="subcategory.html">博客</a></li><li><a href="subcategory.html">消息</a></li><li><a href="subcategory.html">文章</a></li><li><a href="subcategory.html">常见问题</a></li><li><a href="subcategory.html">快递</a></li><li><a href="subcategory.html">404</a></li></ul></li><li><a href="blog.html">博客</a></li><li><a href="about.html">关于</a></li><li><a href="contacts.html">联系我们</a></li><li><a href="compare.html">对比<span class="uk-badge uk-margin-xsmall-left">3</span></a></li></ul></nav><nav class="uk-card-small uk-card-body"><ul class="uk-nav uk-nav-default"><li><a href="news.html">消息</a></li><li><a href="faq.html">常见问题</a></li><li><a href="#">支付</a></li></ul></nav><nav class="uk-card-body"><ul class="uk-iconnav uk-flex-center"><li><a href="#" title="抖音" uk-icon="facebook"></a></li><li><a href="#" title="小红书" uk-icon="twitter"></a></li><li><a href="#" title="哔哩哔哩" uk-icon="youtube"></a></li><li><a href="#" title="微博" uk-icon="instagram"></a></li></ul></nav></div></aside></div><div id="cart-offcanvas" uk-offcanvas="overlay: true; flip: true"><aside class="uk-offcanvas-bar uk-padding-remove"><div class="uk-card uk-card-default uk-card-small uk-height-1-1 uk-flex uk-flex-column tm-shadow-remove"><header class="uk-card-header uk-flex uk-flex-middle"><div class="uk-grid-small uk-flex-1" uk-grid><div class="uk-width-expand"><div class="uk-h3">Cart</div></div><button class="uk-offcanvas-close" type="button" uk-close></button></div></header><div class="uk-card-body uk-overflow-auto"><ul class="uk-list uk-list-divider"><li class="uk-visible-toggle"><arttcle><div class="uk-grid-small" uk-grid><div class="uk-width-1-4"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><figure class="tm-media-box-wrap"><img src="images/products/1/1-small.jpg" alt="Apple MacBook Pro 15" 256GB (银)"></figure></a></div></div><div class="uk-width-expand"><div class="uk-text-meta uk-text-xsmall">笔记本电脑</div><a class="uk-link-heading uk-text-small" href="product.html">Apple MacBook Pro 15" 256GB (银)</a><div class="uk-margin-xsmall uk-grid-small uk-flex-middle" uk-grid><div class="uk-text-bolder uk-text-small">¥1599.00</div><div class="uk-text-meta uk-text-xsmall">1 × ¥1599.00</div></div></div><div><a class="uk-icon-link uk-text-danger uk-invisible-hover" href="#" uk-icon="icon: close; ratio: .75" uk-tooltip="Remove"></a></div></div></arttcle></li><li class="uk-visible-toggle"><arttcle><div class="uk-grid-small" uk-grid><div class="uk-width-1-4"><div class="tm-ratio tm-ratio-4-3"><a class="tm-media-box" href="product.html"><figure class="tm-media-box-wrap"><img src="images/products/2/2-small.jpg" alt="苹果 MacBook 12" MNYN2LL/A 512GB (玫瑰金)"></figure></a></div></div><div class="uk-width-expand"><div class="uk-text-meta uk-text-xsmall">笔记本电脑</div><a class="uk-link-heading uk-text-small" href="product.html">苹果 MacBook 12" MNYN2LL/A 512GB (玫瑰金)</a><div class="uk-margin-xsmall uk-grid-small uk-flex-middle" uk-grid><div class="uk-text-bolder uk-text-small">¥1549.00</div><div class="uk-text-meta uk-text-xsmall">1 × ¥1549.00</div></div></div><div><a class="uk-icon-link uk-text-danger uk-invisible-hover" href="#" uk-icon="icon: close; ratio: .75" uk-tooltip="Remove"></a></div></div></arttcle></li></ul></div><footer class="uk-card-footer"><div class="uk-grid-small" uk-grid><div class="uk-width-expand uk-text-muted uk-h4">小结</div><div class="uk-h4 uk-text-bolder">¥3148.00</div></div><div class="uk-grid-small uk-child-width-1-1 uk-child-width-1-2@m uk-margin-small" uk-grid><div><a class="uk-button uk-button-default uk-margin-small uk-width-1-1" href="cart.html">查看购物车</a></div><div><a class="uk-button uk-button-primary uk-margin-small uk-width-1-1" href="checkout.html">支付</a></div></div></footer></div></aside></div></div><script src="scripts/script.js"></script><script src="//maps.googleapis.com/maps/api/js?key=AIzaSyClyjCemJi4m2q78gNeGkhlckpdH1hzTYA&callback=initMap" async defer></script></body></html>