提交

components/tabbar/tabbar.vue

@@ -44,6 +44,14 @@
 						isTip:true,
 						num:0
 					},
+					{
+						pagePath: "/pages/index/contract/contract",
+						iconPath: "https://hls.huhakeji.top/uploads/20260108/46d0feeaa65e6c2dbd47054fc333c467.png",
+						selectedIconPath: "https://hls.huhakeji.top/uploads/20260108/8cab46fc021348dc5cd7b2177206cb8a.png",
+						text: "采购",
+						isTip:true,
+						num:0
+					},
 					{
 						pagePath: "/pages/news/news",
 						iconPath: BASE_IMG_URL+"tab3.png",

pages/index/contract/contract.vue

@@ -141,16 +141,20 @@
 			</view>
 		</uni-popup>
 		
-		<!-- 创建用户图标 -->
+		<!-- 创建采购悬浮按钮 -->
-		<view class="icon_creat" @click="toCreateContract">
+		<view class="fab_btn" @click="toCreateContract">
-			<image :src="BASE_IMG_URL+'1.png'" mode="scaleToFill"></image>
+			<text class="fab_icon">采购</text>
 		</view>
 		
 		<select-customer ref="customerChild" @getCustomerinfo="getCustomerinfo"></select-customer>
+	<!-- 底部导航 -->
+		<uniTabbar ></uniTabbar>
 	</view>
 </template>
 
 <script>
+	import uniTabbar from '@/components/tabbar/tabbar.vue'
+
 	import {
 		netCrmContractList,
 		netSearchStaffList
@@ -161,6 +165,7 @@
 	
 	export default {
 		components:{
+			uniTabbar,
 			selectCustomer,
 			searchItem
 		},
@@ -593,9 +598,9 @@
 	.bot_total{
 		position: fixed;
 		left:0;
-		bottom:0;
+		bottom:calc(100rpx + env(safe-area-inset-bottom) / 2);
 		width:750rpx;
-		height:calc(80rpx + env(safe-area-inset-bottom) / 2);
+		height:80rpx;
 		background:#fff;
 		font-size:24rpx;
 		color:#333;
@@ -603,7 +608,6 @@
 		line-height: 80rpx;
 		color:$uni-text-color;
 		border-top:1rpx solid #f5f5f5;
-		padding-bottom:calc(env(safe-area-inset-bottom) / 2);
 	}
 	.botwarp{
 		background:#fff;
@@ -635,4 +639,45 @@
 			line-height: 100rpx;
 		}
 	}
+	
+	// 悬浮按钮样式
+	.fab_btn {
+		position: fixed;
+		right: 40rpx;
+		bottom: calc(280rpx + env(safe-area-inset-bottom) / 2);
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 50%;
+		background: #008eff;
+		box-shadow: 0 8rpx 24rpx rgba(0, 142, 255, 0.4);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: 999;
+		animation: fab-pulse 2s ease-in-out infinite;
+		
+		&:active {
+			transform: scale(0.9);
+			box-shadow: 0 4rpx 12rpx rgba(0, 142, 255, 0.3);
+			animation: none;
+		}
+		
+		.fab_icon {
+			font-size: 32rpx;
+			color: #fff;
+			font-weight: 500;
+			line-height: 1;
+		}
+	}
+	
+	@keyframes fab-pulse {
+		0%, 100% {
+			transform: scale(1);
+			box-shadow: 0 8rpx 24rpx rgba(0, 142, 255, 0.4);
+		}
+		50% {
+			transform: scale(1.05);
+			box-shadow: 0 12rpx 32rpx rgba(0, 142, 255, 0.6);
+		}
+	}
 </style>

pagesB/contract/baseInfo.vue

@@ -36,6 +36,7 @@
 						</view>
 						<view class="context">零售价：￥{{item.price}}</view>
 						<view class="context">批发价：￥{{item.wholesale}}</view>
+						<view class="context" v-if="item.remark">备注：{{item.remark}}</view>
 					</view>
 				</view>
 			</view>