From d4d9af448989db37d09da0b1643d685a39d9648f Mon Sep 17 00:00:00 2001
From: minimaxagent1 <minimaxagent1@gmail.com>
Date: Tue, 12 Aug 2025 18:00:36 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5-=E8=BD=AE=E6=92=AD=E5=9B=BE1?=
 =?UTF-8?q?.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue                         | 86 ++++++++++++++++---
 .../mp-weixin/pages/index/index.js.map        |  2 +-
 .../dist/dev/mp-weixin/pages/index/index.js   | 28 +++++-
 .../dist/dev/mp-weixin/pages/index/index.wxml |  2 +-
 .../dist/dev/mp-weixin/pages/index/index.wxss | 30 ++++++-
 5 files changed, 127 insertions(+), 21 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 8bd5f57..1f119d5 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -21,17 +21,25 @@
 
     <!-- 轮播图 -->
     <view class="banner-section">
-      <view class="banner-card" v-for="(banner, index) in bannerList" :key="banner.id" v-show="currentBannerIndex === index">
-        <view class="banner-left">
-          <view class="product-info">
-            <text class="flame-icon">🔥</text>
-            <text class="product-name">{{banner.name}}</text>
-            <text class="product-desc">{{banner.desc}}</text>
+      <view class="banner-container">
+        <view 
+          class="banner-card" 
+          v-for="(banner, index) in bannerList" 
+          :key="banner.id" 
+          :class="{ active: currentBannerIndex === index }"
+          @click="onBannerClick(index)"
+        >
+          <view class="banner-left">
+            <view class="product-info">
+              <text class="flame-icon">🔥</text>
+              <text class="product-name">{{banner.name}}</text>
+              <text class="product-desc">{{banner.desc}}</text>
+            </view>
+            <image class="product-image" :src="banner.image" mode="aspectFit"></image>
+          </view>
+          <view class="banner-right">
+            <text class="product-features">{{banner.features}}</text>
           </view>
-          <image class="product-image" :src="banner.image" mode="aspectFit"></image>
-        </view>
-        <view class="banner-right">
-          <text class="product-features">{{banner.features}}</text>
         </view>
       </view>
       <!-- 轮播指示器 -->
