电商案例--详情页制作

2019-11-18  本文已影响0人  王玉伟的伟

1). 详情页 detail.html 常用单词

名称 说明
主体 de_container
面包屑导航 crumb_wrap
产品介绍 product_intro ( introduction介绍)
预览包 preview_wrap(左侧部分)
预览缩略图 preview_img
预览列表 preview_list
左按钮 arrow_prev
右按钮 arrow_next
小图列表 preview_items
产品详细信息区域 itemInfo_wrap (右侧部分)
头部名称 sku_name skull 头骨
新闻 news
摘要 summary
评价 remark
价格摘要 summary_price
配送至 summary_stock
支持 summary_support
选择 choose
选择按钮组 choose_btns
选择数量 choose_amount
减去 reduce
加入购物车 addshopcar
产品细节 product_detail ( detail描述)
左侧边 aside
详细描述 detail

2). 面包屑导航

1.png

3). 产品介绍 模块

2.png

4). 预览区域制作

3.png

3.1 preview_list 制作

4.png

5). 产品详细信息区域制作 itemInfo_wrap

7.png

6). 产品细节模块 product_detail

6.png

6.1) aside 布局

8.png

6.2) detail 布局

9.png

7. 注册页面 register

注册页面

名称 说明
注册专区 registerarea
注册内容 reg-form
错误的 error
成功的 success
默认的 default
10.png

7.1 registerarea布局

11.png
上一篇 下一篇

猜你喜欢

热点阅读