HTML5好看的水果蔬菜在線商城網站源碼系列模板7

文章目錄

  • 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(防止抄襲,原文地址不可刪除)

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/903298.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/903298.shtml
英文地址,請注明出處:http://en.pswp.cn/news/903298.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Atcoder Help 有關Atcoder 的介紹-1 漲分規則

AtCoder 的 Rating 計算系統基于改進的 Elo 算法&#xff0c;主要包含以下核心機制&#xff1a; 一、基礎計算公式 Rating 是「表現分(Performance)」的加權平均值減去衰減函數 f ( n ) f(n) f(n)&#xff0c;其中&#xff1a; 新用戶初始 f ( 1 ) 1200 f(1)1200 f(1)120…

設置右鍵打開VSCode

在日常的開發工作中&#xff0c;VSCode 是一款非常受歡迎的代碼編輯器。為了更加便捷地使用它&#xff0c;我們可以將 VSCode 添加到右鍵菜單中&#xff0c;這樣只需右鍵點擊文件或文件夾&#xff0c;就能快速用 VSCode 打開&#xff0c;極大地提高工作效率。下面我就來介紹一下…

python密碼學之密鑰HSM硬件抽象層(HAL)

目錄 摘要1. 項目背景與總體架構1.1 HSM 與 HAL 的必要性1.2 本項目目標1.3 模塊化設計2. 自研輕量對稱加密算法 SSC(SimpleSecureCipher)2.1 算法原理2.2 輪密鑰擴展3. HAL 接口與安全內存模擬3.1 HAL 接口定義3.2 安全內存 SecureMemory4. PyQt6 GUI 設計與功能模塊4.1 界面…

機器學習分類模型性能評估:應對類別不平衡的策略與指標

在機器學習的世界里&#xff0c;模型們就像一群努力破案的偵探&#xff0c;而數據就是它們的“犯罪現場”。今天&#xff0c;咱們的主角——一個自命不凡的分類模型&#xff0c;接到了一個看似簡單的任務&#xff1a;揪出那些患有罕見疾病的患者。這聽起來是不是很容易&#xf…

vue3代碼規范管理;基于vite和vue3、 eslint、prettier、stylelint、husky規范;git觸發eslint校驗

前言 為提高前端代碼格式化和規范開發。主要使用eslint、prettier、husky完成對git提交commit信息校驗和代碼eslint格式化校驗&#xff0c;不符合要求的代碼&#xff0c;提交不到倉庫。 參考鏈接1 參考鏈接2 文章目錄 前言一、效果圖1.git提交觸發eslint規范校驗2.版本與分支名…

GCC 內建函數匯編展開詳解

1. 引言 GNU 編譯器集合&#xff08;GCC&#xff09;是廣泛使用的開源編譯器套件&#xff0c;支持多種編程語言&#xff0c;其中 C 語言編譯器是其核心組件之一。在 C 語言編譯過程中&#xff0c;GCC 不僅處理用戶編寫的標準 C 代碼&#xff0c;還提供了一類特殊的函數——內建…

uniapp利用生命周期函數實現后臺常駐示例

在 Uniapp 中&#xff0c;利用生命周期函數實現“后臺常駐”主要是通過監聽應用的前后臺狀態變化&#xff08; onHide 和 onShow &#xff09;&#xff0c;并結合 定時器、后臺任務或狀態保持邏輯 來實現。但需注意&#xff1a; 純前端 JS 代碼無法突破系統對后臺應用的限制&am…

layui時間范圍

//時間范圍String time_range para.getString("time_range", "");if (!StrUtil.isEmpty(time_range)) {String dateArr[] time_range.split("-");if (dateArr.length 2) {para.put("start_date", dateArr[0].trim().replace("…

入門版 鴻蒙 組件導航 (Navigation)

入門版 鴻蒙 組件導航 (Navigation) 注意&#xff1a;使用 DevEco Studio 運行本案例&#xff0c;要使用模擬器&#xff0c;千萬不要用預覽器&#xff0c;預覽器看看 Navigation 布局還是可以的 效果&#xff1a;點擊首頁&#xff08;Index&#xff09;跳轉到頁面&#xff08…

VUE3:封裝一個評論回復組件

之前用React封裝的評論回復組件&#xff0c;里面有三個主要部分&#xff1a;CommentComponent作為主組件&#xff0c;CommentItem處理單個評論項&#xff0c;CommentInput負責輸入框。現在需要將這些轉換為Vue3的組件。 Vue3和React在狀態管理上有所不同&#xff0c;Vue3使用r…

