样式修改

common/styles/global/pages.scss

@@ -1766,20 +1766,29 @@
 		width: 94%;height: 90vh;margin: 3% 3%;display: flex;flex-direction: column;
 		background-color: rgba(255, 255, 255, 0.6);border-radius:8rpx;}
 	.tab-head-box{
-		height: 82rpx!important;display: flex;flex-shrink: 0;
-		background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 20rpx 20rpx 0;
-		box-sizing: border-box;padding: 10rpx 12rpx;border-radius: 8rpx;
+		height: 100rpx!important;display: flex;justify-content: space-between;flex-shrink: 0;
+		z-index: 3;margin: 20rpx 20rpx 0;border-bottom: 4rpx dashed #7cbeee;
+		box-sizing: border-box;padding: 10rpx 0 24rpx;
 	}
 	.tab-item {
-		width: 50%;height: 62rpx;line-height: 62rpx;
-		text-align: center;font-size: 28rpx;color: #333;
+		// width: 50%;height: 62rpx;line-height: 62rpx;
+		width: 288rpx;height: 60rpx;line-height: 60rpx;background-image: url("@/static/images/grade/grades-lv-bj2.png");
+		text-align: center;font-size: 28rpx;color: #fff;@include ezy-no-repeat-cover;
 	}
-	.tab-item.active{background-color: rgb(58, 127, 233);border-color: rgb(58, 127, 233);color: #fff;border-radius: 8rpx;}
-	.select-version-body{flex: 1;overflow-y: auto;}
+	.tab-item.active{background-image: url("@/static/images/grade/grades-lv-a-bj2.png");color: #fff;border-radius: 8rpx;color: #6e0c02;}
+	.select-version-body{flex: 1;overflow-y: auto;padding-top:24rpx;box-sizing: border-box;}
 	.version-content-box{
-		display: flex;flex-wrap: wrap;
-		.version-item{width: 33.33%;margin: 24rpx 0;}
-	}
+		display: flex;flex-wrap: wrap;padding: 0 10rpx;box-sizing: border-box;
+		.version-item{
+		  width: 33.33%;margin-bottom: 20rpx;display: flex;justify-content: center;
+		 .version-item-border {
+			 width: 192rpx;height: 76rpx;line-height: 74rpx;@include single-line-ellipsis;
+			 text-align: center;font-size: 25rpx;color: #333;@include ezy-no-repeat-cover;
+			 background-image: url("@/static/images/grade/grades-cjdc-bj.png");
+			 box-sizing: border-box;padding: 0 5rpx;}
+		}
+		.version-item.active .version-item-border{color: #6e0c02;background-image: url("@/static/images/grade/grades-cjdc-a-bj.png");}
+}
 	.select-version-line{width: 90%;height: 4rpx;border-top: 4rpx dashed #7cbeee;margin: 16rpx auto;}
 	.select-version-confirm-btn{
 		width: 644rpx;height: 108rpx;background-color: transparent;flex-shrink: 0;

pages/selectVersion/selectVersion.vue

@@ -15,7 +15,7 @@
 						<!-- 产品 -->
 						<view v-for="item in list" :key="item.id" :id="`s_${item.id}`" @click="handleSelectVersion(item)"
 							:class="[ 'version-item', {'active': item.id == data.shangxiaVersionId} ]">
-							<view>{{item.lable}}</view>
+							<view class="version-item-border">{{item.lable}}</view>
 						</view>
 					</view>
 				</scroll-view>