fix

src/router/index.ts

@@ -192,7 +192,32 @@ const routes: Array<RouteRecordRaw> = [
             path: "myListings",
             name: "myListings",
             meta: { enter: "all" },
-            component: () => import("@/views/SellerDashboard/BrandProfile/index.vue"),
+			children:[
+				{
+					path: "",
+					name: "myListingsChild",
+					meta: { enter: "all" },
+					redirect: "/home/seller/myListings/index",
+				},
+				{
+					path: "index",
+					name: "myListingsIndex",
+					meta: { enter: "all" },
+					component: () => import("@/views/SellerDashboard/MyListings/index.vue"),
+				},
+				{
+					path: "select",
+					name: "myListingsSelect",
+					meta: { enter: "all" },
+					component: () => import("@/views/SellerDashboard/MyListingCreateSelect/index.vue"),
+				},
+				{
+					path: "select/:id",
+					name: "myListingsSelectItem",
+					meta: { enter: "all" },
+					component: () => import("@/views/SellerDashboard/MyListingCreateSelectItem/index.vue"),
+				},
+			]
           },
 		  {
             path: "myOrders",

src/views/SellerDashboard/MyListingCreateSelect/index.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import sellerHeader from "../seller-header.vue"
+
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="myListings-seller">
+		<seller-header
+			title="Select Collection"
+			:breadcrumbs="[
+				{title:'My Listings', name:'myListingsIndex'},
+				{title:'Select Collection', name: 'myListingsSelect' }
+			]"
+		>
+		</seller-header>
+		<div class="content">
+			1231222aaa
+		</div>
+	</div>
+</template>
+<style scoped lang="less">
+	.myListings-seller {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		> .content {
+			margin-top: 2rem;
+			flex: 1;
+			overflow: hidden;
+		}
+	}
+</style>

src/views/SellerDashboard/MyListingCreateSelectItem/index.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import sellerHeader from "../seller-header.vue"
+
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="myListings-seller">
+		<seller-header
+			title="Select Collection"
+			:breadcrumbs="[
+				{title:'My Listings', name:'myListingsIndex'},
+				{title:'Select Collection', name: 'myListingsSelect' },
+				{title:'Select Sketch', name: 'myListingsSelectItem' }
+			]"
+		>
+		</seller-header>
+		<div class="content">
+			1231222aaa
+		</div>
+	</div>
+</template>
+<style scoped lang="less">
+	.myListings-seller {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		> .content {
+			margin-top: 2rem;
+			flex: 1;
+			overflow: hidden;
+		}
+	}
+</style>

src/views/SellerDashboard/MyListings/index.vue

@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import sellerHeader from "../seller-header.vue"
+
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="myListings-seller">
+		<seller-header
+			title="My Listings"
+			tip="Active listings and unpublished inventory."
+		>
+			<template #right>
+				<div class="button">
+					<span>New Listing</span>
+					<div class="icon">
+						<i class="fi fi-br-plus"></i>
+					</div>
+				</div>
+			</template>
+		</seller-header>
+		<div class="content">
+			123122222s
+		</div>
+	</div>
+</template>
+<style scoped lang="less">
+	.myListings-seller {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		.button {
+			width: 16rem;
+			line-height: 6rem;
+			border-radius: 4rem;
+			display: flex;
+			border: 1.5px solid #000000;
+			background-color: #000;
+			color: #fff;
+			transition: all .3s;
+			gap: .8rem;
+			align-items: center;
+			justify-content: center;
+			font-size: 1.6rem;
+			cursor: pointer;
+			i{
+				color: #fff;
+				display: flex;
+				font-size: 1.6rem;
+			}
+			&:hover{
+				background-color: #fff;
+				color: #000;
+				i{
+					color: #000;
+				}
+			}
+		}
+		> .content {
+			margin-top: 2rem;
+			flex: 1;
+			overflow: hidden;
+		}
+	}
+</style>

src/views/SellerDashboard/seller-header.vue

@@ -51,6 +51,7 @@
 <style scoped lang="less">
 	.seller-header {
 		width: 100%;
+		height: 6rem;
 		display: flex;
 		align-items: center;
 		gap: 2.4rem;

src/views/SellerDashboard/toolTipBox.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
-import sellerToolTipImg1 from '@/assets/images/sellerToolTip/sellerToolTip-1.png'
-import sellerToolTipImg2 from '@/assets/images/sellerToolTip/sellerToolTip-2.png'
-import sellerToolTipImg3 from '@/assets/images/sellerToolTip/sellerToolTip-3.png'
+import sellerToolTipImg1 from '@/assets/images/seller/sellerToolTip-1.png'
+import sellerToolTipImg2 from '@/assets/images/seller/sellerToolTip-2.png'
+import sellerToolTipImg3 from '@/assets/images/seller/sellerToolTip-3.png'
 import { useI18n } from 'vue-i18n'
 
 const props = defineProps({
@@ -69,7 +69,7 @@ const { showAgain } = toRefs(data);
 		>
 			<div class="generalModel_btn">
 				<div class="generalModel_closeIcon" @click.stop="cleardata()">
-					<SvgIcon name="sellerToolTipClose" size="30"></SvgIcon>
+					<SvgIcon name="seller-sellerToolTipClose" size="30"></SvgIcon>
 				</div>
 			</div>
 			<div class="titleBox">