<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no"/>
<link href="./css/reset.css" rel="stylesheet" type="text/css">
<link href="./css/classify.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="near-box">
<div class="yx-index-top">
<div class="index-top-box2">
<span class="fresh-toptext1">派送至:北京石景山</span>
<span class="fresh-topimg1"></span>
</div>
<div class="index-top-box1">
<span class="index-top-img1"><img src="./images/search3.png" alt=""></span>
</div>
</div>
<div class="classify-bigbox">
<div class="classify-left">
<div class="classify-perch"></div>
<span class="classify-text1 pitch-on2">热销新品</span>
<span class="classify-text1">优选水果</span>
<span class="classify-text1">卤味熟食</span>
<span class="classify-text1">牛奶面包</span>
<span class="classify-text1">热饮</span>
<span class="classify-text1">冰淇淋</span>
<span class="classify-text1">饮料酒水</span>
<span class="classify-text1">休闲零食</span>
<span class="classify-text1">方便速食</span>
<span class="classify-text1">数码家电</span>
<span class="classify-text1">环球美食</span>
<span class="classify-text1">运动户外</span>
<div class="classify-perch2"></div>
</div>
<div class="classify-right content2">
<div class="classify-perch-r"></div>
<div class="classify-right-title">
<span class="classifyrt-text1">综合排序</span>
<span class="classifyrt-text1 price">按价格<i class="sort-img"></i><i class="sort-img2" style="display: none;"></i></span>
<span class="classifyrt-text1 list-show">分类</span>
</div>
<div class="classify-list" style="display: none;">
<span class="classify-list-text1 pitch-on-cl">全部分类</span>
<span class="classify-list-text1">进口水果</span>
<span class="classify-list-text1">国产水果</span>
<span class="classify-list-text1">柑橘橙柚</span>
<span class="classify-list-text1">苹果/梨</span>
<span class="classify-list-text1">桃杏梅枣</span>
</div>
<!--商品列表循环-->
<div class="classify-box1">
<a href="./goods-details.html" class="classify-box1-img1"><img src="./del/fruits-img7.png" alt=""></a>
<div class="classify-box2">
<a href="./goods-details.html" class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</a>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img4.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img2.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="tel" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img8.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img9.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img10.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img11.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<div class="classify-box1">
<span class="classify-box1-img1"><img src="./del/fruits-img12.png" alt=""></span>
<div class="classify-box2">
<span class="classify-box2-text1">新鲜青柠500g/盒新鲜特价新鲜特价新鲜特价</span>
<span class="classify-box2-text2">¥10.8</span>
<div class="shop-cart-box3">
<span class="shop-cart-subtract"></span>
<input type="number" size="4" value="0" id="tb_count" class="shop-cart-numer">
<span class="shop-cart-add"></span>
</div>
</div>
</div>
<!--商品列表循环-->
<div class="classify-perch2"></div>
</div>
<div class="classify-right content2" style="display:none">
<div class="classify-perch-r"></div>
<div class="classify-right-title">
<span c
没有合适的资源?快使用搜索试试~ 我知道了~
移动端果蔬零食商城手机模板.zip
共140个文件
png:71个
html:23个
css:18个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 193 浏览量
2024-03-02
11:43:28
上传
评论
收藏 477KB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
移动端果蔬零食商城手机模板.zip (140个子文件)
goods-details.css 11KB
demo.css 7KB
ydui.css 6KB
my-indent.css 5KB
reset.css 5KB
indent-details.css 5KB
shoping-cart.css 4KB
index.css 4KB
classify.css 4KB
set.css 3KB
receiving-adress.css 3KB
discounts.css 3KB
discount-coupon.css 3KB
personal-center.css 2KB
pj.css 2KB
order-tracking.css 2KB
pay.css 1KB
d7-isousuo.css 1KB
Thumbs.db 27KB
classify.html 27KB
index.html 9KB
discount-coupon.html 7KB
discounts2.html 5KB
logistics.html 5KB
my-indent-pj.html 5KB
discounts3.html 5KB
my-indent-all.html 5KB
goods-details.html 5KB
discounts.html 4KB
personal-center.html 4KB
shoping-cart.html 4KB
indent-details.html 4KB
discounts4.html 4KB
receiving-adress-list.html 4KB
pj.html 3KB
my-indent-dfh.html 3KB
my-indent-dsh.html 3KB
my-indent-dfk.html 3KB
receiving-adress.html 2KB
order-tracking.html 2KB
news-center.html 2KB
search.html 1KB
discounts-img1.jpg 19KB
banner-img2.jpg 17KB
banner-img3.jpg 16KB
discounts-img3.jpg 15KB
optimization-img3.jpg 14KB
discounts-img2.jpg 11KB
optimization-img1.jpg 11KB
optimization-img2.jpg 10KB
coupon.jpg 9KB
index-banner1.jpg 8KB
special-sale-img1.jpg 7KB
special-sale-img4.jpg 7KB
special-sale-img3.jpg 6KB
personal-center.jpg 5KB
599aa36d5e4a4.jpg 4KB
timg1.jpg 3KB
wykl-banner-img66.jpg 3KB
jquery-1.8.3.min.js 91KB
ydui.citys.js 67KB
ydui.js 44KB
jquery.raty.js 12KB
TouchSlide.1.1.js 6KB
jquery.countdown.min.js 5KB
cart.js 4KB
scrolltopcontrol.js 3KB
ydui.flexible.js 1KB
goods-details.js 1KB
check4.png 14KB
fruits-img4.png 6KB
fruits-img13.png 5KB
fruits-img7.png 5KB
fruits-img2.png 5KB
fruits-img11.png 5KB
fruits-img12.png 4KB
fruits-img8.png 3KB
fruits-img10.png 3KB
discounts-img4.png 3KB
scan.png 3KB
personal-center-img12.png 3KB
2017-11-21_162114.png 2KB
personal-center-img11.png 2KB
icon_xinlang.png 2KB
add.png 2KB
news-centerimg2.png 2KB
subtract.png 2KB
topback.png 2KB
grass.png 2KB
icon_weichat.png 2KB
check1.png 2KB
icon_qzone.png 2KB
news-centerimg1.png 2KB
icon_zhifubao.png 2KB
search.png 2KB
trophy.png 2KB
arrow-right2.png 2KB
diamond.png 2KB
fruits-img9.png 2KB
share.png 2KB
共 140 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 5828
- 资源: 2972
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功