个人中心，添加公共无数据样式

static/css/common.scss

@@ -292,4 +292,26 @@
 }
 .common-word{
 	color: #CCB375 ;
+}
+
+.fixed-bottom-box{
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	background-color: #fff;
+	border-radius: 30rpx 30rpx 0 0;
+	width: 100vw;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	margin-top: 20rpx;
+	padding: 24rpx 0 calc(24rpx + env(safe-area-inset-bottom));
+	.default{
+		border: 1rpx solid #01243A;
+		font-size: 28rpx;
+		border-radius: 10rpx;
+		padding: 2rpx 6rpx;
+		margin-left: 10rpx;
+	}
 }

subpackage/orders/invoiceApply/invoice-header-list.vue

@@ -25,9 +25,10 @@
 
 		</view>
 		<!-- <view style="text-align: center;margin: 20rpx;font-size: 30rpx;" v-if="state.flags">我是有底线的~</view> -->
-		<view class="no" v-if="form.data.length==0">暂无发票抬头</view>
+		<NoDataView v-if="form.data.length == 0" text="暂无发票抬头" />
 	</view>
-	<view class="action">
+	
+	<view class="fixed-bottom-box">
 		<button type="default" class="ui-btn" @click="add()">
 			添加新抬头
 		</button>
@@ -49,6 +50,7 @@
 	import {
 		getItem
 	} from "@/utils/storage";
+	import NoDataView from "@/components/no-data-view/no-data-view.vue";
 	// 表单数据
 	const form = reactive({
 		userMobile: "",
@@ -183,26 +185,4 @@
 			}
 		}
 	}
-
-	.action {
-		position: fixed;
-		left: 0;
-		bottom: 0;
-		height: 188rpx;
-		background-color: #fff;
-		border-radius: 30rpx 30rpx 0 0;
-		width: 100vw;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-direction: column;
-		margin-top: 20rpx;
-	}
-	.default{
-		border: 1rpx solid #01243A;
-		font-size: 28rpx;
-		border-radius: 10rpx;
-		padding: 2rpx 6rpx;
-		margin-left: 10rpx;
-	}
 </style>

subpackage/personal-center/setting/addressManager.vue

@@ -27,7 +27,8 @@
 			</view>
 		</view>
 		<NoDataView v-if="state.addressArray.length == 0" :text="'暂无收货地址'"></NoDataView>
-		<view style="margin-top: 60rpx" class="action-bottom">
+		
+		<view class="fixed-bottom-box">
 			<button type="default" class="ui-btn" @click="goToAddAddress()">
 				添加收货地址
 			</button>
@@ -245,16 +246,4 @@
 			}
 		}
 	}
-
-	.action-bottom {
-		padding-bottom: 30rpx;
-	}
-
-	.default {
-		border: 1rpx solid #004576;
-		border-radius: 5rpx;
-		padding: 2rpx 4rpx;
-		color: #004576;
-		margin-left: 4rpx;
-	}
 </style>

subpackage/service/equityList/equityList.vue

@@ -9,7 +9,7 @@
 			<image class="icon-back" src="/static/image/icon-back.png" mode=""></image>
 		</view>
 	</view>
-	<view v-if="listData.length==0" class="no">暂无数据</view>
+	<NoDataView v-if="listData.length==0" text="暂无数据" />
 </template>
 <script setup lang='ts'>
 	import { reactive } from "vue";
@@ -26,6 +26,7 @@
 	import {
 		stringToJson
 	} from "@/utils/network/encryption";
+	import NoDataView from "@/components/no-data-view/no-data-view.vue";
 	import { msg } from "@/utils/utils";
 	import {onShow} from "@dcloudio/uni-app";
 	let listData = ref([])
@@ -223,11 +224,6 @@
 	}
 </style>
 <style lang='scss' scoped>
-.no{
-	text-align: center;
-	margin: 40rpx auto;
-	font-size: 28rpx;
-}
 .list {
 	background-size: 100% 100%;
 	background-repeat: no-repeat;