@@ -110,6 +118,27 @@ export default {
           desc: '高效节能设备',
           features: '新一代节能燃烧器，热效率提升30%，节能环保，安全可靠。',
           image: '/static/burner.svg'
+        },
+        {
+          id: 3,
+          name: '商用炉具',
+          desc: '专业厨房设备',
+          features: '专业商用炉具，采用不锈钢材质，耐高温，易清洁，适合大型餐饮场所使用。',
+          image: '/static/stove.svg'
+        },
+        {
+          id: 4,
+          name: '燃气灶具',
+          desc: '高效燃气设备',
+          features: '高效燃气灶具，燃烧充分，热效率高，节能环保，安全可靠。',
+          image: '/static/burner.svg'
+        },
+        {
+          id: 5,
+          name: '厨房设备',
+          desc: '一体化解决方案',
+          features: '提供完整的厨房设备解决方案，从设计到安装，一站式服务。',
+          image: '/static/stove.svg'
         }
       ],
       equipmentList: [
@@ -149,6 +178,11 @@ export default {
       this.currentBannerIndex = index;
     },
     
+    // 点击轮播图
+    onBannerClick(index) {
+      this.currentBannerIndex = index;
+    },
+    
     // 去续费
     onRenew(equipment) {
       uni.showToast({
@@ -267,13 +301,34 @@ export default {
   padding: 30rpx;
 }
 
+.banner-container {
+  position: relative;
+  height: 400rpx;
+  overflow: hidden;
+  border-radius: 20rpx;
+}
+
 .banner-card {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   background: #fff;
   border-radius: 20rpx;
   padding: 30rpx;
   display: flex;
   gap: 30rpx;
   box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  transform: scale(0.8);
+  transition: all 0.5s ease;
+  cursor: pointer;
+}
+
+.banner-card.active {
+  opacity: 1;
+  transform: scale(1);
 }
 
 .banner-left {
@@ -325,19 +380,22 @@ export default {
 .banner-dots {
   display: flex;
   justify-content: center;
-  gap: 10rpx;
-  margin-top: 20rpx;
+  gap: 15rpx;
+  margin-top: 30rpx;
 }
 
 .dot {
-  width: 16rpx;
-  height: 16rpx;
+  width: 20rpx;
+  height: 20rpx;
   border-radius: 50%;
   background-color: #ddd;
+  transition: all 0.3s ease;
+  cursor: pointer;
 }
 
 .dot.active {
   background-color: #ff9a9e;
+  transform: scale(1.2);
 }
 
 /* 设备列表 */
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
index 1e469f1..7cd3fe3 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["pages/index/index.vue","C:/Users/Administrator/Downloads/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["<template>\n  <view class=\"home-container\">\n\n    <!-- 头部信息 -->\n    <view class=\"header\">\n      <view class=\"location-info\">\n        <image class=\"location\" :src=\"commonEnum.LOCATION\"></image>\n        <text class=\"company-name\">福鼎创特物联科技有限公司</text>\n        <text class=\"arrow\">></text>\n      </view>\n    </view>\n\n    <!-- 公告栏 -->\n    <view class=\"announcement-bar\">\n      <image class=\"announcementIcon\" :src=\"commonEnum.ANNOUNCEMENT_ICON\"></image>\n      <view class=\"announcement-box\">\n        <text class=\"announcement-text\">暂无更多公告! 暂无更多公告! 暂无更多公告!</text>\n      </view>\n\n    </view>\n\n    <!-- 轮播图 -->\n    <view class=\"banner-section\">\n      <view class=\"banner-card\" v-for=\"(banner, index) in bannerList\" :key=\"banner.id\" v-show=\"currentBannerIndex === index\">\n        <view class=\"banner-left\">\n          <view class=\"product-info\">\n            <text class=\"flame-icon\">🔥</text>\n            <text class=\"product-name\">{{banner.name}}</text>\n            <text class=\"product-desc\">{{banner.desc}}</text>\n          </view>\n          <image class=\"product-image\" :src=\"banner.image\" mode=\"aspectFit\"></image>\n        </view>\n        <view class=\"banner-right\">\n          <text class=\"product-features\">{{banner.features}}</text>\n        </view>\n      </view>\n      <!-- 轮播指示器 -->\n      <view class=\"banner-dots\">\n        <view \n          v-for=\"(banner, index) in bannerList\" \n          :key=\"index\"\n          class=\"dot\" \n          :class=\"{ active: currentBannerIndex === index }\"\n          @click=\"onDotClick(index)\"\n        ></view>\n      </view>\n    </view>\n\n    <!-- 设备列表 -->\n    <view class=\"equipment-section\">\n      <view class=\"section-title\">我的租赁设备</view>\n      <view class=\"equipment-list\">\n        <view \n          v-for=\"equipment in equipmentList\" \n          :key=\"equipment.id\" \n          class=\"equipment-item\"\n          @click=\"onEquipmentClick(equipment)\"\n        >\n          <image class=\"equipment-image\" :src=\"equipment.image\" mode=\"aspectFit\"></image>\n          <view class=\"equipment-info\">\n            <view class=\"equipment-header\">\n              <text class=\"equipment-name\">{{equipment.name}}</text>\n              <text class=\"status-badge\" :class=\"equipment.status\">{{equipment.status === 'normal' ? '正常' : '异常'}}</text>\n            </view>\n            <view class=\"equipment-details\">\n              <text class=\"detail-item\">租赁时间: {{equipment.startTime}}</text>\n              <text class=\"detail-item\">到期时间: {{equipment.endTime}}</text>\n            </view>\n            <button class=\"renew-btn\" @click.stop=\"onRenew(equipment)\">去续费</button>\n          </view>\n        </view>\n      </view>\n    </view>\n\n    <!-- 底部导航 -->\n    <view class=\"bottom-nav\">\n      <view \n        v-for=\"(nav, index) in ['首页', '申请租赁', '个人中心']\" \n        :key=\"index\"\n        class=\"nav-item\" \n        :class=\"{ active: index === 0 }\"\n        @click=\"onNavClick(index)\"\n      >\n        <text class=\"nav-icon\">{{index === 0 ? '🏠' : index === 1 ? '➕' : '😊'}}</text>\n        <text class=\"nav-text\">{{nav}}</text>\n      </view>\n    </view>\n  </view>\n</template>\n\n<script>\nimport commonEnum from \"../../enum/commonEnum\";\nexport default {\n  data() {\n    return {\n      commonEnum : commonEnum,\n      title: '设备租赁',\n      currentBannerIndex: 0,\n      bannerList: [\n        {\n          id: 1,\n          name: '渝锦汇',\n          desc: '商用节能灶燃烧器',\n          features: '商用节能灶燃烧器，高效节能，安全可靠，适用于各类餐饮场所。采用先进燃烧技术，热效率高，节能环保。',\n          image: '/static/stove.svg'\n        },\n        {\n          id: 2,\n          name: '节能燃烧器',\n          desc: '高效节能设备',\n          features: '新一代节能燃烧器，热效率提升30%，节能环保，安全可靠。',\n          image: '/static/burner.svg'\n        }\n      ],\n      equipmentList: [\n        {\n          id: 1,\n          name: '商用节能灶',\n          status: 'normal',\n          startTime: '2025-07-25 13:23:59',\n          endTime: '2026-07-25 13:23:59',\n          image: '/static/stove.svg'\n        },\n        {\n          id: 2,\n          name: '节能燃烧器',\n          status: 'normal',\n          startTime: '2025-07-25 13:23:59',\n          endTime: '2026-07-25 13:23:59',\n          image: '/static/burner.svg'\n        }\n      ]\n    }\n  },\n  onLoad() {\n    // 页面加载时的逻辑\n    this.startBannerAutoPlay();\n  },\n  methods: {\n    // 轮播图自动播放\n    startBannerAutoPlay() {\n      setInterval(() => {\n        this.currentBannerIndex = (this.currentBannerIndex + 1) % this.bannerList.length;\n      }, 3000);\n    },\n    \n    // 点击轮播指示器\n    onDotClick(index) {\n      this.currentBannerIndex = index;\n    },\n    \n    // 去续费\n    onRenew(equipment) {\n      uni.showToast({\n        title: `正在处理${equipment.name}的续费`,\n        icon: 'none'\n      });\n    },\n    \n    // 点击设备项\n    onEquipmentClick(equipment) {\n      uni.showToast({\n        title: `查看${equipment.name}详情`,\n        icon: 'none'\n      });\n    },\n    \n    // 点击底部导航\n    onNavClick(index) {\n      const navItems = ['首页', '申请租赁', '个人中心'];\n      uni.showToast({\n        title: `切换到${navItems[index]}`,\n        icon: 'none'\n      });\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped >\n\n\n.home-container {\n  background: linear-gradient(\n          to bottom,\n          #FFDDCA 0px,\n          #FFDDCA 450rpx,\n          #f5f5f5 450rpx,\n          #f5f5f5 100%\n  );\n  min-height: 100vh;\n  padding-bottom: 120rpx; /* 为底部导航留出空间 */\n  max-width: 750rpx;\n  margin: 0 auto;\n  z-index: -2;\n}\n\n/* 头部信息 */\n.header {\n  padding: 106rpx 30rpx 20rpx 30rpx;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .location-info {\n    display: flex;\n    align-items: center;\n    gap: 10rpx;\n    flex: 1;\n    .location{\n      width: 27rpx;\n      height: 31rpx;\n    }\n    .company-name {\n      color: #3D3D3D;\n      font-size: 16px;\n      font-weight: 500;\n    }\n    .arrow {\n      font-size: 24rpx;\n      color: #666;\n    }\n  }\n}\n\n/* 公告栏 */\n.announcement-bar {\n  background: white;\n  opacity: 0.5;\n  margin: 34rpx 19rpx 0 19rpx;\n  padding: 15rpx 30rpx;\n  display: flex;\n  align-items: center;\n  gap: 15rpx;\n  overflow: hidden;\n  height: 34rpx;\n  border-radius: 100rpx;\n  border: #4cd964 solid 1px;\n  .announcementIcon {\n    height: 32rpx;\n    width: 32rpx;\n    flex-shrink: 0;\n  }\n  .announcement-box{\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    .announcement-text {\n      font-size: 13px;\n      opacity: 1;\n      color: black;\n      white-space: nowrap;\n      animation: scroll-text 10s linear infinite;\n      border: #4cd964 solid 1px;\n      display: inline-block;\n      padding-left: 100%;\n    }\n    @keyframes scroll-text {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-100%); }\n    }\n  }\n}\n\n\n/* 轮播图 */\n.banner-section {\n  padding: 30rpx;\n}\n\n.banner-card {\n  background: #fff;\n  border-radius: 20rpx;\n  padding: 30rpx;\n  display: flex;\n  gap: 30rpx;\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);\n}\n\n.banner-left {\n  display: flex;\n  flex-direction: column;\n  gap: 20rpx;\n  flex: 1;\n}\n\n.product-info {\n  display: flex;\n  align-items: center;\n  gap: 10rpx;\n}\n\n.flame-icon {\n  font-size: 24rpx;\n  color: #ff4757;\n}\n\n.product-name {\n  font-size: 28rpx;\n  font-weight: bold;\n  color: #333;\n}\n\n.product-desc {\n  font-size: 24rpx;\n  color: #666;\n}\n\n.product-image {\n  width: 200rpx;\n  height: 150rpx;\n  border-radius: 10rpx;\n  background-color: #f8f9fa;\n}\n\n.banner-right {\n  flex: 1;\n}\n\n.product-features {\n  font-size: 24rpx;\n  color: #666;\n  line-height: 1.6;\n}\n\n.banner-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10rpx;\n  margin-top: 20rpx;\n}\n\n.dot {\n  width: 16rpx;\n  height: 16rpx;\n  border-radius: 50%;\n  background-color: #ddd;\n}\n\n.dot.active {\n  background-color: #ff9a9e;\n}\n\n/* 设备列表 */\n.equipment-section {\n  padding: 0 30rpx;\n}\n\n.section-title {\n  font-size: 32rpx;\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 20rpx;\n  padding: 20rpx 0;\n  border-bottom: 1rpx solid #eee;\n}\n\n.equipment-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20rpx;\n}\n\n.equipment-item {\n  background: #fff;\n  border-radius: 20rpx;\n  padding: 30rpx;\n  display: flex;\n  gap: 30rpx;\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.equipment-item:active {\n  transform: scale(0.98);\n  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.15);\n}\n\n.equipment-image {\n  width: 120rpx;\n  height: 120rpx;\n  border-radius: 10rpx;\n  background-color: #f8f9fa;\n  flex-shrink: 0;\n}\n\n.equipment-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.equipment-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 15rpx;\n}\n\n.equipment-name {\n  font-size: 28rpx;\n  font-weight: bold;\n  color: #333;\n}\n\n.status-badge {\n  padding: 4rpx 12rpx;\n  border-radius: 20rpx;\n  font-size: 20rpx;\n  color: #fff;\n}\n\n.status-badge.normal {\n  background-color: #52c41a;\n}\n\n.status-badge.warning {\n  background-color: #faad14;\n}\n\n.status-badge.error {\n  background-color: #ff4d4f;\n}\n\n.equipment-details {\n  display: flex;\n  flex-direction: column;\n  gap: 8rpx;\n  margin-bottom: 15rpx;\n}\n\n.detail-item {\n  font-size: 24rpx;\n  color: #666;\n}\n\n.renew-btn {\n  align-self: flex-end;\n  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\n  color: #fff;\n  border: none;\n  border-radius: 25rpx;\n  padding: 15rpx 30rpx;\n  font-size: 24rpx;\n  font-weight: 500;\n}\n\n/* 底部导航 */\n.bottom-nav {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: #fff;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  padding: 20rpx 0;\n  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.nav-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8rpx;\n  padding: 10rpx;\n  transition: all 0.3s ease;\n}\n\n.nav-item:active {\n  transform: scale(0.95);\n}\n\n.nav-icon {\n  font-size: 40rpx;\n  color: #999;\n}\n\n.nav-text {\n  font-size: 20rpx;\n  color: #999;\n}\n\n.nav-item.active .nav-icon,\n.nav-item.active .nav-text {\n  color: #ff9a9e;\n}\n</style>\n","import MiniProgramPage from 'D:/work/HBuilderProjects/HomeLease/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["commonEnum","uni"],"mappings":";;;AA4FA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,YAAaA,gBAAU;AAAA,MACvB,OAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,YAAY;AAAA,QACV;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACD;AAAA,MACD,eAAe;AAAA,QACb;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACD;AAAA,EACD,SAAS;AAEP,SAAK,oBAAmB;AAAA,EACzB;AAAA,EACD,SAAS;AAAA;AAAA,IAEP,sBAAsB;AACpB,kBAAY,MAAM;AAChB,aAAK,sBAAsB,KAAK,qBAAqB,KAAK,KAAK,WAAW;AAAA,MAC3E,GAAE,GAAI;AAAA,IACR;AAAA;AAAA,IAGD,WAAW,OAAO;AAChB,WAAK,qBAAqB;AAAA,IAC3B;AAAA;AAAA,IAGD,QAAQ,WAAW;AACjBC,oBAAAA,MAAI,UAAU;AAAA,QACZ,OAAO,OAAO,UAAU,IAAI;AAAA,QAC5B,MAAM;AAAA,MACR,CAAC;AAAA,IACF;AAAA;AAAA,IAGD,iBAAiB,WAAW;AAC1BA,oBAAAA,MAAI,UAAU;AAAA,QACZ,OAAO,KAAK,UAAU,IAAI;AAAA,QAC1B,MAAM;AAAA,MACR,CAAC;AAAA,IACF;AAAA;AAAA,IAGD,WAAW,OAAO;AAChB,YAAM,WAAW,CAAC,MAAM,QAAQ,MAAM;AACtCA,oBAAAA,MAAI,UAAU;AAAA,QACZ,OAAO,MAAM,SAAS,KAAK,CAAC;AAAA,QAC5B,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/KA,GAAG,WAAW,eAAe;"}
\ No newline at end of file
+{"version":3,"file":"index.js","sources":["pages/index/index.vue","C:/Users/Administrator/Downloads/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["<template>\n  <view class=\"home-container\">\n\n    <!-- 头部信息 -->\n    <view class=\"header\">\n      <view class=\"location-info\">\n        <image class=\"location\" :src=\"commonEnum.LOCATION\"></image>\n        <text class=\"company-name\">福鼎创特物联科技有限公司</text>\n        <text class=\"arrow\">></text>\n      </view>\n    </view>\n\n    <!-- 公告栏 -->\n    <view class=\"announcement-bar\">\n      <image class=\"announcementIcon\" :src=\"commonEnum.ANNOUNCEMENT_ICON\"></image>\n      <view class=\"announcement-box\">\n        <text class=\"announcement-text\">暂无更多公告! 暂无更多公告! 暂无更多公告!</text>\n      </view>\n\n    </view>\n\n    <!-- 轮播图 -->\n    <view class=\"banner-section\">\n      <view class=\"banner-container\">\n        <view \n          class=\"banner-card\" \n          v-for=\"(banner, index) in bannerList\" \n          :key=\"banner.id\" \n          :class=\"{ active: currentBannerIndex === index }\"\n          @click=\"onBannerClick(index)\"\n        >\n          <view class=\"banner-left\">\n            <view class=\"product-info\">\n              <text class=\"flame-icon\">🔥</text>\n              <text class=\"product-name\">{{banner.name}}</text>\n              <text class=\"product-desc\">{{banner.desc}}</text>\n            </view>\n            <image class=\"product-image\" :src=\"banner.image\" mode=\"aspectFit\"></image>\n          </view>\n          <view class=\"banner-right\">\n            <text class=\"product-features\">{{banner.features}}</text>\n          </view>\n        </view>\n      </view>\n      <!-- 轮播指示器 -->\n      <view class=\"banner-dots\">\n        <view \n          v-for=\"(banner, index) in bannerList\" \n          :key=\"index\"\n          class=\"dot\" \n          :class=\"{ active: currentBannerIndex === index }\"\n          @click=\"onDotClick(index)\"\n        ></view>\n      </view>\n    </view>\n\n    <!-- 设备列表 -->\n    <view class=\"equipment-section\">\n      <view class=\"section-title\">我的租赁设备</view>\n      <view class=\"equipment-list\">\n        <view \n          v-for=\"equipment in equipmentList\" \n          :key=\"equipment.id\" \n          class=\"equipment-item\"\n          @click=\"onEquipmentClick(equipment)\"\n        >\n          <image class=\"equipment-image\" :src=\"equipment.image\" mode=\"aspectFit\"></image>\n          <view class=\"equipment-info\">\n            <view class=\"equipment-header\">\n              <text class=\"equipment-name\">{{equipment.name}}</text>\n              <text class=\"status-badge\" :class=\"equipment.status\">{{equipment.status === 'normal' ? '正常' : '异常'}}</text>\n            </view>\n            <view class=\"equipment-details\">\n              <text class=\"detail-item\">租赁时间: {{equipment.startTime}}</text>\n              <text class=\"detail-item\">到期时间: {{equipment.endTime}}</text>\n            </view>\n            <button class=\"renew-btn\" @click.stop=\"onRenew(equipment)\">去续费</button>\n          </view>\n        </view>\n      </view>\n    </view>\n\n    <!-- 底部导航 -->\n    <view class=\"bottom-nav\">\n      <view \n        v-for=\"(nav, index) in ['首页', '申请租赁', '个人中心']\" \n        :key=\"index\"\n        class=\"nav-item\" \n        :class=\"{ active: index === 0 }\"\n        @click=\"onNavClick(index)\"\n      >\n        <text class=\"nav-icon\">{{index === 0 ? '🏠' : index === 1 ? '➕' : '😊'}}</text>\n        <text class=\"nav-text\">{{nav}}</text>\n      </view>\n    </view>\n  </view>\n</template>\n\n<script>\nimport commonEnum from \"../../enum/commonEnum\";\nexport default {\n  data() {\n    return {\n      commonEnum : commonEnum,\n      title: '设备租赁',\n      currentBannerIndex: 0,\n      bannerList: [\n        {\n          id: 1,\n          name: '渝锦汇',\n          desc: '商用节能灶燃烧器',\n          features: '商用节能灶燃烧器，高效节能，安全可靠，适用于各类餐饮场所。采用先进燃烧技术，热效率高，节能环保。',\n          image: '/static/stove.svg'\n        },\n        {\n          id: 2,\n          name: '节能燃烧器',\n          desc: '高效节能设备',\n          features: '新一代节能燃烧器，热效率提升30%，节能环保，安全可靠。',\n          image: '/static/burner.svg'\n        },\n        {\n          id: 3,\n          name: '商用炉具',\n          desc: '专业厨房设备',\n          features: '专业商用炉具，采用不锈钢材质，耐高温，易清洁，适合大型餐饮场所使用。',\n          image: '/static/stove.svg'\n        },\n        {\n          id: 4,\n          name: '燃气灶具',\n          desc: '高效燃气设备',\n          features: '高效燃气灶具，燃烧充分，热效率高，节能环保，安全可靠。',\n          image: '/static/burner.svg'\n        },\n        {\n          id: 5,\n          name: '厨房设备',\n          desc: '一体化解决方案',\n          features: '提供完整的厨房设备解决方案，从设计到安装，一站式服务。',\n          image: '/static/stove.svg'\n        }\n      ],\n      equipmentList: [\n        {\n          id: 1,\n          name: '商用节能灶',\n          status: 'normal',\n          startTime: '2025-07-25 13:23:59',\n          endTime: '2026-07-25 13:23:59',\n          image: '/static/stove.svg'\n        },\n        {\n          id: 2,\n          name: '节能燃烧器',\n          status: 'normal',\n          startTime: '2025-07-25 13:23:59',\n          endTime: '2026-07-25 13:23:59',\n          image: '/static/burner.svg'\n        }\n      ]\n    }\n  },\n  onLoad() {\n    // 页面加载时的逻辑\n    this.startBannerAutoPlay();\n  },\n  methods: {\n    // 轮播图自动播放\n    startBannerAutoPlay() {\n      setInterval(() => {\n        this.currentBannerIndex = (this.currentBannerIndex + 1) % this.bannerList.length;\n      }, 3000);\n    },\n    \n    // 点击轮播指示器\n    onDotClick(index) {\n      this.currentBannerIndex = index;\n    },\n    \n    // 点击轮播图\n    onBannerClick(index) {\n      this.currentBannerIndex = index;\n    },\n    \n    // 去续费\n    onRenew(equipment) {\n      uni.showToast({\n        title: `正在处理${equipment.name}的续费`,\n        icon: 'none'\n      });\n    },\n    \n    // 点击设备项\n    onEquipmentClick(equipment) {\n      uni.showToast({\n        title: `查看${equipment.name}详情`,\n        icon: 'none'\n      });\n    },\n    \n    // 点击底部导航\n    onNavClick(index) {\n      const navItems = ['首页', '申请租赁', '个人中心'];\n      uni.showToast({\n        title: `切换到${navItems[index]}`,\n        icon: 'none'\n      });\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped >\n\n\n.home-container {\n  background: linear-gradient(\n          to bottom,\n          #FFDDCA 0px,\n          #FFDDCA 450rpx,\n          #f5f5f5 450rpx,\n          #f5f5f5 100%\n  );\n  min-height: 100vh;\n  padding-bottom: 120rpx; /* 为底部导航留出空间 */\n  max-width: 750rpx;\n  margin: 0 auto;\n  z-index: -2;\n}\n\n/* 头部信息 */\n.header {\n  padding: 106rpx 30rpx 20rpx 30rpx;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .location-info {\n    display: flex;\n    align-items: center;\n    gap: 10rpx;\n    flex: 1;\n    .location{\n      width: 27rpx;\n      height: 31rpx;\n    }\n    .company-name {\n      color: #3D3D3D;\n      font-size: 16px;\n      font-weight: 500;\n    }\n    .arrow {\n      font-size: 24rpx;\n      color: #666;\n    }\n  }\n}\n\n/* 公告栏 */\n.announcement-bar {\n  background: white;\n  opacity: 0.5;\n  margin: 34rpx 19rpx 0 19rpx;\n  padding: 15rpx 30rpx;\n  display: flex;\n  align-items: center;\n  gap: 15rpx;\n  overflow: hidden;\n  height: 34rpx;\n  border-radius: 100rpx;\n  border: #4cd964 solid 1px;\n  .announcementIcon {\n    height: 32rpx;\n    width: 32rpx;\n    flex-shrink: 0;\n  }\n  .announcement-box{\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n    .announcement-text {\n      font-size: 13px;\n      opacity: 1;\n      color: black;\n      white-space: nowrap;\n      animation: scroll-text 10s linear infinite;\n      border: #4cd964 solid 1px;\n      display: inline-block;\n      padding-left: 100%;\n    }\n    @keyframes scroll-text {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-100%); }\n    }\n  }\n}\n\n\n/* 轮播图 */\n.banner-section {\n  padding: 30rpx;\n}\n\n.banner-container {\n  position: relative;\n  height: 400rpx;\n  overflow: hidden;\n  border-radius: 20rpx;\n}\n\n.banner-card {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #fff;\n  border-radius: 20rpx;\n  padding: 30rpx;\n  display: flex;\n  gap: 30rpx;\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transform: scale(0.8);\n  transition: all 0.5s ease;\n  cursor: pointer;\n}\n\n.banner-card.active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.banner-left {\n  display: flex;\n  flex-direction: column;\n  gap: 20rpx;\n  flex: 1;\n}\n\n.product-info {\n  display: flex;\n  align-items: center;\n  gap: 10rpx;\n}\n\n.flame-icon {\n  font-size: 24rpx;\n  color: #ff4757;\n}\n\n.product-name {\n  font-size: 28rpx;\n  font-weight: bold;\n  color: #333;\n}\n\n.product-desc {\n  font-size: 24rpx;\n  color: #666;\n}\n\n.product-image {\n  width: 200rpx;\n  height: 150rpx;\n  border-radius: 10rpx;\n  background-color: #f8f9fa;\n}\n\n.banner-right {\n  flex: 1;\n}\n\n.product-features {\n  font-size: 24rpx;\n  color: #666;\n  line-height: 1.6;\n}\n\n.banner-dots {\n  display: flex;\n  justify-content: center;\n  gap: 15rpx;\n  margin-top: 30rpx;\n}\n\n.dot {\n  width: 20rpx;\n  height: 20rpx;\n  border-radius: 50%;\n  background-color: #ddd;\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n\n.dot.active {\n  background-color: #ff9a9e;\n  transform: scale(1.2);\n}\n\n/* 设备列表 */\n.equipment-section {\n  padding: 0 30rpx;\n}\n\n.section-title {\n  font-size: 32rpx;\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 20rpx;\n  padding: 20rpx 0;\n  border-bottom: 1rpx solid #eee;\n}\n\n.equipment-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20rpx;\n}\n\n.equipment-item {\n  background: #fff;\n  border-radius: 20rpx;\n  padding: 30rpx;\n  display: flex;\n  gap: 30rpx;\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.equipment-item:active {\n  transform: scale(0.98);\n  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.15);\n}\n\n.equipment-image {\n  width: 120rpx;\n  height: 120rpx;\n  border-radius: 10rpx;\n  background-color: #f8f9fa;\n  flex-shrink: 0;\n}\n\n.equipment-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.equipment-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 15rpx;\n}\n\n.equipment-name {\n  font-size: 28rpx;\n  font-weight: bold;\n  color: #333;\n}\n\n.status-badge {\n  padding: 4rpx 12rpx;\n  border-radius: 20rpx;\n  font-size: 20rpx;\n  color: #fff;\n}\n\n.status-badge.normal {\n  background-color: #52c41a;\n}\n\n.status-badge.warning {\n  background-color: #faad14;\n}\n\n.status-badge.error {\n  background-color: #ff4d4f;\n}\n\n.equipment-details {\n  display: flex;\n  flex-direction: column;\n  gap: 8rpx;\n  margin-bottom: 15rpx;\n}\n\n.detail-item {\n  font-size: 24rpx;\n  color: #666;\n}\n\n.renew-btn {\n  align-self: flex-end;\n  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\n  color: #fff;\n  border: none;\n  border-radius: 25rpx;\n  padding: 15rpx 30rpx;\n  font-size: 24rpx;\n  font-weight: 500;\n}\n\n/* 底部导航 */\n.bottom-nav {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: #fff;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  padding: 20rpx 0;\n  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.nav-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8rpx;\n  padding: 10rpx;\n  transition: all 0.3s ease;\n}\n\n.nav-item:active {\n  transform: scale(0.95);\n}\n\n.nav-icon {\n  font-size: 40rpx;\n  color: #999;\n}\n\n.nav-text {\n  font-size: 20rpx;\n  color: #999;\n}\n\n.nav-item.active .nav-icon,\n.nav-item.active .nav-text {\n  color: #ff9a9e;\n}\n</style>\n","import MiniProgramPage from 'D:/work/HBuilderProjects/HomeLease/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["commonEnum","uni"],"mappings":";;;AAoGA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,YAAaA,gBAAU;AAAA,MACvB,OAAO;AAAA,MACP,oBAAoB;AAAA,MACpB,YAAY;AAAA,QACV;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACD;AAAA,MACD,eAAe;AAAA,QACb;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,QACR;AAAA,QACD;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACD;AAAA,EACD,SAAS;AAEP,SAAK,oBAAmB;AAAA,EACzB;AAAA,EACD,SAAS;AAAA;AAAA,IAEP,sBAAsB;AACpB,kBAAY,MAAM;AAChB,aAAK,sBAAsB,KAAK,qBAAqB,KAAK,KAAK,WAAW;AAAA,MAC3E,GAAE,GAAI;AAAA,IACR;AAAA;AAAA,IAGD,WAAW,OAAO;AAChB,WAAK,qBAAqB;AAAA,IAC3B;AAAA;AAAA,IAGD,cAAc,OAAO;AACnB,WAAK,qBAAqB;AAAA,IAC3B;AAAA;AAAA,IAGD,QAAQ,WAAW;AACjBC,oBAAAA,MAAI,UAAU;AAAA,QACZ,OAAO,OAAO,UAAU,IAAI;AAAA,QAC5B,MAAM;AAAA,MACR,CAAC;AAAA,IACF;AAAA;AAAA,IAGD,iBAAiB,WAAW;AAC1BA,oBAAAA,MAAI,UAAU;AAAA,QACZ,OAAO,KAAK,UAAU,IAAI;AAAA,QAC1B,MAAM;AAAA,MACR,CAAC;AAAA,IACF;AAAA;AAAA,IAGD,WAAW,OAAO;AAChB,YAAM,WAAW,CAAC,MAAM,QAAQ,MAAM;AACtCA,oBAAAA,MAAI,UAAU;AAAA,QACZ,OAAO,MAAM,SAAS,KAAK,CAAC;AAAA,QAC5B,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjNA,GAAG,WAAW,eAAe;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.js b/unpackage/dist/dev/mp-weixin/pages/index/index.js
index 882d378..7cdf7cf 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.js
@@ -21,6 +21,27 @@ const _sfc_main = {
           desc: "高效节能设备",
           features: "新一代节能燃烧器，热效率提升30%，节能环保，安全可靠。",
           image: "/static/burner.svg"
+        },
+        {
+          id: 3,
+          name: "商用炉具",
+          desc: "专业厨房设备",
+          features: "专业商用炉具，采用不锈钢材质，耐高温，易清洁，适合大型餐饮场所使用。",
+          image: "/static/stove.svg"
+        },
+        {
+          id: 4,
+          name: "燃气灶具",
+          desc: "高效燃气设备",
+          features: "高效燃气灶具，燃烧充分，热效率高，节能环保，安全可靠。",
+          image: "/static/burner.svg"
+        },
+        {
+          id: 5,
+          name: "厨房设备",
+          desc: "一体化解决方案",
+          features: "提供完整的厨房设备解决方案，从设计到安装，一站式服务。",
+          image: "/static/stove.svg"
         }
       ],
       equipmentList: [
@@ -57,6 +78,10 @@ const _sfc_main = {
     onDotClick(index) {
       this.currentBannerIndex = index;
     },
+    // 点击轮播图
+    onBannerClick(index) {
+      this.currentBannerIndex = index;
+    },
     // 去续费
     onRenew(equipment) {
       common_vendor.index.showToast({
@@ -92,7 +117,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         c: banner.image,
         d: common_vendor.t(banner.features),
         e: banner.id,
-        f: $data.currentBannerIndex === index
+        f: $data.currentBannerIndex === index ? 1 : "",
+        g: common_vendor.o(($event) => $options.onBannerClick(index), banner.id)
       };
     }),
     d: common_vendor.f($data.bannerList, (banner, index, i0) => {
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxml b/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
index 2d52b1d..8d869a2 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
@@ -1 +1 @@
-<view class="home-container data-v-1cf27b2a"><view class="header data-v-1cf27b2a"><view class="location-info data-v-1cf27b2a"><image class="location data-v-1cf27b2a" src="{{a}}"></image><text class="company-name data-v-1cf27b2a">福鼎创特物联科技有限公司</text><text class="arrow data-v-1cf27b2a">></text></view></view><view class="announcement-bar data-v-1cf27b2a"><image class="announcementIcon data-v-1cf27b2a" src="{{b}}"></image><view class="announcement-box data-v-1cf27b2a"><text class="announcement-text data-v-1cf27b2a">暂无更多公告! 暂无更多公告! 暂无更多公告!</text></view></view><view class="banner-section data-v-1cf27b2a"><view wx:for="{{c}}" wx:for-item="banner" wx:key="e" class="banner-card data-v-1cf27b2a" hidden="{{!banner.f}}"><view class="banner-left data-v-1cf27b2a"><view class="product-info data-v-1cf27b2a"><text class="flame-icon data-v-1cf27b2a">🔥</text><text class="product-name data-v-1cf27b2a">{{banner.a}}</text><text class="product-desc data-v-1cf27b2a">{{banner.b}}</text></view><image class="product-image data-v-1cf27b2a" src="{{banner.c}}" mode="aspectFit"></image></view><view class="banner-right data-v-1cf27b2a"><text class="product-features data-v-1cf27b2a">{{banner.d}}</text></view></view><view class="banner-dots data-v-1cf27b2a"><view wx:for="{{d}}" wx:for-item="banner" wx:key="a" class="{{['dot', 'data-v-1cf27b2a', banner.b && 'active']}}" bindtap="{{banner.c}}"></view></view></view><view class="equipment-section data-v-1cf27b2a"><view class="section-title data-v-1cf27b2a">我的租赁设备</view><view class="equipment-list data-v-1cf27b2a"><view wx:for="{{e}}" wx:for-item="equipment" wx:key="h" class="equipment-item data-v-1cf27b2a" bindtap="{{equipment.i}}"><image class="equipment-image data-v-1cf27b2a" src="{{equipment.a}}" mode="aspectFit"></image><view class="equipment-info data-v-1cf27b2a"><view class="equipment-header data-v-1cf27b2a"><text class="equipment-name data-v-1cf27b2a">{{equipment.b}}</text><text class="{{['status-badge', 'data-v-1cf27b2a', equipment.d]}}">{{equipment.c}}</text></view><view class="equipment-details data-v-1cf27b2a"><text class="detail-item data-v-1cf27b2a">租赁时间: {{equipment.e}}</text><text class="detail-item data-v-1cf27b2a">到期时间: {{equipment.f}}</text></view><button class="renew-btn data-v-1cf27b2a" catchtap="{{equipment.g}}">去续费</button></view></view></view></view><view class="bottom-nav data-v-1cf27b2a"><view wx:for="{{f}}" wx:for-item="nav" wx:key="c" class="{{['nav-item', 'data-v-1cf27b2a', nav.d && 'active']}}" bindtap="{{nav.e}}"><text class="nav-icon data-v-1cf27b2a">{{nav.a}}</text><text class="nav-text data-v-1cf27b2a">{{nav.b}}</text></view></view></view>
\ No newline at end of file
+<view class="home-container data-v-1cf27b2a"><view class="header data-v-1cf27b2a"><view class="location-info data-v-1cf27b2a"><image class="location data-v-1cf27b2a" src="{{a}}"></image><text class="company-name data-v-1cf27b2a">福鼎创特物联科技有限公司</text><text class="arrow data-v-1cf27b2a">></text></view></view><view class="announcement-bar data-v-1cf27b2a"><image class="announcementIcon data-v-1cf27b2a" src="{{b}}"></image><view class="announcement-box data-v-1cf27b2a"><text class="announcement-text data-v-1cf27b2a">暂无更多公告! 暂无更多公告! 暂无更多公告!</text></view></view><view class="banner-section data-v-1cf27b2a"><view class="banner-container data-v-1cf27b2a"><view wx:for="{{c}}" wx:for-item="banner" wx:key="e" class="{{['banner-card', 'data-v-1cf27b2a', banner.f && 'active']}}" bindtap="{{banner.g}}"><view class="banner-left data-v-1cf27b2a"><view class="product-info data-v-1cf27b2a"><text class="flame-icon data-v-1cf27b2a">🔥</text><text class="product-name data-v-1cf27b2a">{{banner.a}}</text><text class="product-desc data-v-1cf27b2a">{{banner.b}}</text></view><image class="product-image data-v-1cf27b2a" src="{{banner.c}}" mode="aspectFit"></image></view><view class="banner-right data-v-1cf27b2a"><text class="product-features data-v-1cf27b2a">{{banner.d}}</text></view></view></view><view class="banner-dots data-v-1cf27b2a"><view wx:for="{{d}}" wx:for-item="banner" wx:key="a" class="{{['dot', 'data-v-1cf27b2a', banner.b && 'active']}}" bindtap="{{banner.c}}"></view></view></view><view class="equipment-section data-v-1cf27b2a"><view class="section-title data-v-1cf27b2a">我的租赁设备</view><view class="equipment-list data-v-1cf27b2a"><view wx:for="{{e}}" wx:for-item="equipment" wx:key="h" class="equipment-item data-v-1cf27b2a" bindtap="{{equipment.i}}"><image class="equipment-image data-v-1cf27b2a" src="{{equipment.a}}" mode="aspectFit"></image><view class="equipment-info data-v-1cf27b2a"><view class="equipment-header data-v-1cf27b2a"><text class="equipment-name data-v-1cf27b2a">{{equipment.b}}</text><text class="{{['status-badge', 'data-v-1cf27b2a', equipment.d]}}">{{equipment.c}}</text></view><view class="equipment-details data-v-1cf27b2a"><text class="detail-item data-v-1cf27b2a">租赁时间: {{equipment.e}}</text><text class="detail-item data-v-1cf27b2a">到期时间: {{equipment.f}}</text></view><button class="renew-btn data-v-1cf27b2a" catchtap="{{equipment.g}}">去续费</button></view></view></view></view><view class="bottom-nav data-v-1cf27b2a"><view wx:for="{{f}}" wx:for-item="nav" wx:key="c" class="{{['nav-item', 'data-v-1cf27b2a', nav.d && 'active']}}" bindtap="{{nav.e}}"><text class="nav-icon data-v-1cf27b2a">{{nav.a}}</text><text class="nav-text data-v-1cf27b2a">{{nav.b}}</text></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
index 90dbbf6..8d3eef6 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
@@ -107,13 +107,32 @@
 .banner-section.data-v-1cf27b2a {
   padding: 30rpx;
 }
+.banner-container.data-v-1cf27b2a {
+  position: relative;
+  height: 400rpx;
+  overflow: hidden;
+  border-radius: 20rpx;
+}
 .banner-card.data-v-1cf27b2a {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   background: #fff;
   border-radius: 20rpx;
   padding: 30rpx;
   display: flex;
   gap: 30rpx;
   box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  transform: scale(0.8);
+  transition: all 0.5s ease;
+  cursor: pointer;
+}
+.banner-card.active.data-v-1cf27b2a {
+  opacity: 1;
+  transform: scale(1);
 }
 .banner-left.data-v-1cf27b2a {
   display: flex;
@@ -156,17 +175,20 @@
 .banner-dots.data-v-1cf27b2a {
   display: flex;
   justify-content: center;
-  gap: 10rpx;
-  margin-top: 20rpx;
+  gap: 15rpx;
+  margin-top: 30rpx;
 }
 .dot.data-v-1cf27b2a {
-  width: 16rpx;
-  height: 16rpx;
+  width: 20rpx;
+  height: 20rpx;
   border-radius: 50%;
   background-color: #ddd;
+  transition: all 0.3s ease;
+  cursor: pointer;
 }
 .dot.active.data-v-1cf27b2a {
   background-color: #ff9a9e;
+  transform: scale(1.2);
 }
 
 /* 设备列表 */