style: 上线全局样式

This commit is contained in:
ccnetcore
2025-08-04 23:29:25 +08:00
parent 3e647ef14d
commit 225932eff1
10 changed files with 29 additions and 20 deletions

View File

@@ -24,6 +24,7 @@
{
width: 414px;
height:522px;
border: 1px solid rgba(0, 255, 136, 0.2);
/* background-color: #FFFFFF; */
}
.div-right
@@ -89,22 +90,20 @@ height: 25px;
}
.left-btn button
{
border: 1px solid #000;
border: 1px solid rgba(0, 255, 136, 0.2);
width: 100px;
height: 35px;
cursor: pointer;
}
.btn-login
{
background-color: #EF6562;
color: #FFFFFF;
color: #000000;
background: #00DB73;
}
.btn-reg
{
margin-left: 20px;
background-color: #FFFFFF;
}
.left-lable
{
@@ -198,7 +197,7 @@ align-items: flex-end;
width: 414px;
height:522px;
/* background-color: #FFFFFF; */
border: 1px solid rgba(0, 255, 136, 0.2);
}
.div-right-register
{
@@ -219,3 +218,11 @@ align-items: flex-end;
width: 100%;
height: 100%;
}
.btn-login:hover {
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
}
.btn-reg:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
}

View File

@@ -91,7 +91,7 @@
<div v-if="item.isRead" class="notice-msg" style="background-color: #f7f7f7;">
<div v-if="item.isRead" class="notice-msg" >
<span class="notice-time">[已读]通知时间 {{ dayjs(item.creationTime).format('YYYY年M月D日 HH时mm分ss秒') }}</span>
<div v-html="item.message"></div>
</div>

View File

@@ -18,6 +18,7 @@ onUnmounted(()=>{
.chat-body
{
height: 100%;
/* padding: 5%; */
display: flex;
justify-content: center;

View File

@@ -68,7 +68,6 @@ const handleScroll = () => {
margin: 0;
padding: 0;
min-height: 10rem;
//background-color: #f0f2f5;
}
.fixed {
@@ -79,3 +78,4 @@ const handleScroll = () => {
z-index: 99999;
}
</style>

View File

@@ -39,7 +39,6 @@ const handleScroll = () => {
}
};
</script>
<style scoped lang="scss">
.common {
&-layout {
@@ -52,7 +51,7 @@ const handleScroll = () => {
}
&-header {
width: 100%;
background-color: #fff;
background: #0A0B0C;
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
height: 60px;
display: flex;
@@ -63,6 +62,7 @@ const handleScroll = () => {
justify-content: center;
width: 100%;
height: calc(100% - 50px);
background: linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%),linear-gradient(135deg, rgba(0, 255, 136, 0.03) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 255, 136, 0.02) 100%);
}
}
@@ -70,6 +70,7 @@ const handleScroll = () => {
margin: 0;
padding: 0;
min-height: 10rem;
//background-color: #f0f2f5;
}
.fixed {

View File

@@ -23,14 +23,14 @@ import ActivityNav from './ActivityNav.vue'
.menuList {
width: 20%;
height: 100%;
background-color: #fff;
border-radius: 5px;
background-color: #1D1E1F;
border: 1px solid rgba(0, 255, 136, 0.2);
}
.page {
width: 75%;
height: 100%;
background-color: #fff;
border-radius: 5px;
border: 1px solid rgba(0, 255, 136, 0.2);
background-color: #1D1E1F;
}
}
</style>

View File

@@ -503,7 +503,7 @@ const clickCopyEvent = async function (event) {
<template>
<div style="position: absolute; top: 0;left: 0;" v-show="isShowTipNumber>0">
<div style="position: absolute; top: 0;left: 0;z-index: 100;" v-show="isShowTipNumber>0">
<p>当前版本3.0.0</p>
<p>tip:官方学习交流群每次发送消息消耗 1 钱钱</p>
<p>tip:点击聊天窗口右上角"X"可退出</p>
@@ -802,7 +802,7 @@ ul {
.user-list {
height: calc(100% - 75px);
color: #000;
overflow-y: auto;

View File

@@ -57,7 +57,7 @@ const handleClick = (item) => {
<style scoped lang="scss">
.tabs {
display: flex;
background-color: #fff;
border: 1px solid rgba(0, 255, 136, 0.2);
padding: 1rem;
margin: 1rem 0rem;
color: #8c8c8c;

View File

@@ -225,7 +225,7 @@ const tabList = ref([
align-items: center;
}
.header {
background-color: #ffffff;
border: 1px solid rgba(0, 255, 136, 0.2);
padding: 1rem;
margin: 1rem 0rem;
}

View File

@@ -209,7 +209,7 @@ onUnmounted(() => {
height: 1800px;
padding: 48px;
background-color: #fff;
border-radius: 12px;
border-radius: 0px;
border: 0;
box-shadow: 0 0 1rem rgba(0, 0, 0, .08);
display: flex;