Web-development-coursework/article.html at main · Aimbot6324/Web-development-coursework · GitHub

1
2
3
<!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>关于MacBook Pro你想要知道的一切</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><section class="uk-text-center"><ul class="uk-breadcrumb uk-flex-center uk-margin-remove"><li><a href="index.html">主页</a></li><li><a href="blog.html">Blog</a></li><li><span>关于MacBook Pro你想要知道的一切</span></li></ul></section><section><div class="uk-grid-medium uk-child-width-1-1" uk-grid><section><article class="uk-card uk-card-default uk-card-body uk-article tm-ignore-container"><header class="uk-text-center"><h1 class="uk-article-title">关于MacBook Pro你想要知道的一切</h1><div class="uk-article-meta"><time>2025.5.1</time></div></header><section class="uk-article-body"><p>Mac Pro：创意的巅峰，触控的未来</p><div class="tm-wrapper uk-text-center"><figure><a href="images/articles/macbook-photo.jpg"><img src="images/articles/macbook-photo.jpg" alt="MacBook Pro"></a><figcaption>MacBook Pro</figcaption></figure></div><p>在创意的世界里，每一秒都充满了无限可能，而 Mac Pro 正是那把开启无限创意之门的钥匙。它不仅是一台电脑，更是一个梦想的加速器，一个创意的终极舞台。</p><h2>触控栏</h2><p>现在，Mac Pro 搭载触控功能，让创意的表达更加直接、流畅，为您的灵感之旅注入全新的活力。</p><h2>视网膜显示屏</h2><p>Mac Pro 的外观设计简洁而优雅，每一个细节都经过精心雕琢，展现出苹果一贯的极致美学。它不仅是一台电脑，更是一件艺术品，能够完美地融入任何工作环境。</p><figure class="uk-text-center"><a href="images/articles/macbook-promo-4.jpg"><img src="images/articles/macbook-promo-4.jpg" alt="MacBook Pro"></a></figure><h2>力控触控板</h2><p>它不仅是一台电脑，更是一件艺术品，能够完美地融入任何工作环境，无论是专业的创意工作室，还是温馨的家庭办公室。触控屏幕的设计更是为它增添了一份现代感和科技感，让您在使用过程中感受到前所未有的视觉享受和操作乐趣。</p><div class="tm-wrapper"><figure class="tm-ratio tm-ratio-16-9"><iframe src="https://www.youtube.com/embed/WVPRkcczXCY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></figure></div><p>Mac Pro 拥有强大的兼容性，能够与各种专业软件无缝对接。无论是 Adobe 系列软件、Final Cut Pro，还是其他创意工具，都能在 Mac Pro 上发挥出最佳性能。触控功能的加入，让这些软件的操作更加直观和高效。</p><figure uk-slideshow><div class="uk-position-relative uk-visible-toggle uk-light"><ul class="uk-slideshow-items"><li><img src="images/articles/macbook-promo-1.jpg" alt="MacBook Pro" uk-cover></li><li><img src="images/articles/macbook-promo-2.jpg" alt="MacBook Pro" uk-cover></li></ul><a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a><a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a></div><ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul></figure><p>作为苹果家族的一员，Mac Pro 与 iPhone、iPad 等设备完美融合。通过 AirDrop、Handoff 等功能，您可以轻松地在不同设备之间传输文件、同步数据，实现无缝的创作体验。触控功能的加入，让这种设备间的交互更加自然和流畅。</p><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">墨菲的最新的电池组足够为你的15英寸MacBook Pro充电<a href="https://t.co/jN4RzcxOyG">https://t.co/jN4RzcxOyG</a><a href="https://t.co/5oJBKZRVBx">pic.twitter.com/5oJBKZRVBx</a></p>&mdash; The Verge (@verge)<a href="https://twitter.com/verge/status/948539601265872896?ref_src=twsrc%5Etfw">2025年1月3日</a></blockquote><script src="https://platform.twitter.com/widgets.js" charset="utf-8" async></script><p>无论您是专业的创意工作者，还是热爱创作的普通人，Mac Pro 都将是您实现梦想的最佳伙伴。让我们一起触碰未来，开启创意的新篇章。</p><table class="uk-table uk-table-large uk-table-middle uk-table-divider uk-table-justify uk-table-responsive"><thead><tr><th></th><th class="uk-width-1-4 uk-text-center">MacBook Pro 13"</th><th class="uk-width-1-4 uk-text-center">MacBook Pro 13" x 触控板</th><th class="uk-width-1-4 uk-text-center">MacBook Pro 15" x 触控板</th></tr></thead><tbody><tr><th>尺寸</th><td>0.59 × 11.97 × 8.36 英寸</td><td>0.59 × 11.97 × 8.36 英寸</td><td>0.61 × 13.75 × 9.48 英寸</td></tr><tr><th>重量</th><td>3.02磅</td><td>3.02磅</td><td>4.02磅</td></tr><tr><th>屏幕</th><td>13.3" 2560×1600,<br>60Hz</td><td>13.3" 2560×1600,<br>60Hz</td><td>15.4" 2880×1800,<br>60Hz</td></tr><tr><th>接口</th><td>2 × USB-C,<br>1 × 3.5mm 耳机插孔</td><td>4 × USB-C,<br>1 × 3.5mm 耳机插孔</td><td>4 × USB-C,<br>1 × 3.5mm 耳机插孔</td></tr><tr><th>电池寿命</th><td>大约 10 小时</td><td>大约 10 小时</td><td>大约 10 小时</td></tr></tbody></table><p>Sed at diam aliquet, fringilla turpis ac, consequat ante. Duis id maximus purus. Cras rutrum erat non nibh accumsan, vitae maximus sapien elementum. Maecenas tellus libero, vulputate vitae mi eu, volutpat ornare felis. Nulla malesuada nunc urna, quis rutrum massa consequat id. Pellentesque elit diam, dignissim a lorem eu, tincidunt mollis erat.</p><div class="tm-wrapper"><figure class="uk-text-center"><a href="images/articles/macbook-promo-3.jpg"><img src="images/articles/macbook-promo-3.jpg" alt="MacBook Pro"></a><figcaption>13英寸 和 15英寸</figcaption></figure></div><p>Sed at diam aliquet, fringilla turpis ac, consequat ante. Duis id maximus purus. Cras rutrum erat non nibh accumsan, vitae maximus sapien elementum. Maecenas tellus libero, vulputate vitae mi eu, volutpat ornare felis. Nulla malesuada nunc urna, quis rutrum massa consequat id. Pellentesque elit diam, dignissim a lorem eu, tincidunt mollis erat.</p><blockquote cite="#"><p class="uk-margin-small-bottom">你可以把烤面包机和冰箱结合起来，但这些东西可能不会让用户满意。</p><footer>蒂姆•库克</footer></blockquote></section></article></section><section><h2 class="uk-text-center">相关文章</h2><div class="uk-grid-medium uk-grid-match uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-4@m" uk-grid><div><a href="article.html"><article class="uk-card uk-card-default uk-card-small uk-overflow-hidden uk-link-heading uk-display-block uk-box-shadow-hover-large uk-height-1-1 tm-ignore-container"><div class="uk-card-media-top"><figure class="uk-margin-remove tm-ratio tm-ratio-16-9"><div class="uk-cover-container"><img src="images/articles/macbook-photo.jpg" alt="关于MacBook Pro你想要知道的一切" uk-cover></div></figure></div><div class="uk-card-body"><div class="uk-article-meta uk-margin-xsmall-bottom"><time>2025.5.1</time></div><h3 class="uk-h4 uk-margin-remove">关于MacBook Pro你想要知道的一切</h3></div></article></a></div><div><a href="article.html"><article class="uk-card uk-card-default uk-card-small uk-overflow-hidden uk-link-heading uk-display-block uk-box-shadow-hover-large uk-height-1-1 tm-ignore-container"><div class="uk-card-media-top"><figure class="uk-margin-remove tm-ratio tm-ratio-16-9"><div class="uk-cover-container"><img src="images/articles/macos.jpg" alt="macOS的强大" uk-cover></div></figure></div><div class="uk-card-body"><div class="uk-article-meta uk-margin-xsmall-bottom"><time>May 21, 2018</time></div><h3 class="uk-h4 uk-margin-remove">macOS的强大</h3></div></article></a></div></div></section></div></section></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">笔记本电脑 &amp; 平板电脑</a></li><li><a href="subcategory.html">手机 &amp; 电子产品</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&quot; 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&quot; 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&quot; 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&quot; 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&amp;callback=initMap" async defer></script></body></html>