From 303cedc8e475bc438969664193757d4572103f14 Mon Sep 17 00:00:00 2001
From: minimaxagent1 <minimaxagent1@gmail.com>
Date: Tue, 12 Aug 2025 17:49:16 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5-=E5=85=AC=E5=91=8A=E8=AE=BE?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 enum/commonEnum.js                            |  2 +-
 pages/index/index.vue                         | 82 ++++++++++---------
 .../mp-weixin/enum/commonEnum.js.map          |  2 +-
 .../mp-weixin/pages/index/index.js.map        |  2 +-
 .../dist/dev/mp-weixin/enum/commonEnum.js     |  2 +-
 .../dist/dev/mp-weixin/pages/index/index.js   |  9 +-
 .../dist/dev/mp-weixin/pages/index/index.wxml |  2 +-
 .../dist/dev/mp-weixin/pages/index/index.wxss | 53 ++++++------
 8 files changed, 81 insertions(+), 73 deletions(-)

diff --git a/enum/commonEnum.js b/enum/commonEnum.js
index 5375fda..d5f2b5a 100644
--- a/enum/commonEnum.js
+++ b/enum/commonEnum.js
@@ -7,7 +7,7 @@ export const commonEnum = {
     PERSONAL_CENTER:"https://api.ccttiot.com/image-1754986718771.png",
     PERSONAL_CENTER_ACTIVE:"https://api.ccttiot.com/image-1754986763842.png",
     LOCATION:'https://api.ccttiot.com/image-1754986786418.png',
-    ANNOUNCEMENT:"https://api.ccttiot.com/image-1754986879805.png",
+    ANNOUNCEMENT_ICON:"https://api.ccttiot.com/image-1754990087627.png",
     TEMP1:"https://api.ccttiot.com/image-1754987048988.png",
     TEMP2:"https://api.ccttiot.com/image-1754987114695.png",
     TEMP3:"https://api.ccttiot.com/image-1754987141539.png"
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5affbbe..8bd5f57 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,6 @@
 <template>
   <view class="home-container">
+
     <!-- 头部信息 -->
     <view class="header">
       <view class="location-info">
@@ -11,8 +12,11 @@
 
     <!-- 公告栏 -->
     <view class="announcement-bar">
-      <text class="speaker-icon">📢</text>
-      <text class="announcement-text">暂无更多公告! 暂无更多公告! 暂无更多公告!</text>
+      <image class="announcementIcon" :src="commonEnum.ANNOUNCEMENT_ICON"></image>
+      <view class="announcement-box">
+        <text class="announcement-text">暂无更多公告! 暂无更多公告! 暂无更多公告!</text>
+      </view>
+
     </view>
 
     <!-- 轮播图 -->
@@ -174,33 +178,25 @@ export default {
 </script>
 
 <style lang="scss" scoped >
+
+
 .home-container {
-  background-color: #f5f5f5;
+  background: linear-gradient(
+          to bottom,
+          #FFDDCA 0px,
+          #FFDDCA 450rpx,
+          #f5f5f5 450rpx,
+          #f5f5f5 100%
+  );
   min-height: 100vh;
   padding-bottom: 120rpx; /* 为底部导航留出空间 */
   max-width: 750rpx;
   margin: 0 auto;
-}
-
-/* 状态栏 */
-.status-bar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20rpx 30rpx;
-  background-color: #f5f5f5;
-  font-size: 28rpx;
-  color: #333;
-}
-
-.status-icons {
-  display: flex;
-  gap: 10rpx;
+  z-index: -2;
 }
 
 /* 头部信息 */
 .header {
-  background: linear-gradient(135deg, #FFDDCA 0%, #FFDDCA 100%);
   padding: 106rpx 30rpx 20rpx 30rpx;
   display: flex;
   justify-content: space-between;
@@ -215,9 +211,7 @@ export default {
       height: 31rpx;
     }
     .company-name {
-
       color: #3D3D3D;
-
       font-size: 16px;
       font-weight: 500;
     }
@@ -230,32 +224,44 @@ export default {
 
 /* 公告栏 */
 .announcement-bar {
-  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
+  background: white;
+  opacity: 0.5;
+  margin: 34rpx 19rpx 0 19rpx;
   padding: 15rpx 30rpx;
   display: flex;
   align-items: center;
   gap: 15rpx;
   overflow: hidden;
-  .speaker-icon {
-    font-size: 24rpx;
-    color: #333;
+  height: 34rpx;
+  border-radius: 100rpx;
+  border: #4cd964 solid 1px;
+  .announcementIcon {
+    height: 32rpx;
+    width: 32rpx;
+    flex-shrink: 0;
   }
-
-  .announcement-text {
-    font-size: 24rpx;
-    color: #333;
-    white-space: nowrap;
-    animation: scroll-text 20s linear infinite;
+  .announcement-box{
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    .announcement-text {
+      font-size: 13px;
+      opacity: 1;
+      color: black;
+      white-space: nowrap;
+      animation: scroll-text 10s linear infinite;
+      border: #4cd964 solid 1px;
+      display: inline-block;
+      padding-left: 100%;
+    }
+    @keyframes scroll-text {
+      0% { transform: translateX(0); }
+      100% { transform: translateX(-100%); }
+    }
   }
 }
 
 
-
-@keyframes scroll-text {
-  0% { transform: translateX(100%); }
-  100% { transform: translateX(-100%); }
-}
-
 /* 轮播图 */
 .banner-section {
   padding: 30rpx;
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/enum/commonEnum.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/enum/commonEnum.js.map
index eb624e6..aecd392 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/enum/commonEnum.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/enum/commonEnum.js.map
@@ -1 +1 @@
-{"version":3,"file":"commonEnum.js","sources":["enum/commonEnum.js"],"sourcesContent":["export const commonEnum = {\r\n    LOGIN_SRC:'https://api.ccttiot.com/image-1754981670820.png',\r\n    HOME_ACTIVE:'https://api.ccttiot.com/image-1754981895711.png',\r\n    HOME:'https://api.ccttiot.com/image-1754981938495.png',\r\n    RENT:'https://api.ccttiot.com/image-1754981988082.png',\r\n    RENT_ACTIVE:'  https://api.ccttiot.com/image-1754986634575.png',\r\n    PERSONAL_CENTER:\"https://api.ccttiot.com/image-1754986718771.png\",\r\n    PERSONAL_CENTER_ACTIVE:\"https://api.ccttiot.com/image-1754986763842.png\",\r\n    LOCATION:'https://api.ccttiot.com/image-1754986786418.png',\r\n    ANNOUNCEMENT:\"https://api.ccttiot.com/image-1754986879805.png\",\r\n    TEMP1:\"https://api.ccttiot.com/image-1754987048988.png\",\r\n    TEMP2:\"https://api.ccttiot.com/image-1754987114695.png\",\r\n    TEMP3:\"https://api.ccttiot.com/image-1754987141539.png\"\r\n};\r\nexport default commonEnum;"],"names":[],"mappings":";AAAY,MAAC,aAAa;AAAA,EACtB,WAAU;AAAA,EACV,aAAY;AAAA,EACZ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,wBAAuB;AAAA,EACvB,UAAS;AAAA,EACT,cAAa;AAAA,EACb,OAAM;AAAA,EACN,OAAM;AAAA,EACN,OAAM;AACV;;"}
\ No newline at end of file
+{"version":3,"file":"commonEnum.js","sources":["enum/commonEnum.js"],"sourcesContent":["export const commonEnum = {\r\n    LOGIN_SRC:'https://api.ccttiot.com/image-1754981670820.png',\r\n    HOME_ACTIVE:'https://api.ccttiot.com/image-1754981895711.png',\r\n    HOME:'https://api.ccttiot.com/image-1754981938495.png',\r\n    RENT:'https://api.ccttiot.com/image-1754981988082.png',\r\n    RENT_ACTIVE:'  https://api.ccttiot.com/image-1754986634575.png',\r\n    PERSONAL_CENTER:\"https://api.ccttiot.com/image-1754986718771.png\",\r\n    PERSONAL_CENTER_ACTIVE:\"https://api.ccttiot.com/image-1754986763842.png\",\r\n    LOCATION:'https://api.ccttiot.com/image-1754986786418.png',\r\n    ANNOUNCEMENT_ICON:\"https://api.ccttiot.com/image-1754990087627.png\",\r\n    TEMP1:\"https://api.ccttiot.com/image-1754987048988.png\",\r\n    TEMP2:\"https://api.ccttiot.com/image-1754987114695.png\",\r\n    TEMP3:\"https://api.ccttiot.com/image-1754987141539.png\"\r\n};\r\nexport default commonEnum;"],"names":[],"mappings":";AAAY,MAAC,aAAa;AAAA,EACtB,WAAU;AAAA,EACV,aAAY;AAAA,EACZ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,wBAAuB;AAAA,EACvB,UAAS;AAAA,EACT,mBAAkB;AAAA,EAClB,OAAM;AAAA,EACN,OAAM;AAAA,EACN,OAAM;AACV;;"}
\ No newline at end of file
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 97301f1..1e469f1 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>\r\n  <view class=\"home-container\">\r\n    <!-- 头部信息 -->\r\n    <view class=\"header\">\r\n      <view class=\"location-info\">\r\n        <image class=\"location\" :src=\"commonEnum.LOCATION\"></image>\r\n        <text class=\"company-name\">福鼎创特物联科技有限公司</text>\r\n        <text class=\"arrow\">></text>\r\n      </view>\r\n    </view>\r\n\r\n    <!-- 公告栏 -->\r\n    <view class=\"announcement-bar\">\r\n      <text class=\"speaker-icon\">📢</text>\r\n      <text class=\"announcement-text\">暂无更多公告! 暂无更多公告! 暂无更多公告!</text>\r\n    </view>\r\n\r\n    <!-- 轮播图 -->\r\n    <view class=\"banner-section\">\r\n      <view class=\"banner-card\" v-for=\"(banner, index) in bannerList\" :key=\"banner.id\" v-show=\"currentBannerIndex === index\">\r\n        <view class=\"banner-left\">\r\n          <view class=\"product-info\">\r\n            <text class=\"flame-icon\">🔥</text>\r\n            <text class=\"product-name\">{{banner.name}}</text>\r\n            <text class=\"product-desc\">{{banner.desc}}</text>\r\n          </view>\r\n          <image class=\"product-image\" :src=\"banner.image\" mode=\"aspectFit\"></image>\r\n        </view>\r\n        <view class=\"banner-right\">\r\n          <text class=\"product-features\">{{banner.features}}</text>\r\n        </view>\r\n      </view>\r\n      <!-- 轮播指示器 -->\r\n      <view class=\"banner-dots\">\r\n        <view \r\n          v-for=\"(banner, index) in bannerList\" \r\n          :key=\"index\"\r\n          class=\"dot\" \r\n          :class=\"{ active: currentBannerIndex === index }\"\r\n          @click=\"onDotClick(index)\"\r\n        ></view>\r\n      </view>\r\n    </view>\r\n\r\n    <!-- 设备列表 -->\r\n    <view class=\"equipment-section\">\r\n      <view class=\"section-title\">我的租赁设备</view>\r\n      <view class=\"equipment-list\">\r\n        <view \r\n          v-for=\"equipment in equipmentList\" \r\n          :key=\"equipment.id\" \r\n          class=\"equipment-item\"\r\n          @click=\"onEquipmentClick(equipment)\"\r\n        >\r\n          <image class=\"equipment-image\" :src=\"equipment.image\" mode=\"aspectFit\"></image>\r\n          <view class=\"equipment-info\">\r\n            <view class=\"equipment-header\">\r\n              <text class=\"equipment-name\">{{equipment.name}}</text>\r\n              <text class=\"status-badge\" :class=\"equipment.status\">{{equipment.status === 'normal' ? '正常' : '异常'}}</text>\r\n            </view>\r\n            <view class=\"equipment-details\">\r\n              <text class=\"detail-item\">租赁时间: {{equipment.startTime}}</text>\r\n              <text class=\"detail-item\">到期时间: {{equipment.endTime}}</text>\r\n            </view>\r\n            <button class=\"renew-btn\" @click.stop=\"onRenew(equipment)\">去续费</button>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n\r\n    <!-- 底部导航 -->\r\n    <view class=\"bottom-nav\">\r\n      <view \r\n        v-for=\"(nav, index) in ['首页', '申请租赁', '个人中心']\" \r\n        :key=\"index\"\r\n        class=\"nav-item\" \r\n        :class=\"{ active: index === 0 }\"\r\n        @click=\"onNavClick(index)\"\r\n      >\r\n        <text class=\"nav-icon\">{{index === 0 ? '🏠' : index === 1 ? '➕' : '😊'}}</text>\r\n        <text class=\"nav-text\">{{nav}}</text>\r\n      </view>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport commonEnum from \"../../enum/commonEnum\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      commonEnum : commonEnum,\r\n      title: '设备租赁',\r\n      currentBannerIndex: 0,\r\n      bannerList: [\r\n        {\r\n          id: 1,\r\n          name: '渝锦汇',\r\n          desc: '商用节能灶燃烧器',\r\n          features: '商用节能灶燃烧器，高效节能，安全可靠，适用于各类餐饮场所。采用先进燃烧技术，热效率高，节能环保。',\r\n          image: '/static/stove.svg'\r\n        },\r\n        {\r\n          id: 2,\r\n          name: '节能燃烧器',\r\n          desc: '高效节能设备',\r\n          features: '新一代节能燃烧器，热效率提升30%，节能环保，安全可靠。',\r\n          image: '/static/burner.svg'\r\n        }\r\n      ],\r\n      equipmentList: [\r\n        {\r\n          id: 1,\r\n          name: '商用节能灶',\r\n          status: 'normal',\r\n          startTime: '2025-07-25 13:23:59',\r\n          endTime: '2026-07-25 13:23:59',\r\n          image: '/static/stove.svg'\r\n        },\r\n        {\r\n          id: 2,\r\n          name: '节能燃烧器',\r\n          status: 'normal',\r\n          startTime: '2025-07-25 13:23:59',\r\n          endTime: '2026-07-25 13:23:59',\r\n          image: '/static/burner.svg'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  onLoad() {\r\n    // 页面加载时的逻辑\r\n    this.startBannerAutoPlay();\r\n  },\r\n  methods: {\r\n    // 轮播图自动播放\r\n    startBannerAutoPlay() {\r\n      setInterval(() => {\r\n        this.currentBannerIndex = (this.currentBannerIndex + 1) % this.bannerList.length;\r\n      }, 3000);\r\n    },\r\n    \r\n    // 点击轮播指示器\r\n    onDotClick(index) {\r\n      this.currentBannerIndex = index;\r\n    },\r\n    \r\n    // 去续费\r\n    onRenew(equipment) {\r\n      uni.showToast({\r\n        title: `正在处理${equipment.name}的续费`,\r\n        icon: 'none'\r\n      });\r\n    },\r\n    \r\n    // 点击设备项\r\n    onEquipmentClick(equipment) {\r\n      uni.showToast({\r\n        title: `查看${equipment.name}详情`,\r\n        icon: 'none'\r\n      });\r\n    },\r\n    \r\n    // 点击底部导航\r\n    onNavClick(index) {\r\n      const navItems = ['首页', '申请租赁', '个人中心'];\r\n      uni.showToast({\r\n        title: `切换到${navItems[index]}`,\r\n        icon: 'none'\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped >\r\n.home-container {\r\n  background-color: #f5f5f5;\r\n  min-height: 100vh;\r\n  padding-bottom: 120rpx; /* 为底部导航留出空间 */\r\n  max-width: 750rpx;\r\n  margin: 0 auto;\r\n}\r\n\r\n/* 状态栏 */\r\n.status-bar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 20rpx 30rpx;\r\n  background-color: #f5f5f5;\r\n  font-size: 28rpx;\r\n  color: #333;\r\n}\r\n\r\n.status-icons {\r\n  display: flex;\r\n  gap: 10rpx;\r\n}\r\n\r\n/* 头部信息 */\r\n.header {\r\n  background: linear-gradient(135deg, #FFDDCA 0%, #FFDDCA 100%);\r\n  padding: 106rpx 30rpx 20rpx 30rpx;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  .location-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10rpx;\r\n    flex: 1;\r\n    .location{\r\n      width: 27rpx;\r\n      height: 31rpx;\r\n    }\r\n    .company-name {\r\n\r\n      color: #3D3D3D;\r\n\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n    }\r\n    .arrow {\r\n      font-size: 24rpx;\r\n      color: #666;\r\n    }\r\n  }\r\n}\r\n\r\n/* 公告栏 */\r\n.announcement-bar {\r\n  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\r\n  padding: 15rpx 30rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15rpx;\r\n  overflow: hidden;\r\n  .speaker-icon {\r\n    font-size: 24rpx;\r\n    color: #333;\r\n  }\r\n\r\n  .announcement-text {\r\n    font-size: 24rpx;\r\n    color: #333;\r\n    white-space: nowrap;\r\n    animation: scroll-text 20s linear infinite;\r\n  }\r\n}\r\n\r\n\r\n\r\n@keyframes scroll-text {\r\n  0% { transform: translateX(100%); }\r\n  100% { transform: translateX(-100%); }\r\n}\r\n\r\n/* 轮播图 */\r\n.banner-section {\r\n  padding: 30rpx;\r\n}\r\n\r\n.banner-card {\r\n  background: #fff;\r\n  border-radius: 20rpx;\r\n  padding: 30rpx;\r\n  display: flex;\r\n  gap: 30rpx;\r\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.banner-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20rpx;\r\n  flex: 1;\r\n}\r\n\r\n.product-info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10rpx;\r\n}\r\n\r\n.flame-icon {\r\n  font-size: 24rpx;\r\n  color: #ff4757;\r\n}\r\n\r\n.product-name {\r\n  font-size: 28rpx;\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.product-desc {\r\n  font-size: 24rpx;\r\n  color: #666;\r\n}\r\n\r\n.product-image {\r\n  width: 200rpx;\r\n  height: 150rpx;\r\n  border-radius: 10rpx;\r\n  background-color: #f8f9fa;\r\n}\r\n\r\n.banner-right {\r\n  flex: 1;\r\n}\r\n\r\n.product-features {\r\n  font-size: 24rpx;\r\n  color: #666;\r\n  line-height: 1.6;\r\n}\r\n\r\n.banner-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 10rpx;\r\n  margin-top: 20rpx;\r\n}\r\n\r\n.dot {\r\n  width: 16rpx;\r\n  height: 16rpx;\r\n  border-radius: 50%;\r\n  background-color: #ddd;\r\n}\r\n\r\n.dot.active {\r\n  background-color: #ff9a9e;\r\n}\r\n\r\n/* 设备列表 */\r\n.equipment-section {\r\n  padding: 0 30rpx;\r\n}\r\n\r\n.section-title {\r\n  font-size: 32rpx;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20rpx;\r\n  padding: 20rpx 0;\r\n  border-bottom: 1rpx solid #eee;\r\n}\r\n\r\n.equipment-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20rpx;\r\n}\r\n\r\n.equipment-item {\r\n  background: #fff;\r\n  border-radius: 20rpx;\r\n  padding: 30rpx;\r\n  display: flex;\r\n  gap: 30rpx;\r\n  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.equipment-item:active {\r\n  transform: scale(0.98);\r\n  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.equipment-image {\r\n  width: 120rpx;\r\n  height: 120rpx;\r\n  border-radius: 10rpx;\r\n  background-color: #f8f9fa;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.equipment-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n.equipment-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 15rpx;\r\n}\r\n\r\n.equipment-name {\r\n  font-size: 28rpx;\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.status-badge {\r\n  padding: 4rpx 12rpx;\r\n  border-radius: 20rpx;\r\n  font-size: 20rpx;\r\n  color: #fff;\r\n}\r\n\r\n.status-badge.normal {\r\n  background-color: #52c41a;\r\n}\r\n\r\n.status-badge.warning {\r\n  background-color: #faad14;\r\n}\r\n\r\n.status-badge.error {\r\n  background-color: #ff4d4f;\r\n}\r\n\r\n.equipment-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8rpx;\r\n  margin-bottom: 15rpx;\r\n}\r\n\r\n.detail-item {\r\n  font-size: 24rpx;\r\n  color: #666;\r\n}\r\n\r\n.renew-btn {\r\n  align-self: flex-end;\r\n  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 25rpx;\r\n  padding: 15rpx 30rpx;\r\n  font-size: 24rpx;\r\n  font-weight: 500;\r\n}\r\n\r\n/* 底部导航 */\r\n.bottom-nav {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: #fff;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 20rpx 0;\r\n  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);\r\n  z-index: 1000;\r\n}\r\n\r\n.nav-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8rpx;\r\n  padding: 10rpx;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.nav-item:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n.nav-icon {\r\n  font-size: 40rpx;\r\n  color: #999;\r\n}\r\n\r\n.nav-text {\r\n  font-size: 20rpx;\r\n  color: #999;\r\n}\r\n\r\n.nav-item.active .nav-icon,\r\n.nav-item.active .nav-text {\r\n  color: #ff9a9e;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/work/HBuilderProjects/HomeLease/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["commonEnum","uni"],"mappings":";;;AAwFA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3KA,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-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
diff --git a/unpackage/dist/dev/mp-weixin/enum/commonEnum.js b/unpackage/dist/dev/mp-weixin/enum/commonEnum.js
index 25d2363..245f376 100644
--- a/unpackage/dist/dev/mp-weixin/enum/commonEnum.js
+++ b/unpackage/dist/dev/mp-weixin/enum/commonEnum.js
@@ -8,7 +8,7 @@ const commonEnum = {
   PERSONAL_CENTER: "https://api.ccttiot.com/image-1754986718771.png",
   PERSONAL_CENTER_ACTIVE: "https://api.ccttiot.com/image-1754986763842.png",
   LOCATION: "https://api.ccttiot.com/image-1754986786418.png",
-  ANNOUNCEMENT: "https://api.ccttiot.com/image-1754986879805.png",
+  ANNOUNCEMENT_ICON: "https://api.ccttiot.com/image-1754990087627.png",
   TEMP1: "https://api.ccttiot.com/image-1754987048988.png",
   TEMP2: "https://api.ccttiot.com/image-1754987114695.png",
   TEMP3: "https://api.ccttiot.com/image-1754987141539.png"
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.js b/unpackage/dist/dev/mp-weixin/pages/index/index.js
index 499620a..882d378 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.js
@@ -84,7 +84,8 @@ const _sfc_main = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return {
     a: $data.commonEnum.LOCATION,
-    b: common_vendor.f($data.bannerList, (banner, index, i0) => {
+    b: $data.commonEnum.ANNOUNCEMENT_ICON,
+    c: common_vendor.f($data.bannerList, (banner, index, i0) => {
       return {
         a: common_vendor.t(banner.name),
         b: common_vendor.t(banner.desc),
@@ -94,14 +95,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         f: $data.currentBannerIndex === index
       };
     }),
-    c: common_vendor.f($data.bannerList, (banner, index, i0) => {
+    d: common_vendor.f($data.bannerList, (banner, index, i0) => {
       return {
         a: index,
         b: $data.currentBannerIndex === index ? 1 : "",
         c: common_vendor.o(($event) => $options.onDotClick(index), index)
       };
     }),
-    d: common_vendor.f($data.equipmentList, (equipment, k0, i0) => {
+    e: common_vendor.f($data.equipmentList, (equipment, k0, i0) => {
       return {
         a: equipment.image,
         b: common_vendor.t(equipment.name),
@@ -114,7 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         i: common_vendor.o(($event) => $options.onEquipmentClick(equipment), equipment.id)
       };
     }),
-    e: common_vendor.f(["首页", "申请租赁", "个人中心"], (nav, index, i0) => {
+    f: common_vendor.f(["首页", "申请租赁", "个人中心"], (nav, index, i0) => {
       return {
         a: common_vendor.t(index === 0 ? "🏠" : index === 1 ? "➕" : "😊"),
         b: common_vendor.t(nav),
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxml b/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
index 8f86589..2d52b1d 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"><text class="speaker-icon data-v-1cf27b2a">📢</text><text class="announcement-text data-v-1cf27b2a">暂无更多公告! 暂无更多公告! 暂无更多公告!</text></view><view class="banner-section data-v-1cf27b2a"><view wx:for="{{b}}" 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="{{c}}" 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="{{d}}" 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="{{e}}" 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 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
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
index 6647e98..90dbbf6 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
@@ -24,32 +24,17 @@
 /* 透明度 */
 /* 文章场景相关 */
 .home-container.data-v-1cf27b2a {
-  background-color: #f5f5f5;
+  background: linear-gradient(to bottom, #FFDDCA 0px, #FFDDCA 450rpx, #f5f5f5 450rpx, #f5f5f5 100%);
   min-height: 100vh;
   padding-bottom: 120rpx;
   /* 为底部导航留出空间 */
   max-width: 750rpx;
   margin: 0 auto;
-}
-
-/* 状态栏 */
-.status-bar.data-v-1cf27b2a {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20rpx 30rpx;
-  background-color: #f5f5f5;
-  font-size: 28rpx;
-  color: #333;
-}
-.status-icons.data-v-1cf27b2a {
-  display: flex;
-  gap: 10rpx;
+  z-index: -2;
 }
 
 /* 头部信息 */
 .header.data-v-1cf27b2a {
-  background: linear-gradient(135deg, #FFDDCA 0%, #FFDDCA 100%);
   padding: 106rpx 30rpx 20rpx 30rpx;
   display: flex;
   justify-content: space-between;
@@ -77,31 +62,47 @@
 
 /* 公告栏 */
 .announcement-bar.data-v-1cf27b2a {
-  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
+  background: white;
+  opacity: 0.5;
+  margin: 34rpx 19rpx 0 19rpx;
   padding: 15rpx 30rpx;
   display: flex;
   align-items: center;
   gap: 15rpx;
   overflow: hidden;
+  height: 34rpx;
+  border-radius: 100rpx;
+  border: #4cd964 solid 1px;
 }
-.announcement-bar .speaker-icon.data-v-1cf27b2a {
-  font-size: 24rpx;
-  color: #333;
+.announcement-bar .announcementIcon.data-v-1cf27b2a {
+  height: 32rpx;
+  width: 32rpx;
+  flex-shrink: 0;
 }
-.announcement-bar .announcement-text.data-v-1cf27b2a {
-  font-size: 24rpx;
-  color: #333;
+.announcement-bar .announcement-box.data-v-1cf27b2a {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.announcement-bar .announcement-box .announcement-text.data-v-1cf27b2a {
+  font-size: 13px;
+  opacity: 1;
+  color: black;
   white-space: nowrap;
-  animation: scroll-text-1cf27b2a 20s linear infinite;
+  animation: scroll-text-1cf27b2a 10s linear infinite;
+  border: #4cd964 solid 1px;
+  display: inline-block;
+  padding-left: 100%;
 }
 @keyframes scroll-text-1cf27b2a {
 0% {
-    transform: translateX(100%);
+    transform: translateX(0);
 }
 100% {
     transform: translateX(-100%);
 }
 }
+
 /* 轮播图 */
 .banner-section.data-v-1cf27b2a {
   padding: 30rpx;