add UserAgreement.vue

src/components/CustomerList.vue

@@ -32,7 +32,7 @@
 				</template>
 			</t-cell>
 		</t-cell-group>
-		<div v-else class="empty-block" v-text="emptyText" />
+		<div v-else class="center-tips" v-text="emptyText" />
 	</div>
 </template>
 
@@ -115,22 +115,6 @@ function handleRemove(customer: Customer): void {
 		width: 3.5rem;
 		height: 3.5rem;
 	}
-
-	.empty-block {
-		color: #52607a;
-		margin: 1rem;
-		padding: 1rem;
-		text-align: center;
-		background: #f8fbff;
-		border-radius: 1rem;
-	}
-}
-
-:deep(.avatar .t-image__img) {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-	border-radius: inherit;
 }
 
 :global(html.theme-dark) {