<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>爱到家-社区生鲜</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/alongsty.css" rel="stylesheet">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv_min.js"></script>
<script src="js/respond_min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery_min1_11_2.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- 时间轴导航所需css&js -->
<link rel="stylesheet" type="text/css" href="css/timeline.css" />
<script src="js/jquery.timelinr-0.9.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$().timelinr({
autoPlay: 'true',
autoPlayDirection: 'forward',
startAt: 3
})
});
</script>
<style type="text/css">
<!--
body{ background:#eeeeee; font-family:"微软雅黑"; }
input[type="text"],input[type="password"],input[type="date"],input[type="month"],input[type="month"],input[type="time"],input[type="week"],input[type="email"],select{border:none; outline:none; transition:border 0.2s ease-in 0s; }
input[type="button"],input[type="submit"]{outline:none;cursor:pointer;border:none;} input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="email"]:focus,select:focus{border:1px solid #17a862; }
-->
</style>
</head>
<body >
<div class="toper navbar-fixed-top">
<div class="row color_white " >
<div class="col-xs-2" style="padding-left:25px;"><a class="cwhite" href="#"><i class="icon-angle-left font32"></i></a></div>
<div class="col-xs-8 text-center font20">商家详情</div>
<div class="col-xs-2" > </div>
</div>
</div><!-- toper -->
<div class="height53"></div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="productphoto"><img src="images/jdt1.jpg"></div>
</div>
<div class="swiper-slide">
<div class="productphoto"><img src="images/jdt2.jpg"></div>
</div>
<div class="swiper-slide">
<div class="productphoto"><img src="images/jdt3.jpg"></div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true
});
</script><!-- 焦点图 -->
<div class=" width100 bg_white" style="padding:10px;">
<h4>精英连锁果蔬超市</h4>
<div class="artic14">
<p>专业品质,所有的蔬果都很安全。美好生活从这里开始!
欢迎光临!<br>
地址:北京市海淀区花园桥路105号</p>
</div>
<div class="clear"></div>
</div><!--a-->
<div class="height10"></div>
<div class=" width100 bg_white" >
<div id="timeline">
<ul id="dates" >
<li><a href="#love1">蔬菜</a></li>
<li><a href="#love2">水果</a></li>
<li><a href="#love3">采摘</a></li>
<li><a href="#love4">副食</a></li>
</ul>
<div class=" box_main2">
<ul id="issues">
<li id="love1">
<div class=" width100" style="padding:10px;">
<div class="media">
<div class="media-left">
<a href="#"><div class="photo_80"><img src="images/pic3.jpg" class="img-rounded" ></div></a>
</div>
<div class="media-body">
<h5 class="media-heading font16">有机菠菜</h5>
<span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
<p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
</div>
</div><!--b-->
<div class="media">
<div class="media-left">
<a href="#"><div class="photo_80"><img src="images/pic3.jpg" class="img-rounded" ></div></a>
</div>
<div class="media-body">
<h5 class="media-heading font16">有机菠菜</h5>
<span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
<p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
</div>
</div><!--b-->
<div class="media">
<div class="media-left">
<a href="#"><div class="photo_80"><img src="images/finish.png" class="img-rounded" ></div></a>
</div>
<div class="media-body">
<h5 class="media-heading font16">有机菠菜</h5>
<span class="pull-right"><button class="btn btn-default disabled" type="submit" style=" border:2px solid #838383;"><span ><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
<p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
</div>
</div><!--b-->
<div class="height20"></div>
<button type="button" class="btn btn-default btn-group-justified" >加载更多 <i class="icon-double-angle-down"></i></button>
<div class="height20"></div>
</div>
<div class="height20"></div>
<div class="height60"></div>
</li><!--love1-->
<li id="love2">
<div class=" width100" style="padding:10px;">
<div class="media">
<div class="media-left">
<a href="#"><div class="photo_80"><img src="images/pic33.jpg" class="img-rounded" ></div></a>
</div>
<div class="media-body">
<h5 class="media-heading font16">有机菠菜</h5>
没有合适的资源?快使用搜索试试~ 我知道了~
【kk梦空间】绿色的蔬菜水果手机微信商城模板源码.rar
共69个文件
png:24个
jpg:12个
css:8个
0 下载量 39 浏览量
2024-04-03
10:57:03
上传
评论
收藏 837KB RAR 举报
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
【kk梦空间】绿色的蔬菜水果手机微信商城模板源码.rar (69个子文件)
js
bootstrap.js 67KB
npm.js 484B
jquery_min1_11_2.js 94KB
bootstrap.min.js 36KB
respond_min.js 4KB
swiper.min.js 68KB
jquery.timelinr-0.9.4.js 12KB
html5shiv_min.js 3KB
product_info.html 9KB
list.html 7KB
css
bootstrap.min.css 120KB
bootstrap-theme.css.map 47KB
bootstrap-theme.css 26KB
bootstrap.css.map 381KB
bootstrap.css 144KB
font-awesome.min.css 22KB
bootstrap-theme.min.css 23KB
timeline.css 947B
alongsty.css 19KB
swiper.min.css 14KB
login.html 3KB
index.html 6KB
market_info.html 16KB
images
pic_16.jpg 4KB
pic_09.jpg 5KB
icon_close.png 7KB
jdt2.jpg 53KB
icon_shopcar_ok.png 8KB
qrdd3@2x.png 3KB
icon_soso.png 3KB
pic_07.jpg 4KB
qrddq2@2x.png 2KB
bt_line.png 935B
nav1.png 2KB
pic_03.jpg 4KB
pay_zfb.png 6KB
pic_18.jpg 4KB
icon_star_half.png 3KB
icon_red.png 1KB
pay_hdfk.png 6KB
nav33.png 2KB
nav4.png 2KB
qrddq1@2x.png 2KB
nav44.png 2KB
jdt3.jpg 32KB
pic_17.jpg 4KB
icon_star.png 3KB
qrdd2@2x.png 5KB
pic_05.jpg 5KB
nav11.png 2KB
nav22.png 3KB
pic_15.jpg 3KB
jdt1.jpg 41KB
qrdd1@2x.png 4KB
icon_shopcar.png 3KB
nav3.png 2KB
ad1.jpg 37KB
nav2.png 3KB
finish.png 9KB
fonts
FontAwesome.otf 60KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 37KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 193KB
fontawesome-webfont.ttf 77KB
共 69 条
- 1
资源评论
小肥羊k
- 粉丝: 1303
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功