From c72dd4a455fce47d242fe92da31da3e4f03b4630 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Tue, 19 May 2026 10:05:55 +0800
Subject: [PATCH] 111

---
 src/assets/css/style.css         |  1 -
 src/assets/css/style.less        |  2 +-
 src/pages/my-account/orders.vue  |  8 +++++++-
 src/pages/my-account/tip-box.vue | 29 +++++++++++++++++++++++++++++
 4 files changed, 37 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/my-account/tip-box.vue

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index d41ff3b..c887526 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -24,7 +24,6 @@ h6,
   font-family: Poppins, sans-serif;
   font-weight: 600;
   letter-spacing: 2px;
-  text-transform: capitalize;
 }
 @keyframes loading {
   0% {
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index c14463a..6dee395 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -26,7 +26,7 @@ h6,
 	font-family: Poppins, sans-serif;
 	font-weight: 600;
 	letter-spacing: 2px;
-	text-transform: capitalize;
+	// text-transform: capitalize;
 }
 
 @keyframes loading {
diff --git a/src/pages/my-account/orders.vue b/src/pages/my-account/orders.vue
index 1462518..f1de261 100644
--- a/src/pages/my-account/orders.vue
+++ b/src/pages/my-account/orders.vue
@@ -1,11 +1,17 @@
 <template>
-	<div class="orders">No order has been made yet.</div>
+	<div class="orders">
+		<tip-box>
+			<router-link class="link" to="/">Browse products</router-link>
+		</tip-box>
+	</div>
 </template>
 <script setup lang="ts">
 	import { computed, ref } from 'vue'
+	import tipBox from './tip-box.vue'
 </script>
 
 <style scoped lang="less">
 	.orders {
+		width: 100%;
 	}
 </style>
diff --git a/src/pages/my-account/tip-box.vue b/src/pages/my-account/tip-box.vue
new file mode 100644
index 0000000..ab35cb4
--- /dev/null
+++ b/src/pages/my-account/tip-box.vue
@@ -0,0 +1,29 @@
+<template>
+	<div class="tip-box">
+		<span class="iconfont icon-info"></span>
+		<div class="tip">No order has been made yet.</div>
+		<slot></slot>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+</script>
+
+<style scoped lang="less">
+	.tip-box {
+		width: 100%;
+		height: 48px;
+		background-color: #1565c0;
+		border-left: 5px solid rgba(0, 0, 0, 0.2);
+		display: flex;
+		align-items: center;
+		padding: 0 20px;
+		> .tip {
+			flex: 1;
+		}
+		> * {
+			color: #fff;
+			font-size: 16px;
+		}
+	}
+</style>