selectStyle页面提示信息颜色冲突问题

src/views/Workshop/selectStyle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
+import { onMounted, onUnmounted, reactive, toRefs, computed, onActivated } from "vue";
 import SelectItem from "@/components/selectStyle/selectItem.vue";
 import HeaderTitle from '@/components/HeaderTitle.vue'
 import { useRouter } from 'vue-router'
@@ -35,7 +35,7 @@ const updateStyle = ({item,index})=>{
 
 const toProduct = ()=>{
 	if(!generateStore.style.id && !generateStore.style.oldId){
-		showNotify({ message: 'Please select a style.', type:'warning' });
+		showNotify({ message: 'Please select a style.', type:'warning', color:'#fff', background:'#ff976a' });
 		return
 	}
 	if(generateStore.style.id){

vite.config.ts

@@ -56,9 +56,9 @@ export default defineConfig(({ mode }) => {
 		},
 		server: {
 			host: '0.0.0.0', // 允许局域网内的IP访问
-			port: 8060, // 根据环境设置端口
+			// port: 8060, // 根据环境设置端口
 			open: false, // 自动打开浏览器
-			strictPort: true, // 如果端口已被占用，则尝试下一个可用端口
+			// strictPort: true, // 如果端口已被占用，则尝试下一个可用端口
 			hmr: {
 				overlay: true
 			},