<!DOCTYPE html>
<html lang="en" style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<title>首页</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</head>
<body>
<!--商城公告 开始-->
<div class='notice flex-row' href="javascript:void(0)" onclick="document.getElementById('light').style.display='';">
<div class='flex-grow-0 flex-y-center notice-a'>
<image src='image/icon-notice.png' style='width:0.36rem;height:0.36rem;margin-right:0.24rem;'></image>
<div style="color: #fff;">公告：</div>
</div>
<div class='flex-grow-1 notice-box'>
<div class='notice-content'>
<div style='display: inline-block;color:#fff;'>看这名字就知道很帅</div>
</div>
</div>
<div class='flex-grow-0 flex-y-center notice-b'>
<image src='image/icon-notice-jiantou.png' style='width:0.1rem;height:0.18rem;margin-left:0.32rem;'></image>
</div>
</div>
<div class='notice-modal flex-y-center flex-x-center ' style="display: none;" id="light">
<div style='margin-top:-2rem;'>
<img class='notice-img' src='image/icon-notice-title.png'></img>
<div class='w-100 notice-body'>
<div scroll-y style='color:#666;max-height:4rem;'>
<text>看这名字就知道很帅</text>
</div>
<div class='flex-x-center'>
<div class='notice-btn flex-x-center flex-y-center' href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';">我知道了</div>
</div>
</div>
</div>
</div>
<!--商城公告 结束-->
<!-- 轮播图开始 -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://img11.360buyimg.com/cms/jfs/t19279/307/1278168351/169015/ca4114a6/5ac18576Ncafa952c.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="https://img10.360buyimg.com/cms/jfs/t5833/81/9171141537/267616/135a9f0a/5983e1f6Nacf0fae4.jpg" alt="">
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
<!-- 轮播图结束 -->
<!-- 搜索开始 -->
<div class="search-block">
<input type="search" placeholder="搜索">
</div>
<!-- 搜索结束 -->
<!-- 分类开始 -->
<div class="nav-icon-list">
<div class="nav-icon">
<img src="https://img11.360buyimg.com/n7/jfs/t4135/168/3214319197/236893/8dd55bed/58dde8d1N62d3dbb6.jpg" alt="">
<div>国产水果</div>
</div>
<div class="nav-icon">
<img src="https://img14.360buyimg.com/n7/jfs/t15580/339/2475824928/661334/1efef95d/5aa8f13aNd74ae63f.jpg" alt="">
<div>进口水果</div>
</div>
<div class="nav-icon">
<img src="https://img11.360buyimg.com/n2/jfs/t3832/361/3992685655/451734/4d12e581/58a6bfa1N56a8232f.jpg" alt="">
<div>冷冻水果</div>
</div>
<div class="nav-icon">
<img src="https://img12.360buyimg.com/n2/jfs/t12949/178/664558538/199529/fcbcadf/5a30f676N29e74e73.jpg" alt="">
<div>送礼专区</div>
</div>
</div>
<!-- 分类结束 -->
<!-- 热卖推荐开始 -->
<div style="background: #fff;margin-top:0.1rem;margin-bottom: 0.1rem;width:100%;overflow-x: hidden;">
<div class="title-bar flex-y-center flex-x-center">
<div class="title-line"></div>
<div class="title flex-y-center">
<img src="image/hot.png"></img>
<text style='color:#6b400d;'>热卖推荐</text>
</div>
<div class="title-line"></div>
<div class="more flex-y-center">
<text style='color:#6b400d;'>更多</text>
<image src="image/icon-jiantou-r.png" />
</div>
</div>
<div class="goods-list flex-row goods-list-cols-cat_goods_cols">
<div class="flex-grow-0">
<div class="goods-item">
<img src="https://img13.360buyimg.com/n2/jfs/t15571/65/1426059721/535511/4bf0389b/5a51d14eNa115e050.jpg">
<text class="text-more-2 " style='padding:0 0.1rem;height:2.8em;line-height:1.4;'>越南进口红心火龙果 4个装 单果约350~400g 新鲜水果</text>
<!-- <text class="goods-price " >￥100</text> -->
<div class='flex-row'>
<div class='flex-grow-1' style='color:#ff334b'>￥43.90</div>
<div class='fs-sm' style='color:#999;'>已售999+</div>
</div>
</div>
</div>
<div class="flex-grow-0">
<div class="goods-item">
<img src="https://img10.360buyimg.com/n2/jfs/t18385/236/753037838/191749/8ef71a5e/5aa61a96N96e5f668.jpg">
<text class="text-more-2 " style='padding:0 0.1rem;height:2.8em;line-height:1.4;'>智利 进口西梅 约500g 新鲜水果</text>
<!-- <text class="goods-price " >￥100</text> -->
<div class='flex-row'>
<div class='flex-grow-1' style='color:#ff334b'>￥19.90</div>
<div class='fs-sm' style='color:#999;'>已售999+</div>
</div>
</div>
</div>
<div class="flex-grow-0">
<div class="goods-item">
<img src="https://img12.360buyimg.com/n2/jfs/t14362/316/2122866026/437670/e1f4d1aa/5a6e77b7N125feac5.jpg">
<text class="text-more-2 " style='padding:0 0.1rem;height:2.8em;line-height:1.4;'>广西沃柑 柑橘2.5kg 新鲜水果</text>
<!-- <text class="goods-price " >￥100</text> -->
<div class='flex-row'>
<div class='flex-grow-1' style='color:#ff334b'>￥46.90</div>
<div class='fs-sm' style='color:#999;'>已售999+</div>
</div>
</div>
</div>
<div class="flex-grow-0">
<div class="goods-item">
<img src="https://img10.360buyimg.com/n2/jfs/t12244/11/2013970388/141140/81f611d5/5a3090ccNff7a6b55.jpg">
<text class="text-more-2 " style='padding:0 0.1rem;height:2.8em;line-height:1.4;'>泰国椰青 9个装 单果约750g 赠送开椰器和吸管 新鲜水果</text>
<!-- <text class="goods-price " >￥100</text> -->
<div class='flex-row'>
<div class='flex-grow-1' style='color:#ff334b'>￥46.90</div>
<div class='fs-sm' style='color:#999;'>已售999+</div>
</div>
</div>
</div>
<div class="flex-grow-0">
<div class="goods-item">
<img src="https://img14.360buyimg.com/n2/jfs/t17740/327/925846464/279298/4e2c0a11/5ab0d753N246cf77e.jpg">
<text c
电商h5.rar （47个子文件） 
电商h5 css 
base.css 13KB swiper-3.4.2.min.css 17KB
assortment.html 3KB image 
icon-user-yhq.png 611B jx.png 5KB new.png 4KB icon-user-card.png 2KB nav-icon-user.png 1KB icon-user-xx.png 933B icon-notice-jiantou.png 1KB icon-order-1.png 681B pt-my-group.png 2KB icon-user-lx.png 726B nav-icon-cat.png 929B icon-user-kf.png 760B nav-icon-index.png 815B icon-notice.png 2KB icon-order-0.png 710B icon-address.png 856B icon-help.png 831B icon-about-us.png 610B icon-user-yj.png 969B nav-icon-cart.active.png 697B ts.png 9KB icon-user-level.png 2KB hot.png 4KB icon-user-lingqu.png 2KB nav-icon-cat.active.png 788B icon-offline.png 992B nav-icon-cart.png 772B icon-order-3.png 773B integral.png 4KB icon-jiantou-r.png 232B icon-user-sc.png 808B icon-order-2.png 581B nav-icon-user.active.png 640B icon-order-4.png 1019B user-integral-arrow.png 1KB img-user-bg.png 28KB nav-icon-index.active.png 559B icon-notice-title.png 23KB icon-user-fx.png 2KB cart.html 2KB index.html 16KB js jquery.js 242KB swiper-3.4.2.jquery.min.js 85KB my.html 15KB资源评论
yas0315
- 粉丝: 22
最新资源
- 试验小学综合布线工程竣工文档.doc
- 工程风险管理信息化需求方案设计.doc
- 互联时代背景下计算机网络数据安全管理方法探析.docx
- 圈层传播视域下青少年网络舆情的治理机制研究.docx
- 区块链技术来了银行有五种方式应用.docx
- 计算机网络应用基础.doc
- 医院计算机网络规划设计.docx
- “远离网络游戏”主题班会.ppt
- 单片机课程研究设计led流水灯研究设计报告.doc
- 江苏省有线电视网络双向化改造技术实施方案终发文稿.doc
- PLC的电动机顺序起动停止控制设计方案.doc
- 机电传动控制实验台实验项目管理介绍.doc
- 电力工程自动化技术的应用.docx
- 实验三-网络模拟软件的使用(上).doc
- 数字图像修复算法及其实现-(1).doc
- 《中图法》(五版)计算机技术软件工具、工具软件的改进措施.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
