当前位置：首页 > news >正文

HTML5好看的水果蔬菜在线商城网站源码系列模板7

news 来源：原创 2025/5/26 8:16:17

文章目录

1.设计来源
- 1.1 主界面
- 1.2 关于我们界面
- 1.3 商城界面
- 1.4 商品信息界面
- 1.5 我的账户界面
- 1.6 联系我们界面
2.效果和源码
- 2.1 动态效果
- 2.2 源代码
源码下载
万套模板，程序开发，在线开发，在线沟通

作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/147264321

HTML5好看的水果蔬菜在线商城网站源码系列模板7，水果蔬菜在线商城源码，最全商城模板，水果蔬菜模板，一款大气的网上蔬菜店/水果店购物商城HTML模板，内置六个模板页面，覆盖各种商城需求页面，，酷炫的界面效果，简易的整体风格，实现了商店的所需功能，网格列表，信息列表，我的订单，轮播图，表单，导航菜单，购物车，列表等，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。

1.设计来源

水果蔬菜在线商城系列的第七个风格版，总共有九个版本，九种风格。

该系列所有文章源码【九种风格，总有一款适合你】
HTML5超酷炫的水果蔬菜在线商城网站源码1(附源码)
HTML5好看的水果蔬菜在线商城网站源码2(附源码)
HTML5简介的水果蔬菜在线商城网站源码3(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板4(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板5(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板6(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板7(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板8(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板9(附源码)

1.1 主界面

在这里插入图片描述

1.2 关于我们界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述

1.3 商城界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述

1.4 商品信息界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述

1.5 我的账户界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述

1.6 联系我们界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述

更多界面效果，看下面的视频演示动态效果，或者下载源码体验吧。其他更多资源尽在 xcLeigh博客，如有相关技术问题，欢迎私信博主。

2.效果和源码

2.1 动态效果

这里是完整的效果演示，可在此代码基础上更加完善功能，支持扩展自己的风格，可以删减内容，打造属于自己的水果蔬菜在线商城。

HTML5好看的水果蔬菜在线商城网站源码系列模板7

2.2 源代码

这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。

<!--各行各业的模板源码，来自CSDN上的xcLeigh博客：https://blog.csdn.net/weixin_43151418/article/details/128349160-->
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="水果蔬菜在线商城"><meta name="author" content="水果蔬菜在线商城"><title>水果蔬菜在线商城</title><!-- Font Icon --><link href="assets/css/plugin/font-awesome.min.css" rel="stylesheet" type="text/css">  <!-- CSS Global --><link href="assets/css/plugin/bootstrap.min.css" rel="stylesheet" type="text/css">  <link href="assets/css/plugin/bootstrap-select.min.css" rel="stylesheet" type="text/css">     <link href="assets/css/plugin/owl.carousel.css" rel="stylesheet" type="text/css"><link href="assets/css/plugin/animate.css" rel="stylesheet" type="text/css"> <link href="assets/css/plugin/subscribe-better.css" rel="stylesheet" type="text/css"> <!-- Custom CSS --><link href="assets/css/style.css" rel="stylesheet" type="text/css"></head><body id="home" class="wide"><div id="loading"><div class="loader"><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div></div></div><!-- WRAPPER --><main class="wrapper home-wrap"> <!-- CONTENT AREA --><!-- Main Header Start --><header class="main-header">                  <div class="container-fluid rel-div"><div class="col-lg-4 col-sm-8"><div class="main-logo"><a href="index.html"> <strong>田园果蔬 <img src="assets/img/icons/logo-icon.png" alt="" /> </strong> <span class="light-font">绿色有机</span>  </a><span class="medium-font">品质保障</span></div></div><div class="col-lg-6 responsive-menu">  <div class="responsive-toggle fa fa-bars"> </div><nav class="fix-navbar" id="primary-navigation">            <ul class="primary-navbar">                                                <li><a href="index.html"> 首页</a></li><li><a href="about-us.html">关于我们</a></li><li><a href="shop.html"> 商城</a></li> <li><a href="shop-single.html"> 商品信息</a></li>        <li><a href="my-account.html"> 我的账户</a></li><li><a href="contact.html">联系我们</a></li></ul>                           </nav></div><div class="col-lg-2 col-sm-4 cart-megamenu"><div class="cart-hover"><a href="#"> <img alt="" src="assets/img/icons/cart-icon.png" /> </a><span class="cnt crl-bg">2</span> <span class="price">￥150.00</span><ul class="pop-up-box cart-popup"><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-1.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有机 </span>  <strong>果实</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-2.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有机 </span>  <strong>红辣椒</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-3.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list sub-total"><div class="pull-left"> <strong>小计</strong></div><div class="pull-right"> <strong class="clr-txt">￥150.00</strong></div></li><li class="cart-list buttons"><div class="pull-left"> <a href="cart.html" class="theme-btn-sm-2">购物车</a></div><div class="pull-right"> <a href="checkout.html" class="theme-btn-sm-3"> 去结算 </a></div></li></ul></div><div class="mega-submenu"><span class="nav-trigger"><a class="menu-toggle" href="#"> <img src="assets/img/icons/menu.png" alt="" /> </a></span><div class="mega-dropdown-menu"><a class="menu-toggle fa fa-close" href="#">  </a><div class="slider-mega-menu"><div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>果实</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">柠檬</a> </li><li> <a href="#">菠萝</a> </li><li> <a href="#">苹果</a> </li><li> <a href="#">猕猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的水果 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-1.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>蔬菜</strong> </h2><ul class="sub-list"><li> <a href="#">卷心菜</a> </li><li> <a href="#">大蒜 </a> </li><li> <a href="#">洋葱 </a> </li><li> <a href="#">藕</a> </li><li> <a href="#">胡萝卜</a> </li><li> <a href="#">青椒</a> </li><li> <a href="#">土豆</a> </li><li> <a href="#">芹菜</a> </li><li> <a href="#">韭菜</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的蔬菜 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-2.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>果汁</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉汁</a> </li><li> <a href="#">西瓜汁</a> </li><li> <a href="#">黑莓汁</a> </li><li> <a href="#">橙汁</a> </li><li> <a href="#">橘子汁</a> </li><li> <a href="#">柠檬汁</a> </li><li> <a href="#">菠萝汁</a> </li><li> <a href="#">苹果汁</a> </li><li> <a href="#">猕猴桃汁</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的果汁 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-3.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>果汁</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉汁</a> </li><li> <a href="#">西瓜汁</a> </li><li> <a href="#">黑莓汁</a> </li><li> <a href="#">橙汁</a> </li><li> <a href="#">橘子汁</a> </li><li> <a href="#">柠檬汁</a> </li><li> <a href="#">菠萝汁</a> </li><li> <a href="#">苹果汁</a> </li><li> <a href="#">猕猴桃汁</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的果汁 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-1.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>面包</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">柠檬</a> </li><li> <a href="#">菠萝</a> </li><li> <a href="#">苹果</a> </li><li> <a href="#">猕猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的面包 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-5.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>茶</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">柠檬</a> </li><li> <a href="#">菠萝</a> </li><li> <a href="#">苹果</a> </li><li> <a href="#">猕猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的茶 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-6.png" /></div></div> </div></div></div><div class="responsive-toggle fa fa-bars"> </div></div></div>  </header><!-- / Main Header Ends -->   <!-- Main Slider Start --><section class="main-slide"><img alt=".." src="assets/img/slider/slide-1.jpg" /><div class="tbl-wrp slide-1"><div class="text-middle"><div class="tbl-cell"><div class="slide-caption container text-center"><div class="slide-title"><img src="assets/img/icons/slide-txt-1.png" alt="" /><span>100%的保证</span></div><div class="slide-title2 pb-50"><h2 class="section-title"> <span class="light-font">生活 </span> <strong>有机 </strong> <span class="light-font">为生活 </span> <strong>为健康 </strong> </h2><h4 class="sub-title"> 有机水果，蔬菜和更多的东西送到你的家门口 </h4></div><div class="slide"><a href="#" class="slide-btn"> 立即购物</a>  </div></div></div></div></div></section><!-- / Main Slider Ends -->   <!-- Organic All Starts--><section class="organic-all sec-space-bottom"><div class="pattern"> <img alt="" src="assets/img/icons/white-pattern.png" /></div><div class="section-icon"> <img alt="" src="assets/img/icons/icon-1.png" /></div><div class="container">                    <div class="organic-wrap"> <img class="logo-img" alt="" src="assets/img/logo/logo-1.png" /><div class="tabs-box"><ul class="theme-tabs"><li class=""><a href="#product-tab-1" data-toggle="tab"> <span class="light-font">有机 </span> <strong>水果 </strong> </a></li>                                <li class="active"><a href="#product-tab-2" data-toggle="tab"> <span class="light-font">有机 </span> <strong>蔬菜 </strong> </a></li>                               <li class=""><a href="#product-tab-3" data-toggle="tab"> <span class="light-font">有机 </span> <strong>果汁 </strong> </a></li><li class=""><a href="#product-tab-4" data-toggle="tab"> <span class="light-font">有机 </span> <strong>干果 </strong> </a></li></ul></div></div></div><div class="container-fluid"> <div class="col-md-12"> <div class="tab-content organic-content row"> <div id="product-tab-1" class="tab-pane fade active in"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div><div id="product-tab-2" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div><div id="product-tab-3" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div><div id="product-tab-4" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div></div></div></div></section><!-- / Organic All Ends --><!-- JS Global --><script src="assets/js/plugin/jquery-2.2.4.min.js"></script>   <script src="assets/js/plugin/bootstrap.min.js"></script><script src="assets/js/plugin/bootstrap-select.min.js"></script><script src="assets/js/plugin/owl.carousel.min.js"></script><script src="assets/js/plugin/jquery.plugin.min.js"></script><script src="assets/js/plugin/jquery.countdown.js"></script><script src="assets/js/plugin/jquery.subscribe-better.min.js"></script><!-- Custom JS -->   <script src="assets/js/theme.js"></script></body>
</html>

源码下载

HTML5好看的水果蔬菜在线商城网站源码系列模板7（源码）点击下载
在这里插入图片描述

万套模板，程序开发，在线开发，在线沟通

专业后端大佬在线沟通需求开发
专业前端大佬在线沟通需求开发
专业网站整套大佬在线沟通需求开发
专业毕业设计大佬在线沟通需求开发
专业大作业大佬在线沟通需求开发
【优惠活动】专属定制，程序在线开发

--------------- 业精于勤，荒于嬉 ---------------

请添加图片描述

--------------- 行成于思，毁于随 ---------------

💢 关注博主带你实现畅游前后端

🏰 加入社区带你体验马航不孤单

💯 神秘个人简介带你体验不一样得介绍

💘 为爱表白为你那个TA，体验别致的浪漫惊喜

🎀 酷炫邀请函带你体验高大上得邀请

     ① 🉑提供云服务部署（有自己的阿里云）；
     ② 🉑提供前端、后端、应用程序、H5、小程序、公众号、大作业等相关业务；
     如🈶合作请联系我，期待您的联系。
    注：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有），https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。

亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 🈶 问题请留言（评论），博主看见后一定及时给您答复，💌💌💌

原文地址：https://blog.csdn.net/weixin_43151418/article/details/147264321（防止抄袭，原文地址不可删除）

HTML5好看的水果蔬菜在线商城网站源码系列模板7

文章目录 1.设计来源1.1 主界面1.2 关于我们界面1.3 商城界面1.4 商品信息界面1.5 我的账户界面1.6 联系我们界面 2.效果和源码2.1 动态效果2.2 源代码源码下载万套模板，程序开发，在线开发，在线沟通作者：xcLeigh 文章地址&#…...

编程日记 2025/5/26 8:16:17

优化问题中变量分类与作用分析

优化问题中的变量分类与作用在优化问题中，变量的定义和作用因问题类型和建模需求而异。以下从决策变量、控制变量的区别与联系出发，结合其他相关变量进行系统分析： 1. 决策变量（Decision Variables） 定义&#xff1a…...

编程日记 2025/5/26 8:05:54

RSS‘25｜CMU提出统一空中操作框架：以末端执行器为中心，无人机实现高精度遥操作

导读在科技飞速发展的当下，机器人技术不断拓展其应用边界，空中操作领域成为了研究的热点之一。无人空中操纵器（UAMs）凭借其在高空复杂任务中的巨大潜力，正逐渐改变着诸如高空设备维护、桥梁检测等传统行业的作业模式&a…...

编程日记 2025/4/29 6:54:07

智能指针之设计模式6

本系列文章探讨了智能指针和设计模式的关系，前面五篇文章介绍的是使用设计模式实现了智能指针的相关特性，比如使用工厂模式控制了智能指针对象的创建，使用代理模式控制了资源对象的销毁。本文介绍一下使用智能指针来帮助我们实现相关的设计模…...

编程日记 2025/4/29 6:54:06

【设计模式】GOF概括

一、创建型模式（5种） 1. 单例模式 (Singleton) 适用场景：全局唯一实例（如配置管理、日志工具）。C示例：// 所谓的scott mayer单例模式 class Singleton { public:static Singleton& getInstance() {st…...

编程日记 2025/5/26 8:14:51

深入浅出限流算法（三）：追求极致精确的滑动日志

在限流的世界里，精度往往是关键。我们已经讨论过固定窗口（简单但有突刺）和滑动窗口（更平滑但仍有格子边界）。如果我们需要更精确的控制，滑动日志 (Sliding Log) 算法便登场了。核心思想：记录每…...

编程日记 2025/5/26 8:07:27

一文读懂Tomcat应用之 CentOS安装部署Tomcat服务

目录一、Tomcat概述 (一)、Tomcat安装目录简介 (二)、Tomcat配置文件简介 1、server.xml文件 2、web.xml 3、context.xml 4、tomcat-users.xml 5、logging.properties 二、Tomcat安装部署 (一)、环境规划 (二)、安装JDK 1、下载JDK二进制安装包 2、解压JDK二进制…...

编程日记 2025/4/29 6:53:03

JVM 内存分配策略

引言在 Java 虚拟机（JVM）中，内存分配与垃圾回收是影响程序性能的核心机制。内存分配的高效性直接决定了对象创建的速率，而垃圾回收策略则决定了内存的利用率以及系统的稳定性。为了在复杂多变的应用场景中实现高效的内存管理&am…...

编程日记 2025/5/26 8:02:22

轻松上手：使用 Docker Compose 部署 TiDB 的简易指南

作者：ShunWah 在运维管理领域，我拥有多年深厚的专业积累，兼具坚实的理论基础与广泛的实践经验。精通运维自动化流程，对于OceanBase、MySQL等多种数据库的部署与运维，具备从初始部署到后期维护的全链条管理能力。拥有Oc…...

编程日记 2025/5/26 8:13:27

Linux权限管理

权限的概念在 Linux 系统里，权限管理是系统安全的关键环节。权限管理的核心目的是明确不同用户对文件和目录的操作许可范围，以此来保障系统资源的安全与合理使用。权限管理涉及三种不同的用户角色和三种基本的操作权限。用户角色所有者&#xff08…...

编程日记 2025/4/29 6:53:02

Crusader Kings III 王国风云 3（十字军之王 3） [DLC 解锁] [Steam] [Windows SteamOS macOS]

Crusader Kings III 王国风云 3（十字军之王 3） [DLC 解锁] [Steam] [Windows & SteamOS & macOS] DLC 版本至最新全部 DLC 后续可能无法及时更新文章，具体最新版本见下载文件说明； DLC 解锁列表（仅供参考&am…...

编程日记 2025/4/29 6:53:01

架构风格对比

架构风格深度对比：从管道-过滤器到微内核 📜 引言在软件架构设计中，不同的架构风格适用于不同的业务场景。本文将深入解析 7种主流架构风格，包括它们的核心思想、优缺点、适用场景，并通过对比表格和示例帮助您选择最…...

编程日记 2025/5/26 8:11:50

V Rising 夜族崛起 [DLC 解锁] [Steam] [Windows SteamOS]

V Rising 夜族崛起 [DLC 解锁] [Steam] [Windows & SteamOS] 注意这个符号表示可打开折叠内容需要有游戏正版基础本体，安装路径不能带有中文，或其它非常规拉丁字符；仅限用于自建服务器，并禁用 VAC ！&#xff0…...

编程日记 2025/4/29 6:53:00

HTML标记语言_@拉钩教育

目录 1.文本标签 2.格式化标签 3.图片标签 4.超链接标签 5.表格标签 6表单标签 6.1 6.2 6.3 7.行内框架(超链接内套一个页面) 8.多媒体标签(音/视频) 1.文本标签 2.格式化标签 3.图片标签 4.超链接标签 5.表格标签 6表单标签 6.1 6.2 6.3 7.行内框架(超链接内套一个…...

编程日记 2025/4/29 6:52:59

云原生开发革命：iVX 如何实现 “资源即插即用” 的弹性架构？

云原生技术正以惊人的速度重塑软件开发的版图。短短几年间，它从少数技术先驱的实验性方案，迅速崛起为全球企业数字化转型的核心驱动力。Gartner 预测，到 2026 年，全球 85% 的企业将全面采用云原生技术进行应用开发与部署。云原生架…...

编程日记 2025/5/26 8:04:08

whois为什么有时会返回两个不同的域名状态

前阵子发现一直想注册但被别人注册了的一个域名快要过期了，就想着写个脚本跑在电脑上，每分钟检查一次域名状态，一旦域名被正式删除，就发封邮件通知我，这样就不用频繁手动检查域名状态了。写脚本时发现一个有趣的现象…...

编程日记 2025/5/24 22:31:58

跨境电商店铺矩阵布局：多账号运营理论到实操全解析

在当今竞争激烈的全球电商市场中，跨境电商店铺矩阵布局已成为卖家脱颖而出的关键策略。本文将深入剖析跨境电商店铺矩阵布局的本质、优势，并提供从理论到实操的全方位指导，助力您在全球市场中开启属于自己的销售新篇章。一、是什么&#xff…...

编程日记 2025/5/26 8:10:28

安卓基础（强制转换）

一、强制转换（Type Casting） 1. 什么是强制转换？ 当你想将一个类型的对象转换为另一个类型时，如果它们之间存在继承关系，就需要强制转换。注意：只有存在继承关系的类型…...

编程日记 2025/5/17 23:26:21

VS2022+OpenCasCade配置编译

一、Open CASCADE Technology介绍及安装（windows10） Open CASCADE Technology（简称OCCT）是一款开源的 3D CAD/CAM/CAE 软件开发平台，广泛应用于工业设计、工程仿真、制造等领域。开源OCC对象库是一个面向对象C类库&…...

编程日记 2025/5/16 2:52:11

AIGC重构元宇宙：从内容生成到沉浸式体验的技术革命

1. 引言当数字技术掀开人类交互的新篇章，元宇宙正从科幻构想蜕变为现实——这个由虚拟与现实交织的数字宇宙，承载着未来社会的娱乐、工作与社交形态。作为核心赋能技术，AIGC（人工智能生成内容）正以惊人的创造力&…...

编程日记 2025/5/26 8:16:17

当所有人都用上先进ai，如何保持你的优势？

这不再是你能用上openai模型别人只能用文心一言的时候，而是每个人都可以免费用deepseek r1的时代。如今，办公室里每个人都能随时调用deepseek模型，喊一声“帮我写段代码”便轻松解决问题。在这种情况下，单纯“会用AI”已经很难再形…...

编程日记 2025/4/29 6:49:46

【浙江大学DeepSeek公开课】人类经验与AI算法的镜像之旅

人类经验与AI算法的镜像之旅人类经验与 AI 算法的镜像之旅一、语言的奥秘：人类如何解码世界二、从符号到智能：AI 的语言理解之路三、DeepSeek - V3：大语言模型的构建与进化四、DeepSeek - R1：推理模型的诞生与突破五、智能体时代…...

编程日记 2025/5/16 7:28:02

【前端】从零开始的搭建顺序指南（技术栈：Node.js + Express + MongoDB + React）book-management

项目路径总结后端结构 server/ ├── controllers/ # 业务逻辑 │ ├── authController.js │ ├── bookController.js │ ├── genreController.js │ └── userController.js ├── middleware/ # 中间件 │ ├── authMiddleware…...

编程日记 2025/4/29 6:49:45

探针台维护方法

探针台的维护直接影响其测试精度与使用寿命，需结合日常清洁、环境控制、定期校准等多维度操作，具体方法如下： 一、日常清洁与保养 1.‌表面清洁‌ 使用无尘布或软布擦拭探针台表面，避免残留清洁剂或硬物划伤精密部件。探针头清…...

编程日记 2025/5/15 13:20:35

js day8

事件绑定事件：发生在html元素上的特定动作，鼠标点击，键盘按下，鼠标移入事件三要素：事件源（触发事件的元素） 事件类型，事件触发后执行的函数通过html触发事件（不建议…...

编程日记 2025/4/29 6:48:40

大模型训练平台：重构 AI 研发范式的智慧基建

当 AI 研发陷入“高耗低效”困局，如何破局？ 在大模型技术爆发的今天，企业 AI 研发正面临前所未有的挑战：某金融机构为训练风控模型投入大量算力，却因数据标注耗时半年延误项目；某制造企业搭建的训练集群利…...

编程日记 2025/4/29 6:48:39

vuex刷新数据丢失解决方案-vuex-persist

安装 npm install -S vuex-persist（yarn add vuex-persist） 使用： /store/index.js引入vuex-persist配置： import Vue from vue import Vuex from vuex import VuexPersistence from vuex-persist import user from ./modules/use…...

编程日记 2025/5/26 8:14:51

多模态革命！拆解夸克AI相机技术架构：如何用视觉搜索重构信息交互？（附开源方案对比）

一、技术人必看：视觉搜索背后的多模态架构设计夸克「拍照问夸克」功能绝非简单的OCRQA拼接，而是一套多模态感知-推理-生成全链路系统，其技术栈值得开发者深挖： 视觉编码器：基于Swin Transformer V2，支持4…...

编程日记 2025/4/29 6:48:38

Python依据卫星TLE轨道根数，计算可见时间窗口

1.卫星TLE数据概括：两行字符串表示的卫星参数字段字符串位置（以0为起点） 描述内容注释1 01–01卫星编号203-07卫星类别卫星类别（U表示不保密，可供公众使用的；C 表示保密，仅限NORAD使用&…...

编程日记 2025/5/25 10:07:36

C++？模板！！！

一、引言在之前我们一起学习了C中类和对象、动态内存管理等相关知识，今天我们将一起学习C中有关模板的相关知识，学完模板之后我们就可以进入C中非常重要的库---STL了，那么模板究竟有什么奥秘呢？让我们一起来看看吧！ …...

编程日记 2025/5/26 8:04:08

web技术与nginx网站服务

一、Web服务基础概念 Web服务器核心功能通过HTTP/HTTPS协议提供网页内容，支持HTML、CSS、JavaScript等静态资源，动态内容需结合后端语言（如PHP、Python）处理36。常用软件：Nginx、Apache、Lighttpd。Nginx以高并发、低…...

编程日记 2025/5/26 8:00:19

关系数据的可视化

目录【实验目的】【实验原理】【实验环境】【实验步骤】一、安装Python所需要的第三方模块二、实验【实验总结】【实验目的】 1.掌握关系数据在大数据中的应用 2.掌握关系数据可视化方法 3. python 程序实现图表【实验原理】在传统的观念里面&#xff0…...

编程日记 2025/4/29 6:46:32

MATLAB小试牛刀系列（1）

问题描述某机床厂生产甲、乙两种机床，每台机床销售后的利润分别为 4 千元与 3 千元。生产甲机床需用 A、B 机器加工，加工时间分别为每台 2h 和每台 1h；生产乙机床需用 A、B、C 三种机器加工，加工时间均为每台 1h。若每天可用于加…...

编程日记 2025/5/15 13:47:10

CUDA、pytorch、配置环境教程合集

1.CUDA卸载参考： 【环境搭建】卸载&重新安装cudacudnnanacondagpu版pytorch_卸载cuda-CSDN博客【cuda】cuda安装与卸载升级_升级cuda-CSDN博客检测代码： https://www.zhihu.com/question/482335084 import torch print(CUDA版本:,torch.vers…...

编程日记 2025/5/23 18:22:08

代码随想录打卡|Day29 动态规划Part02（不同路径、不同路径2、整数拆分、不同的二叉树搜索）

动态规划Part02 不同路径力扣题目链接代码随想录链接视频讲解链接题目描述： 一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为 “Start” ）。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角&#xf…...

编程日记 2025/5/23 19:55:01

Leetcode刷题 | Day49_图论01

一、学习任务深度优先搜索理论基础深度优先搜索理论基础 | 代码随想录98. 所有可达路径(ACM)797. 所有可能的路径(Leetcode)广度优先搜索理论基础二、具体题目 1.深度优先搜索理论基础类似回溯算法，二叉树的前中后序遍历是其在二叉树领域的应用。代码框架&am…...

编程日记 2025/5/5 8:46:02

if consteval

if consteval 是 C23 引入的新特性，该特性是关于immediate function 的，即consteval function。用于在编译时检查当前是否处于立即函数上下文（即常量求值环境），并根据结果选择执行不同的代码路径。它是对 std::is_con…...

编程日记 2025/4/29 6:45:27

【iOS】OC源码阅读——alloc源码分析

文章目录前言基本调试方法allocalloc函数逐步调试空类检查快速路径：默认内存分配慢速路径：自定义内存分配slowpath和fastpath alloc核心操作cls->instanceSize：计算所需内存大小内存字节对齐原则为什么要16字节对齐内存字节对齐总结其他…...

编程日记 2025/5/19 7:29:04

[JavaScript]对象关联风格与行为委托模式

对象关联. “[[prototype)]的机制就是存在于对象中的一个内部链接,它会引用其它对象” 为何创建原型链(关联)? Object.create()会创建一个新对象,参数对象会作为新对象的__proto__. “我们并不需要类来创建两个对象之间的关系,只需要通过委托来关联对象就足够了.而Object.c…...

编程日记 2025/5/6 13:45:52

在 Ubuntu 24.04 LTS 一台机子上同时部署Dify 1.3.1 和 RAGflow 0.18.0

一、RAGflow 0.18.0 简介有关 Dify 的简介，可以查看我之前分享的《在 Ubuntu24.04 LTS 上 Docker Compose 部署 Dify 社区版 1.0.1》文章。RAGFlow是一款基于深度文档理解（deepdoc）构建的开源 RAG引擎。其中，深度文档理解&#…...

编程日记 2025/5/26 6:07:48

小熊派BearPi-Pico H3863（二）环境配置 Ubuntu编译源码与VSCode远程开发指南

BearPi-H3863 Ubuntu编译源码与VSCode远程开发指南摘要开发环境配置方案选型环境部署实战手册一、基础环境配置1. 镜像准备2. 虚拟机初始化3. 网络异常处理二、VSCode远程开发配置1. SSH服务验证2. VSCode插件安装3. 远程连接实战4. 项目管理关键要点总结摘要本文针对Bea…...

编程日记 2025/4/29 6:45:22

组装 (DIY) 一台显示器 (4K 屏支持 4 画面分屏 PBP 1080p x4)

首发日期 2025-04-26, 以下为原文内容: 家里的 PC 主机比较多, 如果同时开机, 显示器就不够用了. 因为穷, 窝租住的房间又很小, 放不下很多显示器. 所以, 窝希望买一台支持分屏功能的显示器. 最好是 4K 分辨率 (3840x2160) 的屏幕, 然后 4 分屏 (有 4 个 DP 或 HDMI 输入接口…...

编程日记 2025/4/29 6:44:20

SwiftUI 8.List介绍和使用

SwiftUI 的 List 组件用于展示可滚动的内容集合，支持静态或动态数据、交互操作（如点击、滑动删除）、分组、自定义样式等。以下是其详细介绍及使用方法： 一、基本用法 1. 静态列表直接声明固定内容： struct Content…...

编程日记 2025/5/10 21:21:29

Android Kotlin ViewModel 错误处理：最佳 Toast 提示方案详解

在 Android Kotlin 的 ViewModel 中显示 Toast 提示需要特殊处理，因为 ViewModel 不应该直接持有 Context（避免内存泄漏），且 UI 操作（如 Toast）必须在主线程执行。以下是几种标准解决方案： 方案…...

编程日记 2025/4/29 6:43:17

Vue 集成 wangEditor5 公式编辑器的实现步骤‌

Vue 集成 wangEditor5 公式编辑器的实现步骤‌ 1. 安装公式依赖库‌2. 配置公式编辑器插件‌3. 启用工具栏公式按钮‌4. 组件模板与事件绑定‌功能验证与调试‌注意事项‌版本兼容性‌： 1. 安装公式依赖库‌ 安装 KaTeX 或 kityformula‌：根据项目需求选…...

编程日记 2025/5/22 21:29:58

go语言八股文(五)

1.go的局部变量是分配在栈上还是在堆上在Go语言中，局部变量的内存分配（栈或堆）由编译器基于逃逸分析（escape analysis）来决定。以下是总结和具体示例： 栈上分配当局部变量的生命周期严格限定在函数作用…...

编程日记 2025/5/25 12:19:10

C++ 解决一个简单的图论问题 —— 最小生成树（以 Prim 算法为例）

使用 C 解决一个简单的图论问题 —— 最小生成树（以 Prim 算法为例），并且使用 Graphviz 库来生成结果图。在图论中，“边权之和最小” 是最小生成树（MST）的核心目标，其含义和背景可以从以下几个…...

编程日记 2025/5/16 14:14:28

OpenCV计算机视觉实战（2）——环境搭建与OpenCV简介

OpenCV计算机视觉实战（2）——环境搭建与OpenCV简介 0. 前言1. OpenCV 安装与配置1.1 安装 Python-OpenCV1.2 配置开发环境 2. OpenCV 基础2.1 图像读取与显示2.2 图像保存 3. 摄像头实时捕获小结系列链接 0. 前言 OpenCV (Open Source Computer Vision …...

编程日记 2025/4/29 6:42:13

pgrep和pkill命令详解

pgrep 与 pkill 命令详解‌ ‌一、基础功能‌ 命令作用核心机制pgrep根据条件查找进程ID (PID)通过进程名、用户、终端等属性筛选进程，输出匹配的PID列表pkill根据条件终止进程向符合条件的进程发送信号（默认发送SIGTERM，可指定其他信号&am…...

编程日记 2025/4/29 6:42:12

Python----卷积神经网络（卷积为什么能识别图像）

一、卷积的概念卷积是一种数学运算，通常用于信号处理和图像分析。在卷积神经网络中，卷积操作用于提取输入数据（如图像）中的特征。通过将输入数据与卷积核（滤波器）进行卷积运算，CNN能够识别图像…...

编程日记 2025/4/29 6:42:11

文章目录

1.设计来源

1.1 主界面

1.2 关于我们界面

1.3 商城界面

1.4 商品信息界面

1.5 我的账户界面

1.6 联系我们界面

2.效果和源码

2.1 动态效果

2.2 源代码

源码下载

万套模板，程序开发，在线开发，在线沟通

相关文章：