feedingIndex

pages.json

@@ -99,7 +99,7 @@
 			"path" : "pages/feedingIndex/feedingIndex",
 			"style" : 
 			{
-				"navigationBarTitleText" : ""
+				"navigationBarTitleText" : "添加喂养记录"
 			}
 		}
 	],

pages/feedingIndex/feedingIndex.vue

@@ -16,7 +16,8 @@
 			<text class="time-label">喂养时间</text>
 			<text class="time-value">2025-06-01 22:22</text>
 			<image class="edit-icon" src="/static/feedingIndex/v1/icon_modify.png" mode="aspectFit" />
-			<text class="records-link">喂养记录 ›</text>
+			<text class="records-link">喂养记录</text>
+			<image class="arrow-right" src="/static/feedingIndex/v1/icon_arrow_yellow.png"></image>
 		</view>
 
 		<!-- 喂养类型选择 -->
@@ -179,7 +180,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 
-const swiperData = ref([{bannerImg: '/static/shengzhangTool/banner1.png'}, {bannerImg: '/static/shengzhangTool/banner2.png'}, {bannerImg: '/static/shengzhangTool/banner3.png'}]);
+const swiperData = ref([{ bannerImg: '/static/feedingIndex/v1/banner.png' }, { bannerImg: '/static/feedingIndex/v1/banner.png' }, { bannerImg: '/static/feedingIndex/v1/banner.png' }]);
 
 const bannerHandler = (item) => {
 	console.log(item);
@@ -256,12 +257,9 @@ function getTabImage() {
 }
 
 .banner-swiper {
-	position: absolute;
-	left: 50%;
-	transform: translateX(-50%);
-	top: 191rpx;
-	width: 687rpx;
-	height: 176rpx;
+	width: 718rpx;
+	height: 174rpx;
+	margin-left: 16rpx;
 
 	.banner-img {
 		width: 100%;
@@ -278,25 +276,33 @@ function getTabImage() {
 
 	.time-label {
 		font-size: 28rpx;
-		color: #333;
-		margin-right: 20rpx;
+		color: #6f6d67;
+		margin-right: 15rpx;
 	}
 
 	.time-value {
 		font-size: 28rpx;
-		color: #333;
-		margin-right: 10rpx;
+		color: #1d1e25;
+		margin-right: 5rpx;
+		font-weight: bold;
 	}
 
 	.edit-icon {
-		width: 32rpx;
-		height: 32rpx;
+		width: 61rpx;
+		height: 61rpx;
+		margin-top: 10rpx;
 		margin-right: auto;
 	}
 
 	.records-link {
-		font-size: 26rpx;
-		color: #C89F6B;
+		font-size: 28rpx;
+		color: #b27c1e;
+		margin-right: 5rpx;
+	}
+
+	.arrow-right {
+		width: 11rpx;
+		height: 19rpx;
 	}
 }