美化界面 <!-- 商品信息内容 --> <div class="container" > <div class="left"> <div class="actor"> <img width="30%" :src="$route.query.img | fmtImg" > </div> </div> <div class="right"> <h2> {{ $route.query.name }}</h2> <div class="banner-price"> <p class="params-item"><span class="params-label">价格</span> <span class="price-delete">{{$route.query.price}}</span> </p> <p><span class="params-label">促销价</span> <span class="price-strong">{{$route.query.onlineprice}}</span></p> </div> <div class="banner-params"> <p class="params-item"><span class="params-label">发货地</span>上海</p> <p class="params-item"><span class="params-label">快递方式</span>顺丰包邮</p> </div> <div class="banner-quantity"><input type="number" min="1" class="ipt-quantity"></div> <div class="banner-operate"><span class="btn-operate btn btn-dark"> 立即购买 </span> <span @click="addCart($route.query.id)" class="btn-operate btn btn-dark"> 加入购物车 </span></div> <br> <div class="banner-state"> <p class="params-item"><span class="params-label">服务承诺</span> <span class="params-label deep-gray">正品保证</span> <span class="params-label deep-gray">极速退款</span> <span class="params-label deep-gray">赠运费险</span> <span class="params-label deep-gray">七天无理由退换</span> </p> </div> </div> </div> </div>
时间: 2023-10-16 07:10:00 浏览: 153
这是一个 HTML 代码片段,用于展示商品信息的页面。其中包括商品的图片、名称、价格、促销价、发货地、快递方式、购买数量选择、立即购买和加入购物车等按钮,以及商品的服务承诺。此外,还有一些样式类,如 container、left、right、actor、banner-price、params-item、params-label、price-delete、price-strong、banner-params、banner-quantity、banner-operate 和 banner-state 等,用于美化页面的展示效果。
相关问题
<div id="info"> <span><span class="pl">导演</span>: <span class="attrs"><a href="/celebrity/1023040/" rel="v:directedBy">陈凯歌</a> / <a href="/celebrity/1007152/" rel="v:directedBy">徐克</a> / <a href="/celebrity/1275075/" rel="v:directedBy">林超贤</a></span></span><br> <span><span class="pl">编剧</span>: <span class="attrs"><a href="/celebrity/1275188/">兰晓龙</a> / <a href="/celebrity/1019896/">黄建新</a></span></span><br> <span class="actor"><span class="pl">主演</span>: <span class="attrs"><span><a href="/celebrity/1000525/" rel="v:starring">吴京</a> / </span><span><a href="/celebrity/1340022/" rel="v:starring">易烊千玺</a> / </span><span><a href="/celebrity/1274291/" rel="v:starring">段奕宏</a> / </span><span><a href="/celebrity/1312699/" rel="v:starring">朱亚文</a> / </span><span><a href="/celebrity/1274252/" rel="v:starring">李晨</a> </div> 解释这段代码
这段代码是一个 HTML 页面中的一部分,它包含了电影的导演、编剧和主演等信息。这些信息都被包含在一个带有 id 属性值为 "info" 的 div 元素中。
在 div 元素中,使用了多个 span 元素来标记不同的信息。其中,每个 span 元素都有一个 class 属性来指定它们的样式。
在第一个 span 元素中,包含了所有导演的名字,并使用链接来指向它们的个人主页。而在第二个 span 元素中,包含了所有编剧的名字。
最后一个 span 元素使用了一个 class 属性值为 "actor",用于标记主演信息。在这个 span 元素中,每个主演都被包含在一个单独的 span 元素中,并使用链接来指向他们的个人主页。
阅读全文