fix

src/component/Account/message/system.vue

@@ -0,0 +1,104 @@
+<template>
+    <div class="account_systemMessage">
+		<div class="account_systemMessage_title modal_title_text">
+			系统消息
+		</div>
+		<div class="account_systemMessage_item modal_title_text">
+			<div class="account_systemMessage_item_title">
+				<div>Open Call for International Young Fashion Talent</div>
+				<div class="modal_title_text_intro">31 Aug 2024</div>
+			</div>
+			<div class="modal_title_text_intro">
+				10 selected young fashion talent will be mentored by the AiDA development team to learn and explore the possibilities of AiDA. Each selected young fashion talent will create a 4-outfit collection themed “Culture” with AiDA. They will receive full technical support and subsidies for the associated production fee. Selected International/ Mainland young talent will also be able to attend the Culture X AI Internation Fashion Show in Hong Kong that is scheduled on 11 March 2025.
+				<span class="account_systemMessage_item_link">网页链接</span>
+			</div>
+		</div>
+		<div></div>
+		<div></div>
+    </div>
+</template>
+<script lang="ts">
+import { defineComponent,computed,ref,reactive,nextTick,toRefs,createVNode, onMounted} from 'vue'
+import { Https } from "@/tool/https";
+import { useRouter,useRoute } from 'vue-router'
+import { Modal,message } from 'ant-design-vue';
+import { useStore } from "vuex";
+import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
+import { useI18n } from 'vue-i18n'
+export default defineComponent({
+    components:{
+    },
+    setup() {
+		const router = useRouter()
+        const store = useStore();
+		let accountMessage = reactive({
+			activeKey: ref('1'),
+		})
+		// let ws = new WebSocket('ws://127.0.0.1:3000')
+		// console.log(ws);
+		
+		// ws.onopen = ()=>{
+		// 	console.log(222);
+		// 	let data = {
+		// 		cmd:4, 
+		// 		data:{
+		// 			msg:'222'
+		// 		} 
+		// 	}
+		// 	ws.send(JSON.stringify(data))
+		// 	// ws.onmessage = (data)=>{
+		// 	// 	console.log(data); 
+		// 	// }
+		// }
+		// provide('exhibitionList',exhibitionList)
+		
+		onMounted (()=>{
+		})
+        return{
+           ...toRefs(accountMessage),
+        }
+    },
+    data(){
+        return{
+            
+        }
+    },
+})
+</script>
+<style lang="less" scoped>
+.account_systemMessage{
+	width: 100%;
+	.account_systemMessage_title{
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 2rem 5rem;
+		border-bottom: 1px solid #e9eaec;
+		box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.12);
+		border: 1px solid #e9eaec;
+		border-radius: 5px;
+		.account_systemMessage_title_setting{
+			cursor: pointer;
+		}
+	}
+	.account_systemMessage_item{
+		box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.12);
+		border: 1px solid #e9eaec;
+		border-radius: 5px;
+		padding: 5rem 5rem;
+		.account_systemMessage_item_title{
+			display: flex;
+			align-items: center;
+			margin-bottom: 2rem;
+			.modal_title_text_intro{
+				margin-left: 4rem;
+			}
+		}
+		.account_systemMessage_item_link{
+			color: #39215b;
+			cursor: pointer;
+			font-weight: 600;
+		}
+	}
+}
+</style>