feat：抵扣券换成数字积分

pages/rwa_package/shop/fen-shop.vue

@@ -1,14 +1,17 @@
 <template>
 	<view class="content">
 		<TopSafe></TopSafe>
-		<Header :isBack="false">
-			<!-- #ifndef MP-WEIXIN -->
+		<Header :isBack="false" height="88rpx">
 			<template v-slot:left>
-				<u-icon size="36rpx" name="arrow-left" color="#000" @click="goback"></u-icon>
-				抵扣券专区: {{ balanceData.curAmount || 0 }}
+				<view class="header-left-content">
+					<u-icon size="36rpx" name="arrow-left" color="#000" @click="goback"></u-icon>
+					<up-image src="https://static.tbmall.xin/static/mine-purse/vcoin.png" width="22" height="22"
+						bgColor="#f1f6ff00" class="purse_amount"></up-image>
+					<text class="header-text">数字积分兑换专区: {{ balanceData.curAmount || 0 }}</text>
+				</view>
 			</template>
-			<!-- #endif -->
 		</Header>
+
 		<view class="swiper-view">
 			<view :class="['swiper-item', { 'active': currentItem === item.key }]" v-for="(item, index) in swiperList"
 				:key="index" @click="onClickItem(item)">
@@ -184,6 +187,24 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
+.header-left-content {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+.header-text {
+	font-size: 28rpx;
+	color: #333;
+}
+.purse_amount{
+	width: 36rpx;
+	height: 36rpx;
+	margin: 0 12rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
 .bottom-btn {
 	width: 100%;
 	margin-bottom: 92rpx;
@@ -198,7 +219,7 @@ export default {
 
 .swiper-view {
 	width: 100%;
-	height: 80rpx;
+	height: 70rpx;
 	display: flex;
 	flex-direction: row;
 	background: #FFFFFF;
@@ -210,12 +231,19 @@ export default {
 	.swiper-item {
 		padding: 0 16rpx;
 		height: 100%;
+		min-height: 40px;
 		color: #666;
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		flex-shrink: 0;
 		box-sizing: border-box;
+		font-size: 28rpx;
+
+		.swiper-item-content {
+			font-size: 28rpx;
+			line-height: 40rpx;
+		}
 
 		&.active {
 			color: #7A35F6;
@@ -226,7 +254,8 @@ export default {
 
 .name-box {
 	width: 100%;
-	flex: 1;
+	// flex: 1;
+	height: calc(100% - 88rpx - 70rpx - var(--status-bar-height));
 	display: flex;
 	flex-direction: column;
 	align-items: center;