修改展示为图片

controllers/about.go

@@ -22,7 +22,6 @@ func (a *AboutController) Get() {
 	for _, v := range exams {
 		success = append(success, v.Url)
 	}
-
 	a.Data["example"] = success
 	a.TplName = "about.html"
 }

controllers/index.go

@@ -3,7 +3,6 @@ package controllers
 import (
 	"cc-officialweb/service"
 	beego "github.com/beego/beego/v2/server/web"
-	"log"
 )
 
 type MainController struct {
@@ -44,7 +43,6 @@ func (c *MainController) Get() {
 	if links != nil {
 		c.Data["Links"] = links
 	}
-	log.Printf("links:%v", links)
 	c.Data["honor"] = honor
 	c.Data["banner"] = banner
 	c.Data["example"] = success

controllers/product.go

@@ -4,6 +4,7 @@ import (
 	"cc-officialweb/models"
 	"cc-officialweb/service"
 	"cc-officialweb/unity"
+	"cc-officialweb/utils"
 	"encoding/json"
 	beego "github.com/beego/beego/v2/server/web"
 	"github.com/go-playground/validator/v10"
@@ -113,20 +114,20 @@ func (s *ProductController) UpdateProductById() {
 		s.ServeJSON()
 		return
 	}
-	product.Title = productDto.Title                             //标题
-	product.Synopsis = productDto.Synopsis                       //简介
-	product.Detail = productDto.Detail                           //详情
-	product.Type = productDto.Type                               //类型 1.产品 2.服务
-	product.Ptype = productDto.Ptype                             //产品类型	软件 硬件
-	product.IsIndex = productDto.IsIndex                         //是否首页显示
-	product.Url = productDto.Url                                 //图片链接
-	product.ProductIntroduction = productDto.ProductIntroduction //产品介绍
-	product.TechnicalParameters = productDto.TechnicalParameters //技术参数
-	product.Instructions = productDto.Instructions               //使用说明
-	product.SupportingSoftware = productDto.SupportingSoftware   //配套软件
-	product.OptionalAccessories = productDto.OptionalAccessories //可选配件
-	product.IsActive = productDto.IsActive
-	_, err = unity.UpdateById(productDto.ID, &product)
+	product.Title = &productDto.Title                             //标题
+	product.Synopsis = &productDto.Synopsis                       //简介
+	product.Detail = &productDto.Detail                           //详情
+	product.Type = &productDto.Type                               //类型 1.产品 2.服务
+	product.Ptype = &productDto.Ptype                             //产品类型	软件 硬件
+	product.IsIndex = &productDto.IsIndex                         //是否首页显示
+	product.Url = &productDto.Url                                 //图片链接
+	product.ProductIntroduction = &productDto.ProductIntroduction //产品介绍
+	product.TechnicalParameters = &productDto.TechnicalParameters //技术参数
+	product.Instructions = &productDto.Instructions               //使用说明
+	product.SupportingSoftware = &productDto.SupportingSoftware   //配套软件
+	product.OptionalAccessories = &productDto.OptionalAccessories //可选配件
+	product.IsActive = &productDto.IsActive
+	_, err = unity.UpdateById(productDto.ID, product)
 	if err != nil {
 		s.Data["json"] = &JSON{Code: 102, Msg: err.Error()}
 		s.ServeJSON()
@@ -137,6 +138,27 @@ func (s *ProductController) UpdateProductById() {
 	}
 }
 
+// UpdateIsIndex 根据id修改状态
+func (s *ProductController) UpdateIsIndex() {
+	var productDto models.ProductDto
+	var product models.Products
+	err := json.Unmarshal(s.Ctx.Input.RequestBody, &productDto)
+	if err != nil {
+		s.Data["json"] = &JSON{Code: 101, Msg: "json解析失败"}
+		s.ServeJSON()
+		return
+	}
+	tx := utils.DB.Model(&product).Where("id = ?", productDto.ID).Update("is_index", productDto.IsIndex)
+	if tx.RowsAffected > 0 {
+		s.Data["json"] = &JSON{Code: 200, Msg: "修改成功"}
+		s.ServeJSON()
+		return
+	} else {
+		s.Data["json"] = &JSON{Code: 102, Msg: "修改失败"}
+		s.ServeJSON()
+	}
+}
+
 // GetProduct 根据id获取产品信息
 func (s *ProductController) GetProduct() {
 	getString := s.GetString("id")

controllers/services.go

@@ -1,6 +1,7 @@
 package controllers
 
 import (
+	"cc-officialweb/models"
 	"cc-officialweb/service"
 	beego "github.com/beego/beego/v2/server/web"
 	"strconv"
@@ -21,9 +22,17 @@ func (s *ServicesController) Get() {
 	for _, v := range exams {
 		success = append(success, v.Url)
 	}
+	var serve models.Products
+	var getService []models.Server
+	if atoi == 0 {
+		serve = service.GetServices()
+		getService = service.GetService(int(serve.ID))
+	} else {
+		serve = service.GetServicesByID(atoi)
+		getService = service.GetService(atoi)
+	}
 	serves := service.GetIndexProductServe("serve")
-	serve := service.GetServicesByID(atoi)
-	getService := service.GetService(atoi)
+	//getService = service.GetService(atoi)
 	s.Data["GetService"] = getService
 	s.Data["Serve"] = serve
 	s.Data["Serves"] = serves

models/Content.go

@@ -2,20 +2,19 @@ package models
 
 import (
 	"gorm.io/gorm"
-	"html/template"
 )
 
 type Content struct {
 	gorm.Model
-	Title    string        `json:"title"`
-	Detail   template.HTML `json:"detail"`
-	Synopsis string        `json:"synopsis"`
-	Types    string        `json:"types"`
+	Title    string `json:"title"`
+	Detail   string `json:"detail"`
+	Synopsis string `json:"synopsis"`
+	Types    string `json:"types"`
 }
 type ContentDto struct {
-	ID       uint          `json:"id"`
-	Title    string        `json:"title"`
-	Detail   template.HTML `json:"detail"`
-	Synopsis string        `json:"synopsis"`
-	Types    string        `json:"types"`
+	ID       uint   `json:"id"`
+	Title    string `json:"title"`
+	Detail   string `json:"detail"`
+	Synopsis string `json:"synopsis"`
+	Types    string `json:"types"`
 }

models/products.go

@@ -8,34 +8,34 @@ import (
 // Products Server Products 产品
 type Products struct {
 	gorm.Model
-	Title               string        `json:"title"`                                          //标题
-	Synopsis            template.HTML `json:"synopsis"`                                       //简介
-	Detail              template.HTML `json:"detail"`                                         //详情
-	Type                string        `json:"type"`                                           //类型 1.产品 2.服务
-	Ptype               string        `json:"ptype"`                                          //产品类型	软件 硬件
-	IsIndex             bool          `json:"isIndex"`                                        //是否首页显示
-	Url                 string        `json:"url"`                                            //图片链接
-	ProductIntroduction template.HTML `json:"product_introduction"`                           //产品介绍
-	TechnicalParameters template.HTML `json:"technical_parameters"`                           //技术参数
-	Instructions        template.HTML `json:"instructions"`                                   //使用说明
-	SupportingSoftware  string        `json:"supporting_software" `                           //配套软件
-	OptionalAccessories string        `json:"optional_accessories" gorm:"comment:'可选配件'"` //可选配件
-	IsActive            bool          `json:"is_active" gorm:"comment:'是否激活'"`            //是否激活
-	ParentId            int           `gorm:"comment:'父级id'" json:"parentId"`
+	Title               *string        `json:"title"`                                      //标题
+	Synopsis            *template.HTML `json:"synopsis"`                                   //简介
+	Detail              *string        `json:"detail"`                                     //详情
+	Type                *string        `json:"type"`                                       //类型 1.产品 2.服务
+	Ptype               *string        `json:"ptype"`                                      //产品类型	软件 硬件
+	IsIndex             *bool          `json:"isIndex"`                                    //是否首页显示
+	Url                 *string        `json:"url"`                                        //图片链接
+	ProductIntroduction *template.HTML `json:"product_introduction"`                       //产品介绍
+	TechnicalParameters *template.HTML `json:"technical_parameters"`                       //技术参数
+	Instructions        *template.HTML `json:"instructions"`                               //使用说明
+	SupportingSoftware  *string        `json:"supporting_software" `                       //配套软件
+	OptionalAccessories *string        `json:"optional_accessories" gorm:"comment:'可选配件'"` //可选配件
+	IsActive            *bool          `json:"is_active" gorm:"comment:'是否激活'"`            //是否激活
+	ParentId            *int           `gorm:"comment:'父级id'" json:"parentId"`
 }
 type ProductDto struct {
 	ID                  uint          `json:"id"`
-	Title               string        `json:"title"`                                          //标题
-	Synopsis            template.HTML `json:"synopsis"`                                       //简介
-	Detail              template.HTML `json:"detail"`                                         //详情
-	Type                string        `json:"type"`                                           //类型 1.产品 2.服务
-	Ptype               string        `json:"ptype"`                                          //产品类型	软件 硬件
-	IsIndex             bool          `json:"isIndex"`                                        //是否首页显示
-	Url                 string        `json:"url"`                                            //图片链接
-	ProductIntroduction template.HTML `json:"product_introduction"`                           //产品介绍
-	TechnicalParameters template.HTML `json:"technical_parameters"`                           //技术参数
-	Instructions        template.HTML `json:"instructions"`                                   //使用说明
-	SupportingSoftware  string        `json:"supporting_software" `                           //配套软件
+	Title               string        `json:"title"`                                      //标题
+	Synopsis            template.HTML `json:"synopsis"`                                   //简介
+	Detail              string        `json:"detail"`                                     //详情
+	Type                string        `json:"type"`                                       //类型 1.产品 2.服务
+	Ptype               string        `json:"ptype"`                                      //产品类型	软件 硬件
+	IsIndex             bool          `json:"isIndex"`                                    //是否首页显示
+	Url                 string        `json:"url"`                                        //图片链接
+	ProductIntroduction template.HTML `json:"product_introduction"`                       //产品介绍
+	TechnicalParameters template.HTML `json:"technical_parameters"`                       //技术参数
+	Instructions        template.HTML `json:"instructions"`                               //使用说明
+	SupportingSoftware  string        `json:"supporting_software" `                       //配套软件
 	OptionalAccessories string        `json:"optional_accessories" gorm:"comment:'可选配件'"` //可选配件
 	IsActive            bool          `json:"is_active"`
 }

models/serve.go

@@ -2,22 +2,21 @@ package models
 
 import (
 	"gorm.io/gorm"
-	"html/template"
 )
 
 type Server struct {
 	gorm.Model
-	Title     string        `json:"title" gorm:"comment:'标题'"`
-	Synopsis  template.HTML `json:"synopsis" gorm:"comment:'简介'"`     //简介
-	Detail    template.HTML `json:"detail" gorm:"comment:'详情'"`       //详情
-	ProductId uint          `json:"product_id" gorm:"comment:'产品ID'"` //产品id
-	Image     string        `json:"image" gorm:"comment:'图片链接'"`
+	Title     string `json:"title" gorm:"comment:'标题'"`
+	Synopsis  string `json:"synopsis" gorm:"comment:'简介'"`     //简介
+	Detail    string `json:"detail" gorm:"comment:'详情'"`       //详情
+	ProductId uint   `json:"product_id" gorm:"comment:'产品ID'"` //产品id
+	Image     string `json:"image" gorm:"comment:'图片链接'"`
 }
 type ServerDto struct {
-	ID        uint          `json:"id"`
-	Title     string        `json:"title" validate:"required"`
-	Synopsis  template.HTML `json:"synopsis" validate:"required"`   //简介
-	Detail    template.HTML `json:"detail" validate:"required"`     //详情
-	ProductId uint          `json:"product_id" validate:"required"` //产品id
-	Image     string        `json:"image" validate:"required"`
+	ID        uint   `json:"id"`
+	Title     string `json:"title" validate:"required"`
+	Synopsis  string `json:"synopsis" validate:"required"`   //简介
+	Detail    string `json:"detail" validate:"required"`     //详情
+	ProductId uint   `json:"product_id" validate:"required"` //产品id
+	Image     string `json:"image" validate:"required"`
 }

routers/router.go

@@ -50,6 +50,7 @@ func init() {
 	beego.Router("/api/productAll", &controllers.ProductController{}, "post:GetAllProduct")
 	beego.Router("/api/product", &controllers.ProductController{}, "put:UpdateProductById")
 	beego.Router("/api/product", &controllers.ProductController{}, "get:GetProduct")
+	beego.Router("/api/productisindex", &controllers.ProductController{}, "put:UpdateIsIndex")
 	//服务管理
 	beego.Router("/api/service", &controllers.ServicesDetailController{}, "post:AddServices")
 	beego.Router("/api/service", &controllers.ServicesDetailController{}, "put:UpdateServices")

service/product.go

@@ -37,19 +37,19 @@ func GetProductDetail(id int) models.Products {
 // AddProduct 添加产品
 func AddProduct(product models.ProductDto) bool {
 	products := models.Products{
-		Title:               product.Title,
-		Synopsis:            product.Synopsis,
-		Detail:              product.Detail,
-		Type:                product.Type,
-		Ptype:               product.Ptype,
-		IsIndex:             product.IsIndex,
-		Url:                 product.Url,
-		ProductIntroduction: product.ProductIntroduction,
-		TechnicalParameters: product.TechnicalParameters,
-		Instructions:        product.Instructions,
-		SupportingSoftware:  product.SupportingSoftware,
-		OptionalAccessories: product.OptionalAccessories,
-		IsActive:            product.IsActive,
+		Title:               &product.Title,
+		Synopsis:            &product.Synopsis,
+		Detail:              &product.Detail,
+		Type:                &product.Type,
+		Ptype:               &product.Ptype,
+		IsIndex:             &product.IsIndex,
+		Url:                 &product.Url,
+		ProductIntroduction: &product.ProductIntroduction,
+		TechnicalParameters: &product.TechnicalParameters,
+		Instructions:        &product.Instructions,
+		SupportingSoftware:  &product.SupportingSoftware,
+		OptionalAccessories: &product.OptionalAccessories,
+		IsActive:            &product.IsActive,
 	}
 	tx := utils.DB.Create(&products)
 	if tx.RowsAffected > 0 {

service/services.go

@@ -15,6 +15,15 @@ func GetServicesByID(id int) models.Products {
 	return products
 }
 
+func GetServices() models.Products {
+	var products models.Products
+	tx := utils.DB.Where("type=?", "serve").First(&products)
+	if tx.Error != nil {
+		return products
+	}
+	return products
+}
+
 // GetService 根据id获得内层服务
 func GetService(productId int) []models.Server {
 	var services []models.Server

static/css/style.css

@@ -1472,7 +1472,7 @@ p.help-block li {
   right: -100%; /* 初始位置完全在左侧 */
   width: 33.33%;
   height: 100%;
-  background-image: url('/image/bef781d2-5ae6-48ea-82fc-08365f78234e.png');
+  background-image: url('/image/blockchain-3448502_1280.png');
   background-size: cover;
   background-repeat: no-repeat;
   animation: slideIn 2s forwards;
@@ -1649,17 +1649,19 @@ p.help-block li {
 .footer-links {
   background-color: #f9f9f9;
   padding: 2rem;
-  border-radius: 8px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  border-radius: 16px; /* 增加圆角大小以显得更加友好 */
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1); /* 加深阴影，提高层次感 */
   margin-bottom: 4rem;
+  font-family: Arial, sans-serif; /* 设置统一的字体以保证良好的阅读体验 */
 }
 
 .footer-links h3 {
   color: #333;
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
   text-transform: uppercase;
-  letter-spacing: 1px;
+  letter-spacing: 1.5px;
   font-size: 1.2rem;
+  font-weight: 700; /* 增强标题的重量感 */
 }
 
 .link-list {
@@ -1671,32 +1673,62 @@ p.help-block li {
 }
 
 .link-list li {
-  margin-bottom: 1rem;
+  margin-bottom: 1.2rem;
 }
 
 .link-list a {
+  display: inline-block; /* 保证链接块级元素表现一致 */
+  padding: 0.5rem 1rem; /* 添加内边距，提高点击区域 */
   color: #333;
   text-decoration: none;
-  transition: color 0.3s ease;
+  transition: color 0.3s ease, background-color 0.3s ease; /* 添加背景过渡效果 */
+  border-radius: 8px; /* 给链接添加圆角 */
 }
 
 .link-list a:hover,
 .link-list a:focus {
-  color: #007bff; /* 或选择适合您网站风格的主题色 */
+  color: #fff; /* 改为白色以对比主题色 */
+  background-color: #007bff; /* 使用鲜艳的主题色 */
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 鼠标悬停时增加轻微阴影 */
 }
 
+/* 小屏幕优化 */
 @media (max-width: 768px) {
   .link-list {
     justify-content: flex-start;
   }
   .link-list li {
-    margin-bottom: 0.5rem;
-    width: 50%; /* 在小屏幕上每行两个链接 */
+    margin-bottom: 0.75rem;
+    width: calc(50% - 1rem); /* 考虑间距，避免换行时错位 */
   }
 }
 
+/* 更小屏幕优化 */
 @media (max-width: 480px) {
   .link-list li {
-    width: 100%; /* 在更小的屏幕上每行一个链接 */
+    width: 100%;
+    margin-bottom: 1rem;
   }
+}
+
+
+#services .fullscreen-image {
+  position: relative;
+  width: 100%;
+  height: 100vh; /* 设置高度为视口高度 */
+  overflow: hidden;
+}
+
+#services .fullscreen-image p {
+  margin: 0; /* 移除默认的段落外边距 */
+}
+
+#services .fullscreen-image img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-width: 100%; /* 至少100%宽度 */
+  min-height: 100%; /* 至少100%高度 */
+  transform: translate(-50%, -50%);
+  object-fit: cover; /* 保持图片原始比例的同时填满容器 */
 }

views/about.html

@@ -50,7 +50,7 @@
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">
@@ -77,9 +77,18 @@ Page Banner Section
             </div>
         </section><!-- #Page Banner -->
 
-        <main id="main" style="display: flex; justify-content: center; align-items: center;">
-            <div>{{.content.Detail}}</div>
-
+        <main id="main" style="display: flex; justify-content: center; align-items: center; margin-top: 10px">
+<!--            <div>{{.content.Detail}}</div>-->
+            <section id="services">
+                <div class="container-fluid">
+                    <div style="text-align: center;">
+                        <p>
+                            <img src="{{.content.Detail}}" alt="img" data-href=""
+                                 style="max-width: 100%; height: auto; display: block; margin: 0 auto;" />
+                        </p>
+                    </div>
+                </div>
+            </section>
         </main>
         <section id="clients" class="wow fadeInUp">
             <div class="container">

views/admin/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/assets/favicon.af4a0651.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>知否在线课堂</title>
-    <script type="module" crossorigin src="/assets/index.bd597004.js"></script>
+    <script type="module" crossorigin src="/assets/index.cc5eefde.js"></script>
     <link rel="stylesheet" href="/assets/index.e56c5496.css">
   </head>
   <body>

views/contact.html

@@ -51,7 +51,7 @@
                 <dd><a href="/news?types=industry">行业新闻</a></dd>
               </dl>
             </li>
-            <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+            <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
             <li class="layui-nav-item">
               <a href="/product?ptype=hardware">产品介绍</a>
               <dl class="layui-nav-child">

views/index.html

@@ -1,300 +1,302 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>宝智达冷链官网</title>
-    <meta content="width=device-width, initial-scale=1.0" name="viewport">
-    <meta content="" name="keywords">
-    <meta content="" name="description">
-    <meta content="Author" name="WebThemez">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
-    <!-- Favicons -->
-    <link href="../static/img/favicon.png" rel="icon">
-    <link href="../static/img/apple-touch-icon.png" rel="apple-touch-icon">
-    <link href="/static/layui/css/layui.css" rel="stylesheet">
-    <!--字体 -->
-    <link
+    <head>
+        <meta charset="utf-8">
+        <title>宝智达冷链官网</title>
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
+        <meta content="" name="keywords">
+        <meta content="" name="description">
+        <meta content="Author" name="WebThemez">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <!-- Favicons -->
+        <link href="../static/img/favicon.png" rel="icon">
+        <link href="../static/img/apple-touch-icon.png" rel="apple-touch-icon">
+        <link href="/static/layui/css/layui.css" rel="stylesheet">
+        <!--字体 -->
+        <link
             href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
             rel="stylesheet">
-    <!-- Bootstrap CSS File -->
-    <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-    <!-- Libraries CSS Files -->
-    <link href="../static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="../static/lib/animate/animate.min.css" rel="stylesheet">
-    <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
-    <link href="../static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
-    <link href="../static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
-    <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
-    <!-- Main Stylesheet File -->
-    <link href="../static/css/style.css" rel="stylesheet">
-</head>
-<body id="body">
-<header id="header">
-    <div class="container">
-        <div id="logo" class="pull-left">
-            <img src="../static/img/favicon.png" alt="Logo" class="logo-image"/>
-            <h1><a href="/" class="scrollto"><span>宝</span>智达冷链</a></h1>
-        </div>
-        <!-- 新增电话号码部分 -->
-        <!--<div id="phone-number" class="pull-right">-->
-        <!--    <i class="fa fa-phone-square" aria-hidden="true"></i> 电话: +86-123-4567-890-->
-        <!--</div>-->
-        <nav id="nav-menu-container">
-            <ul class="layui-nav layui-bg-gray">
-                <li class="layui-nav-item"><a href="/">首页</a></li>
-                <li class="layui-nav-item"><a href="/about">关于我们</a></li>
-                <li class="layui-nav-item">
-                    <a href="/news?types=industry">新闻</a>
-                    <dl class="layui-nav-child">
-                        <dd><a href="/news?types=firm">公司新闻</a></dd>
-                        <dd><a href="/news?types=industry">行业新闻</a></dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
-                <li class="layui-nav-item">
-                    <a href="/product?ptype=hardware">产品介绍</a>
-                    <dl class="layui-nav-child">
-                        <dd><a href="/product?ptype=software">软件</a></dd>
-                        <dd><a href="/product?ptype=hardware">硬件</a></dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item"><a href="/recruit">全国代理招募</a></li>
-                <li class="layui-nav-item"><a href="/contact">联系我们</a></li>
-            </ul>
-        </nav>
-    </div>
-</header>
+        <!-- Bootstrap CSS File -->
+        <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+        <!-- Libraries CSS Files -->
+        <link href="../static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+        <link href="../static/lib/animate/animate.min.css" rel="stylesheet">
+        <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
+        <link href="../static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
+        <link href="../static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
+        <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
+        <!-- Main Stylesheet File -->
+        <link href="../static/css/style.css" rel="stylesheet">
+    </head>
+    <body id="body">
+        <header id="header">
+            <div class="container">
+                <div id="logo" class="pull-left">
+                    <img src="../static/img/favicon.png" alt="Logo" class="logo-image"/>
+                    <h1><a href="/" class="scrollto"><span>宝</span>智达冷链</a></h1>
+                </div>
+                <!-- 新增电话号码部分 -->
+                <!--<div id="phone-number" class="pull-right">-->
+                <!--    <i class="fa fa-phone-square" aria-hidden="true"></i> 电话: +86-123-4567-890-->
+                <!--</div>-->
+                <nav id="nav-menu-container">
+                    <ul class="layui-nav layui-bg-gray">
+                        <li class="layui-nav-item"><a href="/">首页</a></li>
+                        <li class="layui-nav-item"><a href="/about">关于我们</a></li>
+                        <li class="layui-nav-item">
+                            <a href="/news?types=industry">新闻</a>
+                            <dl class="layui-nav-child">
+                                <dd><a href="/news?types=firm">公司新闻</a></dd>
+                                <dd><a href="/news?types=industry">行业新闻</a></dd>
+                            </dl>
+                        </li>
+                        <li class="layui-nav-item"><a href="/services">服务介绍</a></li>
+                        <li class="layui-nav-item">
+                            <a href="/product?ptype=hardware">产品介绍</a>
+                            <dl class="layui-nav-child">
+                                <dd><a href="/product?ptype=software">软件</a></dd>
+                                <dd><a href="/product?ptype=hardware">硬件</a></dd>
+                            </dl>
+                        </li>
+                        <li class="layui-nav-item"><a href="/recruit">全国代理招募</a></li>
+                        <li class="layui-nav-item"><a href="/contact">联系我们</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </header>
 
-<!--==========================
+        <!--==========================
 banner
-============================-->
-<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
-    <div class="carousel-inner">
-        {{range $index,$item:=.banner}}
-        <!--<div class="float-buttons">-->
-        <!--    <button class="btn btn-outline-primary btn-lg">校准</button>-->
-        <!--    <button class="btn btn-outline-info btn-lg">验证</button>-->
-        <!--</div>-->
-        <div class="carousel-item{{if eq $index 0}} active{{end}}">
-            <img src="{{$item}}" id="carousel-img-height" class="d-block w-100" alt="...">
-        </div>
-        {{end}}
-    </div>
-    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
-            data-bs-slide="prev">
-        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Previous</span>
-    </button>
-    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
-            data-bs-slide="next">
-        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Next</span>
-    </button>
-</div><!-- #intro -->
-
-<main id="main">
-    <!--            <div class="container">-->
-    <!--                <div class="section-header" style="margin-top: 20px;">-->
-    <!--                    <h2>宝智达-全国服务数量</h2>-->
-    <!--                </div>-->
-    <!--                &lt;!&ndash; 数据点列表开始 &ndash;&gt;-->
-    <!--                <div class="row text-center">-->
-    <!--                    &lt;!&ndash; 在这里放置数据点 &ndash;&gt;-->
-    <!--                    <div class="row text-center">-->
-    <!--                        {{range .Datas}}-->
-    <!--                        <div class="col-md-2 mb-5">-->
-    <!--                            <div class="card h-100">-->
-    <!--                                <div class="card-body">-->
-    <!--                                    <h5 class="card-title count-up" data-target="{{.Nums}}">0</h5>-->
-    <!--                                    <p class="card-text">{{.Title}}</p>-->
-    <!--                                </div>-->
-    <!--                            </div>-->
-    <!--                        </div>-->
-    <!--                        {{end}}-->
-    <!--                    </div>-->
-    <!--                </div>-->
-    <!--                &lt;!&ndash; 数据点列表结束 &ndash;&gt;-->
-    <!--            </div>-->
-    <!--==========================
-        服务介绍
-    ============================-->
-    <section id="features" class="features py-5">
-        <div class="container">
-            <div class="section-header text-center mb-5">
-                <h2 class="display-4">服务介绍</h2>
-                <p class="lead">宝智达提供全面的冷链解决方案，包括温湿度监测平台、专用陈列柜等，均拥有自主知识产权。</p>
+        ============================-->
+        <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
+            <div class="carousel-inner">
+                {{range $index,$item:=.banner}}
+                <!--<div class="float-buttons">-->
+                <!--    <button class="btn btn-outline-primary btn-lg">校准</button>-->
+                <!--    <button class="btn btn-outline-info btn-lg">验证</button>-->
+                <!--</div>-->
+                <div class="carousel-item{{if eq $index 0}} active{{end}}">
+                    <img src="{{$item}}" id="carousel-img-height" class="d-block w-100" alt="...">
+                </div>
+                {{end}}
             </div>
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="service-description">
-                        {{range .Serves}}
-                        <div class="service-item mb-4 d-flex" style="background-image: url('{{.Url}}')">
-                            <!--                                    <div class="service-image-container">-->
-                            <!--                                        <img src="{{.Url}}" alt="{{.Title}} 图例" class="img-fluid">-->
-                            <!--                                    </div>-->
-                            <div class="service-info">
-                                <h4><a class="text-decoration-none" href="services/{{.ID}}">{{.Title}}</a></h4>
-                                <p class="text-muted">{{.Synopsis}}</p>
+            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
+                    data-bs-slide="prev">
+                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                <span class="visually-hidden">Previous</span>
+            </button>
+            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
+                    data-bs-slide="next">
+                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                <span class="visually-hidden">Next</span>
+            </button>
+        </div><!-- #intro -->
+
+        <main id="main">
+            <!--                <div class="container">-->
+            <!--                    <div class="section-header" style="margin-top: 20px;">-->
+            <!--                        <h2>宝智达-全国服务数量</h2>-->
+            <!--                    </div>-->
+            <!--                    &lt;!&ndash; 数据点列表开始 &ndash;&gt;-->
+            <!--                    <div class="row text-center">-->
+            <!--                        &lt;!&ndash; 在这里放置数据点 &ndash;&gt;-->
+            <!--                        <div class="row text-center">-->
+            <!--                            {{range .Datas}}-->
+            <!--                            <div class="col-md-2 mb-5">-->
+            <!--                                <div class="card h-100">-->
+            <!--                                    <div class="card-body">-->
+            <!--                                        <h5 class="card-title count-up" data-target="{{.Nums}}">0</h5>-->
+            <!--                                        <p class="card-text">{{.Title}}</p>-->
+            <!--                                    </div>-->
+            <!--                                </div>-->
+            <!--                            </div>-->
+            <!--                            {{end}}-->
+            <!--                        </div>-->
+            <!--                    </div>-->
+            <!--                    &lt;!&ndash; 数据点列表结束 &ndash;&gt;-->
+            <!--                </div>-->
+            <!--==========================
+服务介绍
+            ============================-->
+            <section id="features" class="features py-5">
+                <div class="container">
+                    <div class="section-header text-center mb-5">
+                        <h2 class="display-4">服务介绍</h2>
+                        <p class="lead">宝智达提供全面的冷链解决方案，包括温湿度监测平台、专用陈列柜等，均拥有自主知识产权。</p>
+                    </div>
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <div class="service-description">
+                                {{range .Serves}}
+                                <div class="service-item mb-4 d-flex" style="background-image: url('{{.Url}}')">
+                                    <!--                                    <div class="service-image-container">-->
+                                    <!--                                        <img src="{{.Url}}" alt="{{.Title}} 图例" class="img-fluid">-->
+                                    <!--                                    </div>-->
+                                    <div class="service-info">
+                                        <h4><a class="text-decoration-none" href="services/{{.ID}}">{{.Title}}</a></h4>
+                                        <p class="text-muted">{{.Synopsis}}</p>
+                                    </div>
+                                </div>
+                                {{end}}
                             </div>
                         </div>
-                        {{end}}
                     </div>
-                </div>
-            </div>
-            <div class="text-center mt-5">
-                <a href="/services/1" class="btn btn-primary rounded-pill px-4">深入了解我们的服务</a>
-            </div>
-        </div>
-    </section><!-- End Features Section -->
-    <!--==========================
-        服务&产品
-    ============================-->
-    <section id="services">
-        <div class="container">
-            <div class="section-header">
-                <h2>产品介绍</h2>
-                <p>专业一流的硬件、软件工程师最新设计理念与实现</p>
-            </div>
-            <div class="row">
-                {{range .Products}}
-                <div class="col-lg-4">
-                    <div class="box wow fadeInLeft">
-                        <div class="icon svgImg"><img src="{{.Url}}" alt=""></div>
-                        <h4 class="title"><a href="product/{{.ID}}">{{.Title}}</a></h4>
-                        <p class="description">{{.Synopsis}}</p>
+                    <div class="text-center mt-5">
+                        <a href="/services/" class="btn btn-primary rounded-pill px-4">深入了解我们的服务</a>
                     </div>
                 </div>
-                {{end}}
-                <div class="text-center mt-5">
-                    <a class="btn btn-primary rounded-pill px-4" href='product?ptype=hardware'>了解更多产品</a>
+            </section><!-- End Features Section -->
+            <!--==========================
+服务&产品
+            ============================-->
+            <section id="services" style="padding: 40px 0;">
+                <div class="container">
+                    <div class="section-header" style="text-align: center;">
+                        <h2 style="color: #333;">产品介绍</h2>
+                        <p style="color: #666;">专业一流的硬件、软件工程师最新设计理念与实现</p>
+                    </div>
+                    <div class="row">
+                        {{range .Products}}
+                        <div class="col-lg-4" style="padding: 20px;">
+                            <div class="box wow fadeInLeft" style="background-color: #fff; border: 1px solid #eee; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: space-between;">
+                                <div class="icon svgImg" style="height: 150px; overflow: hidden;">
+                                    <img src="{{.Url}}" alt="" style="width: 100%; height: 100%; object-fit: contain;">
+                                </div>
+                                <h4 class="title" style="margin-top: 10px;"><a href="product/{{.ID}}" style="color: #333; text-decoration: none;">{{.Title}}</a></h4>
+                                <p class="description" style="color: #666; margin-top: 5px;">{{.Synopsis}}</p>
+                            </div>
+                        </div>
+                        {{end}}
+                        <div class="text-center mt-5">
+                            <a class="btn btn-primary rounded-pill px-4" href='product?ptype=hardware' style="background-color: #007BFF; color: #fff; border: none; padding: 12px 24px; text-transform: uppercase; letter-spacing: 1px;">了解更多产品</a>
+                        </div>
+                    </div>
                 </div>
-            </div>
-        </div>
-    </section><!-- #services -->
+            </section><!-- #services -->
 
-    <!--==========================
+            <!--==========================
 成功案例
-    ============================-->
-    <section id="clients" class="wow fadeInUp">
-        <div class="container">
-            <div class="section-header">
-                <h2>部分合作案例</h2>
-                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
-                <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
-                <!--                    minim illum fore</p>-->
-            </div>
-            <div class="owl-carousel clients-carousel">
-                {{range $index,$exam:=.example}}
-                <img src="{{$exam}}" alt="..." style="max-width: 100%; height: auto">
-                {{end}}
-            </div>
-        </div>
-    </section><!-- #clients -->
-    <!--==========================
-资质荣耀
-    ============================-->
-    <section id="testimonials" class="wow fadeInUp">
-        <div class="container">
-            <div class="section-header">
-                <h2>资质荣耀</h2>
-                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
-                <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
-                <!--                    minim illum fore</p>-->
-            </div>
-            <div class="owl-carousel testimonials-carousel">
-                {{range $index,$honor:=.honor}}
-                <div class="testimonial-item">
-                    <img src="{{$honor}}" alt="..." style="max-width: 100%; height: auto">
+            ============================-->
+            <section id="clients" class="wow fadeInUp">
+                <div class="container">
+                    <div class="section-header">
+                        <h2>部分合作案例</h2>
+                        <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
+                        <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
+                        <!--                    minim illum fore</p>-->
+                    </div>
+                    <div class="owl-carousel clients-carousel">
+                        {{range $index,$exam:=.example}}
+                        <img src="{{$exam}}" alt="..." style="max-width: 100%; height: auto">
+                        {{end}}
+                    </div>
                 </div>
-                {{end}}
-            </div>
+            </section><!-- #clients -->
+            <!--==========================
+资质荣耀
+            ============================-->
+            <section id="testimonials" class="wow fadeInUp">
+                <div class="container">
+                    <div class="section-header">
+                        <h2>资质荣耀</h2>
+                        <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
+                        <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
+                        <!--                    minim illum fore</p>-->
+                    </div>
+                    <div class="owl-carousel testimonials-carousel">
+                        {{range $index,$honor:=.honor}}
+                        <div class="testimonial-item">
+                            <img src="{{$honor}}" alt="..." style="max-width: 100%; height: auto">
+                        </div>
+                        {{end}}
+                    </div>
 
-        </div>
-    </section><!-- #testimonials -->
+                </div>
+            </section><!-- #testimonials -->
 
-    <!--==========================
+            <!--==========================
 Call To Action Section
-    ============================-->
+            ============================-->
 
-    <section id="call-to-action" class="wow fadeInUp">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-9 text-center text-lg-left">
-                    <h3 class="cta-title">获取我们的服务</h3>
-                    <p class="cta-text">
-                        欢迎随时与我们联系！无论您有关于产品的问题，需要技术支持，或是想要探讨合作机会，我们的团队都乐意为您提供帮助</p>
-                </div>
-                <div class="col-lg-3 cta-btn-container text-center">
-                    <a class="cta-btn align-middle" href="/contact">联系我们</a>
-                </div>
-            </div>
+            <!--    <section id="call-to-action" class="wow fadeInUp">-->
+            <!--        <div class="container">-->
+            <!--            <div class="row">-->
+            <!--                <div class="col-lg-9 text-center text-lg-left">-->
+            <!--                    <h3 class="cta-title">获取我们的服务</h3>-->
+            <!--                    <p class="cta-text">-->
+            <!--                        欢迎随时与我们联系！无论您有关于产品的问题，需要技术支持，或是想要探讨合作机会，我们的团队都乐意为您提供帮助</p>-->
+            <!--                </div>-->
+            <!--                <div class="col-lg-3 cta-btn-container text-center">-->
+            <!--                    <a class="cta-btn align-middle" href="/contact">联系我们</a>-->
+            <!--                </div>-->
+            <!--            </div>-->
 
-        </div>
-    </section><!-- #call-to-action -->
+            <!--        </div>-->
+            <!--    </section>&lt;!&ndash; #call-to-action &ndash;&gt;-->
 
-    <!-- 页面其他内容 -->
+            <!-- 页面其他内容 -->
 
-</main>
+        </main>
 
-<!--==========================
+        <!--==========================
 页脚
-============================-->
-<div class="footer-links">
-    <h3>友情链接</h3>
-    <ul class="link-list">
-        {{range .Links}}
-        <li><a href="{{.Url}}">{{.Title}}</a></li>
-        {{end}}
-        <!-- 更多链接... -->
-    </ul>
-</div>
-<footer id="footer">
-    <div class="container">
-        <div class="copyright">
-            © 版权所有 2024 宝智达科技有限公司 <a target="_blank"
-                                                  href="https://beian.miit.gov.cn/">黔ICP备2022006612号</a>
-        </div>
-        <div class="credits">
+        ============================-->
+        <div class="footer-links">
+            <h3>友情链接</h3>
+            <ul class="link-list">
+                {{range .Links}}
+                <li><a href="{{.Url}}">{{.Title}}</a></li>
+                {{end}}
+                <!-- 更多链接... -->
+            </ul>
         </div>
-    </div>
+        <footer id="footer" style="margin-top: -62px">
+            <div class="container">
+                <div class="copyright">
+                    © 版权所有 2024 宝智达科技有限公司 <a target="_blank"
+                                             href="https://beian.miit.gov.cn/">黔ICP备2022006612号</a>
+                </div>
+                <div class="credits">
+                </div>
+            </div>
 
-</footer><!-- #footer -->
+        </footer><!-- #footer -->
 
-<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
+        <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
-<!-- JavaScript  -->
-<script src="../static/lib/jquery/jquery.min.js"></script>
-<script src="../static/lib/jquery/jquery-migrate.min.js"></script>
-<script src="../static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
-<script src="../static/lib/easing/easing.min.js"></script>
-<script src="../static/lib/superfish/hoverIntent.js"></script>
-<script src="../static/lib/superfish/superfish.min.js"></script>
-<script src="../static/lib/wow/wow.min.js"></script>
-<script src="../static/lib/owlcarousel/owl.carousel.min.js"></script>
-<script src="../static/lib/magnific-popup/magnific-popup.min.js"></script>
-<script src="../static/lib/sticky/sticky.js"></script>
-<script src="../static/js/main.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
-<script src="/static/layui/layui.js"></script>
-<script>
-    document.addEventListener('DOMContentLoaded', function () {
-        var countUpElements = document.querySelectorAll('.count-up');
-        countUpElements.forEach(function (element) {
-            var target = parseInt(element.getAttribute('data-target')); // 获取目标数值
-            var start = 0; // 初始值
-            var duration = 2000; // 动画持续时间，单位毫秒
-            var increment = Math.ceil(target / (duration / 16)); // 计算每16ms增加的值
-            var timer = setInterval(function () {
-                start += increment;
-                element.textContent = start; // 更新显示的数值
-                if (start > target) {
-                    clearInterval(timer); // 达到或超过目标值时停止
-                    element.textContent = target;
-                }
-            }, 16); // 每16ms执行一次，大约60帧/秒
-        });
-    });
-</script>
-</body>
+        <!-- JavaScript  -->
+        <script src="../static/lib/jquery/jquery.min.js"></script>
+        <script src="../static/lib/jquery/jquery-migrate.min.js"></script>
+        <script src="../static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
+        <script src="../static/lib/easing/easing.min.js"></script>
+        <script src="../static/lib/superfish/hoverIntent.js"></script>
+        <script src="../static/lib/superfish/superfish.min.js"></script>
+        <script src="../static/lib/wow/wow.min.js"></script>
+        <script src="../static/lib/owlcarousel/owl.carousel.min.js"></script>
+        <script src="../static/lib/magnific-popup/magnific-popup.min.js"></script>
+        <script src="../static/lib/sticky/sticky.js"></script>
+        <script src="../static/js/main.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
+        <script src="/static/layui/layui.js"></script>
+        <script>
+            document.addEventListener('DOMContentLoaded', function () {
+                var countUpElements = document.querySelectorAll('.count-up');
+                countUpElements.forEach(function (element) {
+                    var target = parseInt(element.getAttribute('data-target')); // 获取目标数值
+                    var start = 0; // 初始值
+                    var duration = 2000; // 动画持续时间，单位毫秒
+                    var increment = Math.ceil(target / (duration / 16)); // 计算每16ms增加的值
+                    var timer = setInterval(function () {
+                        start += increment;
+                        element.textContent = start; // 更新显示的数值
+                        if (start > target) {
+                            clearInterval(timer); // 达到或超过目标值时停止
+                            element.textContent = target;
+                        }
+                    }, 16); // 每16ms执行一次，大约60帧/秒
+                });
+            });
+        </script>
+    </body>
 </html>

views/news-detail.html

@@ -51,7 +51,7 @@
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">

views/news.html

@@ -51,7 +51,7 @@ Header
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">

views/product-detail.html

@@ -1,222 +1,262 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>宝智达冷链官网</title>
-    <meta content="width=device-width, initial-scale=1.0" name="viewport">
-    <meta content="" name="keywords">
-    <meta content="" name="description">
-    <meta content="Author" name="WebThemez">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
-    <!-- Favicons -->
-    <link href="/static/img/favicon.png" rel="icon">
-    <link href="/static/img/apple-touch-icon.png" rel="apple-touch-icon">
-    <link href="/static/layui/css/layui.css" rel="stylesheet">
-
-    <!--字体 -->
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
-          rel="stylesheet">
-
-    <!-- Bootstrap CSS File -->
-    <link href="/static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-
-
-    <!-- Libraries CSS Files -->
-    <link href="/static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <link href="/static/lib/animate/animate.min.css" rel="stylesheet">
-    <link href="/static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
-    <link href="/static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
-    <link href="/static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
-    <link href="/static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
-
-    <!-- Main Stylesheet File -->
-    <link href="/static/css/style.css" rel="stylesheet">
-</head>
-
-<body id="body">
-
-<header id="header">
-    <div class="container">
-        <div id="logo" class="pull-left">
-            <img src="/static/img/favicon.png" alt="Logo" class="logo-image"/>
-            <h1><a href="/" class="scrollto"><span>宝</span>智达冷链</a></h1>
-        </div>
-        <nav id="nav-menu-container">
-            <ul class="layui-nav layui-bg-gray">
-                <li class="layui-nav-item"><a href="/">首页</a></li>
-                <li class="layui-nav-item"><a href="/about">关于我们</a></li>
-                <li class="layui-nav-item">
-                    <a href="/news?types=industry">新闻</a>
-                    <dl class="layui-nav-child">
-                        <dd><a href="/news?types=firm">公司新闻</a></dd>
-                        <dd><a href="/news?types=industry">行业新闻</a></dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
-                <li class="layui-nav-item">
-                    <a href="/product?ptype=hardware">产品介绍</a>
-                    <dl class="layui-nav-child">
-                        <dd><a href="/product?ptype=software">软件</a></dd>
-                        <dd><a href="/product?ptype=hardware">硬件</a></dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item"><a href="/recruit">全国代理招募</a></li>
-                <li class="layui-nav-item"><a href="/contact">联系我们</a></li>
-            </ul>
-        </nav>
-    </div>
-</header>
-
-<!--==========================
-banner
-============================-->
-<section id="innerBanner">
-    <div class="inner-content">
-        <h2><span>{{.detail.Title}}</span></h2>
-        <div>
-        </div>
-    </div>
-</section>
-<main id="main">
-    <!--==========================
-服务&产品
-    ============================-->
-    <section id="services">
-        <div class="container">
-            <div class="section-header">
-                <h2>产品详情</h2>
-            </div>
-            <div class="btn-group" role="group" aria-label="Basic outlined example">
-                <button type="button" class="btn btn-outline-primary" id="introduction"
-                        onclick="location.href = '/product/{{.detail.ID}}'">产品介绍
-                </button>
-                <button type="button" class="btn btn-outline-primary" id="parameters"
-                        onclick="location.href = '/product/{{.detail.ID}}/parameters'">技术参数
-                </button>
-                <button type="button" class="btn btn-outline-primary" id="instructions"
-                        onclick="location.href = '/product/{{.detail.ID}}/instructions'">操作说明
-                </button>
-                <button type="button" class="btn btn-outline-primary" id="software"
-                        onclick="location.href = '/product/{{.detail.ID}}/software'">配套软件
-                </button>
-                <button type="button" class="btn btn-outline-primary" id="accessories"
-                        onclick="location.href = '/product/{{.detail.ID}}/accessories'">可选配件
-                </button>
-            </div>
+    <head>
+        <meta charset="utf-8">
+        <title>宝智达冷链官网</title>
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
+        <meta content="" name="keywords">
+        <meta content="" name="description">
+        <meta content="Author" name="WebThemez">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <!-- Favicons -->
+        <link href="/static/img/favicon.png" rel="icon">
+        <link href="/static/img/apple-touch-icon.png" rel="apple-touch-icon">
+        <link href="/static/layui/css/layui.css" rel="stylesheet">
+
+        <!--字体 -->
+        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
+              rel="stylesheet">
+
+        <!-- Bootstrap CSS File -->
+        <link href="/static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
-            <div class="row" style="margin-top: 10px;" id="isShow">
-                <div class="div2 col-6" style="width: 300px;height: auto">
-                    <img src="{{.detail.Url}}"
-                         class="img-fluid" alt="">
+
+        <!-- Libraries CSS Files -->
+        <link href="/static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+        <link href="/static/lib/animate/animate.min.css" rel="stylesheet">
+        <link href="/static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
+        <link href="/static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
+        <link href="/static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
+        <link href="/static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
+
+        <!-- Main Stylesheet File -->
+        <link href="/static/css/style.css" rel="stylesheet">
+    </head>
+
+    <body id="body">
+
+        <header id="header">
+            <div class="container">
+                <div id="logo" class="pull-left">
+                    <img src="/static/img/favicon.png" alt="Logo" class="logo-image"/>
+                    <h1><a href="/" class="scrollto"><span>宝</span>智达冷链</a></h1>
                 </div>
-                <div class="div1 col-6" id="t"></div>
+                <nav id="nav-menu-container">
+                    <ul class="layui-nav layui-bg-gray">
+                        <li class="layui-nav-item"><a href="/">首页</a></li>
+                        <li class="layui-nav-item"><a href="/about">关于我们</a></li>
+                        <li class="layui-nav-item">
+                            <a href="/news?types=industry">新闻</a>
+                            <dl class="layui-nav-child">
+                                <dd><a href="/news?types=firm">公司新闻</a></dd>
+                                <dd><a href="/news?types=industry">行业新闻</a></dd>
+                            </dl>
+                        </li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
+                        <li class="layui-nav-item">
+                            <a href="/product?ptype=hardware">产品介绍</a>
+                            <dl class="layui-nav-child">
+                                <dd><a href="/product?ptype=software">软件</a></dd>
+                                <dd><a href="/product?ptype=hardware">硬件</a></dd>
+                            </dl>
+                        </li>
+                        <li class="layui-nav-item"><a href="/recruit">全国代理招募</a></li>
+                        <li class="layui-nav-item"><a href="/contact">联系我们</a></li>
+                    </ul>
+                </nav>
             </div>
-            <div id="t1" style="width: 100%; margin-top: 10px">
+        </header>
 
+        <!--==========================
+banner
+        ============================-->
+        <section id="innerBanner">
+            <div class="inner-content">
+                <h2><span>{{.detail.Title}}</span></h2>
+                <div>
+                </div>
             </div>
-        </div>
-    </section><!-- #services -->
+        </section>
+        <main id="main">
+            <!--==========================
+服务&产品
+            ============================-->
+<!--            <section id="services">-->
+<!--                <div class="container">-->
+<!--                    <div class="section-header">-->
+<!--                        <h2>产品详情</h2>-->
+<!--                    </div>-->
+<!--                    暂时隐藏技术参数介绍-->
+<!--                    <div class="btn-group" role="group" aria-label="Basic outlined example">-->
+<!--                        <button type="button" class="btn btn-outline-primary" id="introduction"-->
+<!--                                onclick="location.href = '/product/{{.detail.ID}}'">产品介绍-->
+<!--                        </button>-->
+<!--                        <button type="button" class="btn btn-outline-primary" id="parameters"-->
+<!--                                onclick="location.href = '/product/{{.detail.ID}}/parameters'">技术参数-->
+<!--                        </button>-->
+<!--                        <button type="button" class="btn btn-outline-primary" id="instructions"-->
+<!--                                onclick="location.href = '/product/{{.detail.ID}}/instructions'">操作说明-->
+<!--                        </button>-->
+<!--                        <button type="button" class="btn btn-outline-primary" id="software"-->
+<!--                                onclick="location.href = '/product/{{.detail.ID}}/software'">配套软件-->
+<!--                        </button>-->
+<!--                        <button type="button" class="btn btn-outline-primary" id="accessories"-->
+<!--                                onclick="location.href = '/product/{{.detail.ID}}/accessories'">可选配件-->
+<!--                        </button>-->
+<!--                    </div>-->
 
-    <!--==========================
+<!--                    <div class="row" style="margin-top: 10px; display: flex; align-items: center; justify-content: space-around;">-->
+<!--                        <div class="div2 col-6" style="width: 45%; height: auto; border: 2px solid #eaeaea; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 20px; /* 增加内边距 */ display: flex; justify-content: center;">-->
+<!--                            <img src="{{.detail.Url}}" class="img-fluid" alt="" style="max-width: 100%;">-->
+<!--                        </div>-->
+<!--                        <div id="t" class="div1 col-6" style="width: 45%; height: auto; border: 2px solid #eaeaea; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 20px; /* 增加内边距 */ display: flex; flex-direction: column;">-->
+<!--                            &lt;!&ndash; 在这里添加你的内容 &ndash;&gt;-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                    <div id="t1" style="width: 100%; margin-top: 40px; /* 增加上边距 */ text-align: center;">-->
+<!--                        &lt;!&ndash; 在这里添加你的内容 &ndash;&gt;-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--            </section>&lt;!&ndash; #services &ndash;&gt;-->
+            <section id="services">
+                <div class="container-fluid">
+                    <div style="text-align: center;">
+                        <p>
+                            <img src="{{.detail.Detail}}" alt="img" data-href=""
+                                 style="max-width: 100%; height: auto; display: block; margin: 0 auto;" />
+                        </p>
+                    </div>
+                </div>
+            </section>
+            <!--==========================
 Call To Action Section
-    ============================-->
-    <section id="call-to-action" class="wow fadeInUp">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-9 text-center text-lg-left">
-                    <h3 class="cta-title">获取我们的服务</h3>
-                    <p class="cta-text">
-                        欢迎随时与我们联系！无论您有关于产品的问题，需要技术支持，或是想要探讨合作机会，我们的团队都乐意为您提供帮助</p>
+            ============================-->
+            <section id="call-to-action" class="wow fadeInUp">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-9 text-center text-lg-left">
+                            <h3 class="cta-title">获取我们的服务</h3>
+                            <p class="cta-text">
+                                欢迎随时与我们联系！无论您有关于产品的问题，需要技术支持，或是想要探讨合作机会，我们的团队都乐意为您提供帮助</p>
+                        </div>
+                        <div class="col-lg-3 cta-btn-container text-center">
+                            <a class="cta-btn align-middle" href="/contact">联系我们</a>
+                        </div>
+                    </div>
+
+                </div>
+            </section><!-- #call-to-action -->
+
+
+        </main>
+
+        <!--==========================
+页脚
+        ============================-->
+        <footer id="footer">
+            <div class="container">
+                <div class="copyright">
+                    Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
+                                                                              href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                 </div>
-                <div class="col-lg-3 cta-btn-container text-center">
-                    <a class="cta-btn align-middle" href="/contact">联系我们</a>
+                <div class="credits">
                 </div>
             </div>
+        </footer><!-- #footer -->
 
-        </div>
-    </section><!-- #call-to-action -->
+        <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+        <!-- JavaScript  -->
+        <script src="/static/lib/jquery/jquery.min.js"></script>
+        <script src="/static/lib/jquery/jquery-migrate.min.js"></script>
+        <script src="/static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
+        <script src="/static/lib/easing/easing.min.js"></script>
+        <script src="/static/lib/superfish/hoverIntent.js"></script>
+        <script src="/static/lib/superfish/superfish.min.js"></script>
+        <script src="/static/lib/wow/wow.min.js"></script>
+        <script src="/static/lib/owlcarousel/owl.carousel.min.js"></script>
+        <script src="/static/lib/magnific-popup/magnific-popup.min.js"></script>
+        <script src="/static/lib/sticky/sticky.js"></script>
+        <!--<script src="contact/jqBootstrapValidation.js"></script>-->
+        <!--<script src="contact/contact_me.js"></script>-->
+        <script src="/static/js/main.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
+        <script src="/static/layui/layui.js"></script>
 
-</main>
+        <script>
+            window.onload = function () {
+                let s = '{{.detail.Detail}}';
+                let s1 = '{{.detail.ProductIntroduction}}';
+                let s2 = '';
+                let isShow = document.querySelector('#isShow');
+                let url = window.location.href;
+                let prams = url.split('/')[5];
+                let t1 = document.getElementById('t1');
+                console.log(s1);
+                
+                switch (prams) {
+                    case 'parameters':
+                        s1 = '{{.detail.TechnicalParameters}}';
+                        isShow.style.display = 'none';
+                        break;
+                    case 'instructions':
+                        s1 = '{{.detail.Instructions}}';
+                        isShow.style.display = 'none';
+                        break;
+                    case 'software':
+                        s2 = '{{.detail.SupportingSoftware}}';
+                        isShow.style.display = 'none';
+                        // 在这里添加a标签到t1
+                        console.log(s2);
+                        if (t1) {
 
-<!--==========================
-页脚
-============================-->
-<footer id="footer">
-    <div class="container">
-        <div class="copyright">
-            Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
-                                                                      href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
-        </div>
-        <div class="credits">
-        </div>
-    </div>
-</footer><!-- #footer -->
-
-<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
-
-<!-- JavaScript  -->
-<script src="/static/lib/jquery/jquery.min.js"></script>
-<script src="/static/lib/jquery/jquery-migrate.min.js"></script>
-<script src="/static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
-<script src="/static/lib/easing/easing.min.js"></script>
-<script src="/static/lib/superfish/hoverIntent.js"></script>
-<script src="/static/lib/superfish/superfish.min.js"></script>
-<script src="/static/lib/wow/wow.min.js"></script>
-<script src="/static/lib/owlcarousel/owl.carousel.min.js"></script>
-<script src="/static/lib/magnific-popup/magnific-popup.min.js"></script>
-<script src="/static/lib/sticky/sticky.js"></script>
-<!--<script src="contact/jqBootstrapValidation.js"></script>-->
-<!--<script src="contact/contact_me.js"></script>-->
-<script src="/static/js/main.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
-<script src="/static/layui/layui.js"></script>
-
-<script>
-    window.onload = function () {
-        let s = '{{.detail.Detail}}';
-        let s1 = '{{.detail.ProductIntroduction}}';
-        let s2 = '';
-        let isShow = document.querySelector('#isShow');
-        let url = window.location.href;
-        let prams = url.split('/')[5];
-        let t1 = document.getElementById('t1');
-        switch (prams) {
-            case 'parameters':
-                s1 = '{{.detail.TechnicalParameters}}';
-                isShow.style.display = 'none';
-                break;
-            case 'instructions':
-                s1 = '{{.detail.Instructions}}';
-                isShow.style.display = 'none';
-                break;
-            case 'software':
-                s2 = '{{.detail.SupportingSoftware}}';
-                isShow.style.display = 'none';
-                // 在这里添加a标签到t1
-                console.log(s2);
-                if (t1) { // 确保t1存在
-                    let link = document.createElement('a');
-                    // 创建a标签
-                    link.href = s2; // 设置href
-                    link.textContent = '配套软件软件下载';
-                    console.log(link);// 设置链接文本
-                    t1.appendChild(link); // 添加到t1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+                            // 确保t1存在
+                            let link = document.createElement('a');
+                            // 创建a标签
+                            link.href = s2; // 设置href
+                            link.textContent = '配套软件软件下载';
+                            console.log(link);// 设置链接文本
+                            t1.appendChild(link); // 添加到t1
+                        }
+                        console.log("After adding link, t1.innerHTML:", t1.innerHTML)
+                        break;
+                    case 'accessories':
+                        s1 = '{{.detail.OptionalAccessories}}';
+                        isShow.style.display = 'none';
+                        break;
+                }
+                let t = document.getElementById('t');
+                t.innerHTML = s;
+                if (s1) {
+                    t1.innerHTML = s1;
                 }
-                console.log("After adding link, t1.innerHTML:", t1.innerHTML)
-                break;
-            case 'accessories':
-                s1 = '{{.detail.OptionalAccessories}}';
-                isShow.style.display = 'none';
-                break;
-        }
-        let t = document.getElementById('t');
-        t.innerHTML = s;
-        if (s1) {
-            t1.innerHTML = s1;
-        }
-    };
-</script>
-</body>
+            };
+        </script>
+    </body>
 </html>

views/product.html

@@ -52,7 +52,7 @@
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">
@@ -149,53 +149,28 @@ Page Banner Section
         <!--    </div>-->
         <!--</div>-->
         <main id="main">
-<!--            <div class="container">-->
-<!--                <div class="section-header" style="margin-top: 20px;">-->
-<!--                    <h2>宝智达-服务数量</h2>-->
-<!--                </div>-->
-<!--                &lt;!&ndash; 数据点列表开始 &ndash;&gt;-->
-<!--                <div class="row text-center">-->
-<!--                    &lt;!&ndash; 在这里放置数据点 &ndash;&gt;-->
-<!--                    <div class="row text-center">-->
-<!--                        {{range .Datas}}-->
-<!--                        <div class="col-md-2 mb-5">-->
-<!--                            <div class="card h-100">-->
-<!--                                <div class="card-body">-->
-<!--                                    <h5 class="card-title count-up" data-target="{{.Nums}}">0</h5>-->
-<!--                                    <p class="card-text">{{.Title}}</p>-->
-<!--                                </div>-->
-<!--                            </div>-->
-<!--                        </div>-->
-<!--                        {{end}}-->
-<!--                    </div>-->
-<!--                </div>-->
-<!--                &lt;!&ndash; 数据点列表结束 &ndash;&gt;-->
-<!--            </div>-->
-
-            <!--==========================
-Services Section
-            ============================-->
             <section id="services" style="margin: -40px">
                 <div class="container">
                     <div class="btn-group" role="group" aria-label="Basic outlined example">
-                        <button type="button" class="btn btn-outline-primary" onclick="location.href = 'product?ptype=hardware'">
+                        <button type="button" class="btn btn-outline-primary btn-lg" onclick="location.href = 'product?ptype=hardware'">
                             硬件
                         </button>
-                        <button type="button" class="btn btn-outline-primary" onclick="location.href = 'product?ptype=software'">
+                        <button type="button" class="btn btn-outline-primary btn-lg" onclick="location.href = 'product?ptype=software'">
                             软件
                         </button>
                     </div>
-                    <div class="row" style="margin-top: 10px;">
+                    <div class="row">
                         {{range .Products}}
-                        <div class="col-lg-4">
-                            <div class="box wow fadeInLeft">
-                                <div class="icon svgImg"><img src="{{.Url}}" alt=""></div>
-                                <h4 class="title"><a href="product/{{.ID}}">{{.Title}}</a></h4>
-                                <p class="description">{{.Synopsis}}</p>
+                        <div class="col-lg-4" style="padding: 20px;">
+                            <div class="box wow fadeInLeft" style="background-color: #fff; border: 1px solid #eee; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: space-between;">
+                                <div class="icon svgImg" style="height: 150px; overflow: hidden;">
+                                    <img src="{{.Url}}" alt="" style="width: 100%; height: 100%; object-fit: contain;">
+                                </div>
+                                <h4 class="title" style="margin-top: 10px;"><a href="product/{{.ID}}" style="color: #333; text-decoration: none;">{{.Title}}</a></h4>
+                                <p class="description" style="color: #666; margin-top: 5px;">{{.Synopsis}}</p>
                             </div>
                         </div>
                         {{end}}
-                    </div>
                 </div>
             </section><!-- #services -->
 
@@ -206,9 +181,6 @@ Clients Section
                 <div class="container">
                     <div class="section-header">
                         <h2>部分合作案例</h2>
-                        <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
-                        <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
-                        <!--                    minim illum fore</p>-->
                     </div>
                     <div class="owl-carousel clients-carousel">
                         {{range $index,$exam:=.example}}

views/recruit.html

@@ -74,7 +74,7 @@ Header
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">
@@ -102,8 +102,17 @@ Page Banner Section
 
         <main id="main" style="display: flex; justify-content: center; align-items: center;">
 
-            <div>{{.recruit.Detail}}</div>
-
+<!--            <div>{{.recruit.Detail}}</div>-->
+            <section id="services">
+                <div class="container-fluid">
+                    <div style="text-align: center;">
+                        <p>
+                            <img src="{{.recruit.Detail}}" alt="img" data-href=""
+                                 style="max-width: 100%; height: auto; display: block; margin: 0 auto;" />
+                        </p>
+                    </div>
+                </div>
+            </section>
         </main>
         <section id="clients" class="wow fadeInUp">
             <div class="container">

views/services-detail.html

@@ -54,7 +54,7 @@ Header
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">
@@ -84,19 +84,30 @@ Page Banner Section
             <!--==========================
 Services Section
             ============================-->
-            <section id="services">
-                <div class="container">
+<!--            <section id="services">-->
+<!--                <div class="container">-->
+<!--                    不需要显示左右两边的服务详情改为统一全部由图片方式-->
+<!--                    <div class="row" style="margin-top: 10px;">-->
+<!--                        <div class="div2 col-6" style="width: 300px;height: auto">-->
+<!--                            <img src="{{.serveDetail.Image}}"-->
+<!--                                 class="img-fluid" alt="">-->
+<!--                        </div>-->
+<!--                        <div class="div1 col-6">{{.serveDetail.Synopsis}}</div>-->
+<!--                    </div>-->
+<!--                    <div style="text-align: center;">{{.serveDetail.Detail}}</div>-->
+<!--                </div>-->
+<!--            </section>&lt;!&ndash; #services &ndash;&gt;-->
 
-                    <div class="row" style="margin-top: 10px;">
-                        <div class="div2 col-6" style="width: 300px;height: auto">
-                            <img src="{{.serveDetail.Image}}"
-                                 class="img-fluid" alt="">
-                        </div>
-                        <div class="div1 col-6">{{.serveDetail.Synopsis}}</div>
+            <section id="services">
+                <div class="container-fluid">
+                    <div style="text-align: center;">
+                        <p>
+                            <img src="{{.serveDetail.Detail}}" alt="img" data-href=""
+                                 style="max-width: 100%; height: auto; display: block; margin: 0 auto;" />
+                        </p>
                     </div>
-                    <div style="text-align: center;">{{.serveDetail.Detail}}</div>
                 </div>
-            </section><!-- #services -->
+            </section>
             <!--==========================
 Clients Section
             ============================-->

views/services.html

@@ -54,7 +54,7 @@ Header
                                 <dd><a href="/news?types=industry">行业新闻</a></dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
+                        <li class="layui-nav-item"><a href="/services/">服务介绍</a></li>
                         <li class="layui-nav-item">
                             <a href="/product?ptype=hardware">产品介绍</a>
                             <dl class="layui-nav-child">
@@ -92,14 +92,16 @@ Services Section
                         <button type="button" class="btn btn-outline-dark" onclick="location.href='/services/{{.ID}}'">{{.Title}}</button>
                         {{end}}
                     </div>
-                    <div class="row" style="margin-top: 10px;">
-                        <div class="div2 col-6" style="width: 300px;height: auto">
-                            <img src="{{.Serve.Url}}"
-                                 class="img-fluid" alt="">
-                        </div>
-                        <div class="div1 col-6">{{.Serve.Detail}}</div>
-                    </div>
-                    <div class="container">
+
+                    <!--现在不需要显示冷链验证的具体内容目前冷链验证只是一个分类-->
+                    <!--<div class="row" style="margin-top: 10px;">-->
+                    <!--    <div class="div2 col-6" style="width: 300px;height: auto">-->
+                    <!--        <img src="{{.Serve.Url}}"-->
+                    <!--             class="img-fluid" alt="">-->
+                    <!--    </div>-->
+                    <!--    <div class="div1 col-6">{{.Serve.Detail}}</div>-->
+                    <!--</div>-->
+                    <div class="container" style="margin-top: 20px">
                         <div class="section-header">
                             <h2>{{.Serve.Title}}</h2>
                         </div>
@@ -108,8 +110,8 @@ Services Section
                             <div class="col-lg-4 card-with-image" style="background-image: url('{{.Image}}');background-position: center;background-size: cover;">
                                 <div class="box wow fadeInLeft" style="margin-top: 10%;background-color: rgba(0,0,0,0);justify-content: center">
                                     <div class="icon svgImg" style="display: flex;align-content: center"></div>
-                                    <h4 class="title float-over-title" style="text-align: center;"><a href="/services-detail/{{.ID}}" style="color: white">{{.Title}}</a></h4>
-                                    <p style="color: white">{{.Synopsis}}</p>
+                                    <h4 class="title float-over-title" style="text-align: center;"><a href="/services-detail/{{.ID}}" style="color: black">{{.Title}}</a></h4>
+                                    <p style="color: black">{{.Synopsis}}</p>
                                 </div>
                             </div>
                             {{end}}