制作一款打飛機游戲27:精靈編輯器UI

繼續開發我們的編輯器——Sprit Edit。我們已經創建了這個小編輯器&#xff0c;它可以顯示很多精靈&#xff08;sprites&#xff09;&#xff0c;并且我們可以遍歷所有精靈。這真的很棒&#xff0c;我們可以創建新的精靈&#xff0c;這也不錯。但是&#xff0c;唉&#xff0c;我…

k8s(9) — zookeeper集群部署(親和性、污點與容忍測試)

一、部署思路 1、前期設想 zookeeper集群至少需要運行3個pod集群才能夠正常運行&#xff0c;考慮到節點會有故障的風險這個3個pod最好分別運行在&#xff13;個不同的節點上(為了實現這一需要用到親和性和反親和性概念)&#xff0c;在部署的時候對zookeeper運行的pod打標簽加…

WXT+Vue3+sass+antd+vite搭建項目開發chrome插件

WXTVue3sassantdvite搭建項目開發chrome插件 前言一、初始化項目二、項目配置調整三、options頁面配置四、集成antd五、集成sass六、環境配置七、代碼注入 vue3&#xff1a;https://cn.vuejs.org/ axios&#xff1a;https://www.axios-http.cn/docs/api_intro antd&#xff1a;…

JSAPI2.4——正則表達式

一、語法 const str 一二三四五六七八九十 //判斷內容 const reg /二/ //判斷條件 console.log(reg.test(str)); //檢查 二、test與exec方法的區別 test方法&#xff1a;用于判斷是否符合規則的字符串&#xff0c;返回值是布爾值 exec方法&…

燃氣用戶檢修工考試精選題

燃氣用戶檢修工考試精選題&#xff1a; 我國國家標準規定民用天然氣中硫化氫含量最高允許濃度是&#xff08; &#xff09;。 A. 20mg/m B. 15mg/m C. 5mg/m D. 50mg/m 答案&#xff1a;A 城市燃氣應具有可以察覺的臭味&#xff0c;當無毒燃氣泄漏到空氣中&#xff0c;達到爆炸…

【前端】1h 搞定 TypeScript 教程_只說重點

不定期更新&#xff0c;建議關注收藏點贊。 目錄 簡介使用基本類型、類型推斷和類型注解接口、類型別名、聯合類型類與繼承泛型GenericsReact 與 TS 進階高級類型裝飾器Decorators模塊系統TypeScript 編譯選項 簡介 TypeScript&#xff08;簡稱 TS&#xff09;是一種由微軟開發…

MyBatis 參數綁定

一、MyBatis 參數綁定機制 1.1 核心概念 當 Mapper 接口方法接收多個參數時&#xff0c;MyBatis 提供三種參數綁定方式&#xff1a; 默認參數名&#xff1a;arg0、arg1&#xff08;Java 8&#xff09;或 param1、param2Param 注解&#xff1a;顯式指定參數名稱POJO/DTO 對象…

【解決方案】Linux解決CUDA安裝過程中GCC版本不兼容

Linux解決CUDA安裝過程中GCC版本不兼容 目錄 問題描述 解決方法 安裝后配置 問題描述 Linux環境下安裝 CUDA 時&#xff0c;運行sudo sh cuda_10.2.89_440.33.01_linux.run命令出現 “Failed to verify gcc version.” 的報錯&#xff0c;提示 GCC 版本不兼容&#xff0c;查…

人工智能數學基礎(一):人工智能與數學

在人工智能領域&#xff0c;數學是不可或缺的基石。無論是算法的設計、模型的訓練還是結果的評估&#xff0c;都離不開數學的支持。接下來&#xff0c;我將帶大家深入了解人工智能數學基礎&#xff0c;包括微積分、線性代數、概率論、數理統計和最優化理論&#xff0c;并通過 P…

Shell腳本-嵌套循環應用案例

在Shell腳本編程中&#xff0c;嵌套循環是一種強大的工具&#xff0c;可以用于處理復雜的任務和數據結構。通過在一個循環內部再嵌套另一個循環&#xff0c;我們可以實現對多維數組、矩陣操作、文件處理等多種高級功能。本文將通過幾個實際的應用案例來展示如何使用嵌套循環解決…