Python全系列 教程
3567个小节阅读:5930.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
创建详情页面detail.html
xxxxxxxxxx
<div class="detail-body" goodsid="{{goods.id}}">
<!-- 面包屑 -->
<div class="bread">
<ul class="bread-content">
<li class="bread-item">
<a href="/">首页</a>>
</li>
<li class="bread-item">
<a href="category/{{goods.category_id}}">{{goods.category.cname}}</a>>
</li>
<li class="bread-item">
<a href="javascript:void(0);">{{goods.gname}}</a>
</li>
</ul>
</div>
<!-- detail-content -->
<div class="detail-content">
<div class="detail-con-left">
<img id="rightimg" src="{{goods.getImgUrl}}">
</div>
<div class="detail-con-right">
<h3>{{goods.gdesc}}</h3>
<div class="price">
<i>¥</i>
<p>{{goods.price}}</p>
<s>¥{{goods.oldprice}}</s>
</div>
<div class="line"></div>
<div class="color">
<p class="p-item">颜色:</p>
<ul class="MinImgList">
{% for color in goods.getColors %}
<li class="MinImg {% if forloop.first %}active{% endif %}" colorid="{{color.id}}">
<img src="{{color.colorurl}}" width="30px" height="30px">
</li>
{% endfor %}
</ul>
</div>
<div class="size">
<p class="p-item">
尺码:
</p>
<ul class="size-list">
{% for size in goods.getSizes %}
<li sizeid="{{size.id}}" class="size-item {% if forloop.first %}active{% endif %}">{{size.sname}}</li>
{% endfor %}
</ul>
</div>