Merge branch 'bbs-sharpdance' into ai-hub
This commit is contained in:
@@ -1,47 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<html lang="en" class="dark">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>.Net意社区</title>
|
||||
<!-- 为了,icp备案-->
|
||||
<!-- <title>个人成果展示</title>-->
|
||||
<link rel="stylesheet" href="/src/assets/loading.css" />
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5453339688995325"
|
||||
crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="Loading">
|
||||
<div class="loader JS_on">
|
||||
<span class="binary"></span>
|
||||
<span class="binary"></span>
|
||||
<span class="getting-there">意社区很大,你要等一下...</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
<title>.Net意社区</title>
|
||||
<!-- 为了,icp备案-->
|
||||
<!-- <title>个人成果展示</title>-->
|
||||
<link rel="stylesheet" href="/src/assets/loading.css" />
|
||||
</head>
|
||||
|
||||
<!-- 引入聊天组件脚本 -->
|
||||
<script async src="https://opendeep.wiki/koala-chat-widget.js"></script>
|
||||
<script>
|
||||
function loadChatWidget() {
|
||||
KoalaChatWidget.init({
|
||||
appId: 'ccnetcore',
|
||||
title: 'ccnetcore',
|
||||
theme: 'light', // 或 'dark'
|
||||
// 其他可选配置...
|
||||
onError: (error) => {
|
||||
console.error('Chat widget error:', error);
|
||||
},
|
||||
onValidationFailed: (domain) => {
|
||||
console.error('Domain validation failed:', domain);
|
||||
}
|
||||
});
|
||||
}
|
||||
// 页面加载完成后再加载聊天组件
|
||||
window.addEventListener('load', loadChatWidget);
|
||||
|
||||
</script>
|
||||
</html>
|
||||
<body>
|
||||
<div id="Loading">
|
||||
<div class="loader JS_on">
|
||||
<span class="binary"></span>
|
||||
<span class="binary"></span>
|
||||
<span class="getting-there">意社区很大,你要等一下...</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
|
||||
<!-- 引入聊天组件脚本 -->
|
||||
<!-- <script async src="https://opendeep.wiki/koala-chat-widget.js"></script>
|
||||
<script>
|
||||
function loadChatWidget() {
|
||||
KoalaChatWidget.init({
|
||||
appId: 'ccnetcore',
|
||||
title: 'ccnetcore',
|
||||
theme: 'light', // 或 'dark'
|
||||
// 其他可选配置...
|
||||
onError: (error) => {
|
||||
console.error('Chat widget error:', error);
|
||||
},
|
||||
onValidationFailed: (domain) => {
|
||||
console.error('Domain validation failed:', domain);
|
||||
}
|
||||
});
|
||||
}
|
||||
// 页面加载完成后再加载聊天组件
|
||||
window.addEventListener('load', loadChatWidget);
|
||||
</script> -->
|
||||
|
||||
</html>
|
||||
@@ -38,7 +38,7 @@
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.0.0",
|
||||
"copy-webpack-plugin": "^11.0.0",
|
||||
"sass": "1.52.1",
|
||||
"sass": "^1.89.2",
|
||||
"unplugin-auto-import": "^0.15.0",
|
||||
"unplugin-vue-components": "^0.24.0",
|
||||
"vite": "^4.1.3",
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><defs><linearGradient id="gradient" x1="52%" y1="0%" x2="48%" y2="100%"><stop offset="5%" stop-color="#0693e3"></stop><stop offset="95%" stop-color="#0693e3"></stop></linearGradient></defs><path d="M 0,400 L 0,100 C 80.95362418412918,103.28753005839917 161.90724836825837,106.57506011679834 224,114 C 286.09275163174163,121.42493988320166 329.3246307110958,132.9872895912058 390,125 C 450.6753692889042,117.0127104087942 528.7942287873583,89.47578151837855 594,89 C 659.2057712126417,88.52421848162145 711.4984541394712,115.10958433527998 789,108 C 866.5015458605288,100.89041566472002 969.2119546547576,60.08588114050154 1053,65 C 1136.7880453452424,69.91411885949846 1201.6537272414978,120.54689110271386 1263,134 C 1324.3462727585022,147.45310889728614 1382.173136379251,123.72655444864307 1440,100 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.53" class="transition-all duration-300 ease-in-out delay-150 path-0"></path><defs><linearGradient id="gradient" x1="52%" y1="0%" x2="48%" y2="100%"><stop offset="5%" stop-color="#0693e3"></stop><stop offset="95%" stop-color="#0693e3"></stop></linearGradient></defs><path d="M 0,400 L 0,233 C 77.77464788732394,237.21916867055995 155.54929577464787,241.43833734111988 219,235 C 282.4507042253521,228.56166265888012 331.57746478873247,211.46581930608042 388,206 C 444.42253521126753,200.53418069391958 508.14084507042253,206.6983854345586 591,209 C 673.8591549295775,211.3016145654414 775.8591549295775,209.74063895568528 849,201 C 922.1408450704225,192.25936104431472 966.4225352112676,176.33905874270016 1035,195 C 1103.5774647887324,213.66094125729984 1196.450704225352,266.9031260735142 1268,279 C 1339.549295774648,291.0968739264858 1389.7746478873241,262.0484369632429 1440,233 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-1" ></path>
|
||||
<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><defs><linearGradient id="gradient" x1="52%" y1="0%" x2="48%" y2="100%"><stop offset="5%" stop-color="#00F984"></stop><stop offset="95%" stop-color="#00F984"></stop></linearGradient></defs><path d="M 0,400 L 0,100 C 80.95362418412918,103.28753005839917 161.90724836825837,106.57506011679834 224,114 C 286.09275163174163,121.42493988320166 329.3246307110958,132.9872895912058 390,125 C 450.6753692889042,117.0127104087942 528.7942287873583,89.47578151837855 594,89 C 659.2057712126417,88.52421848162145 711.4984541394712,115.10958433527998 789,108 C 866.5015458605288,100.89041566472002 969.2119546547576,60.08588114050154 1053,65 C 1136.7880453452424,69.91411885949846 1201.6537272414978,120.54689110271386 1263,134 C 1324.3462727585022,147.45310889728614 1382.173136379251,123.72655444864307 1440,100 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.53" class="transition-all duration-300 ease-in-out delay-150 path-0"></path><defs><linearGradient id="gradient" x1="52%" y1="0%" x2="48%" y2="100%"><stop offset="5%" stop-color="#00F984"></stop><stop offset="95%" stop-color="#00F984"></stop></linearGradient></defs><path d="M 0,400 L 0,233 C 77.77464788732394,237.21916867055995 155.54929577464787,241.43833734111988 219,235 C 282.4507042253521,228.56166265888012 331.57746478873247,211.46581930608042 388,206 C 444.42253521126753,200.53418069391958 508.14084507042253,206.6983854345586 591,209 C 673.8591549295775,211.3016145654414 775.8591549295775,209.74063895568528 849,201 C 922.1408450704225,192.25936104431472 966.4225352112676,176.33905874270016 1035,195 C 1103.5774647887324,213.66094125729984 1196.450704225352,266.9031260735142 1268,279 C 1339.549295774648,291.0968739264858 1389.7746478873241,262.0484369632429 1440,233 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-1" ></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
@@ -1 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702540720819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4776" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 490.666667c-19.989333 0-37.354667 3.2-52.074667 13.866666s-22.592 29.717333-22.592 44.8c0 19.136 9.066667 27.392 15.509334 34.133334 6.4 6.72 13.098667 11.797333 19.456 16.234666 12.672 8.917333 24.704 15.253333 24.704 15.253334a32 32 0 0 0 29.994666 0s12.032-6.336 24.704-15.253334c6.357333-4.437333 13.034667-9.514667 19.456-16.234666 6.442667-6.741333 15.509333-14.997333 15.509334-34.133334 0-15.082667-7.850667-34.133333-22.592-44.8-14.72-10.666667-32.085333-13.866667-52.074667-13.866666z m0.533333 32a32 32 0 0 0-32 32c0 14.464-3.754667 47.168 5.098667 80.213333 4.416 16.512 12.714667 34.304 28.458667 47.957333 15.722667 13.653333 37.930667 21.162667 62.442666 21.162667 52.650667 0 96-43.349333 96-96a32 32 0 0 0-32-32 32 32 0 0 0-32 32c0 18.048-13.930667 32-32 32-12.8 0-17.28-2.709333-20.522666-5.546667-3.285333-2.837333-6.314667-7.722667-8.533334-16.128-4.522667-16.789333-2.944-42.773333-2.944-63.658666a32 32 0 0 0-32-32z m-0.533333 0a32 32 0 0 0-32 32c0 20.906667 1.578667 46.869333-2.922667 63.658666-2.24 8.405333-5.269333 13.290667-8.533333 16.128-3.264 2.837333-7.744 5.546667-20.544 5.546667-18.048 0-32-13.952-32-32A32 32 0 0 0 384 576a32 32 0 0 0-32 32c0 52.650667 43.349333 96 96 96 24.533333 0 46.72-7.530667 62.464-21.162667 15.722667-13.653333 24.042667-31.445333 28.458667-47.957333 8.832-33.045333 5.077333-65.749333 5.077333-80.213333a32 32 0 0 0-32-32z m128-160a42.666667 42.666667 0 0 1-42.666667 42.666666 42.666667 42.666667 0 0 1-42.666666-42.666666 42.666667 42.666667 0 0 1 42.666666-42.666667 42.666667 42.666667 0 0 1 42.666667 42.666667z m-170.666667 0a42.666667 42.666667 0 0 1-42.666666 42.666666 42.666667 42.666667 0 0 1-42.666667-42.666666 42.666667 42.666667 0 0 1 42.666667-42.666667 42.666667 42.666667 0 0 1 42.666666 42.666667z m42.666667-202.666667c-233.173333 0-416 224.021333-416 448 0 112 48.704 200.746667 125.418667 257.664C298.133333 922.581333 400.768 949.333333 512 949.333333s213.866667-26.752 290.581333-83.669333S928 720 928 608c0-223.978667-182.826667-448-416-448z m0 64c190.976 0 352 195.605333 352 384 0 94.208-37.269333 160.085333-99.541333 206.293333C702.186667 860.48 612.842667 885.333333 512 885.333333c-100.842667 0-190.186667-24.853333-252.458667-71.04C197.269333 768.085333 160 702.208 160 608c0-188.394667 161.024-384 352-384z m203.52-147.2a32 32 0 0 0-41.237333 17.984l-42.666667 106.666667a32 32 0 0 0 17.834667 41.6 32 32 0 0 0 41.6-17.834667l27.648-69.184c14.613333 12.906667 31.146667 30.421333 45.504 54.677333 25.344 42.816 43.690667 100.48 36.010666 169.749334a32 32 0 0 0 28.245334 35.328 32 32 0 0 0 35.328-28.245334 336.469333 336.469333 0 0 0-44.501334-209.450666C787.925333 125.077333 751.36 90.581333 715.52 76.8z m-407.04 0c-35.84 13.781333-72.405333 48.277333-103.765333 101.290667a336.469333 336.469333 0 0 0-44.501334 209.450666 32 32 0 0 0 35.328 28.245334 32 32 0 0 0 28.245334-35.328c-7.68-69.269333 10.666667-126.933333 36.010666-169.749334a225.792 225.792 0 0 1 45.504-54.677333l27.648 69.184a32 32 0 0 0 41.6 17.834667 32 32 0 0 0 17.834667-41.6l-42.666667-106.666667A32 32 0 0 0 308.48 76.8z" p-id="4777" fill="#409eff"></path></svg>
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702540720819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4776" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 490.666667c-19.989333 0-37.354667 3.2-52.074667 13.866666s-22.592 29.717333-22.592 44.8c0 19.136 9.066667 27.392 15.509334 34.133334 6.4 6.72 13.098667 11.797333 19.456 16.234666 12.672 8.917333 24.704 15.253333 24.704 15.253334a32 32 0 0 0 29.994666 0s12.032-6.336 24.704-15.253334c6.357333-4.437333 13.034667-9.514667 19.456-16.234666 6.442667-6.741333 15.509333-14.997333 15.509334-34.133334 0-15.082667-7.850667-34.133333-22.592-44.8-14.72-10.666667-32.085333-13.866667-52.074667-13.866666z m0.533333 32a32 32 0 0 0-32 32c0 14.464-3.754667 47.168 5.098667 80.213333 4.416 16.512 12.714667 34.304 28.458667 47.957333 15.722667 13.653333 37.930667 21.162667 62.442666 21.162667 52.650667 0 96-43.349333 96-96a32 32 0 0 0-32-32 32 32 0 0 0-32 32c0 18.048-13.930667 32-32 32-12.8 0-17.28-2.709333-20.522666-5.546667-3.285333-2.837333-6.314667-7.722667-8.533334-16.128-4.522667-16.789333-2.944-42.773333-2.944-63.658666a32 32 0 0 0-32-32z m-0.533333 0a32 32 0 0 0-32 32c0 20.906667 1.578667 46.869333-2.922667 63.658666-2.24 8.405333-5.269333 13.290667-8.533333 16.128-3.264 2.837333-7.744 5.546667-20.544 5.546667-18.048 0-32-13.952-32-32A32 32 0 0 0 384 576a32 32 0 0 0-32 32c0 52.650667 43.349333 96 96 96 24.533333 0 46.72-7.530667 62.464-21.162667 15.722667-13.653333 24.042667-31.445333 28.458667-47.957333 8.832-33.045333 5.077333-65.749333 5.077333-80.213333a32 32 0 0 0-32-32z m128-160a42.666667 42.666667 0 0 1-42.666667 42.666666 42.666667 42.666667 0 0 1-42.666666-42.666666 42.666667 42.666667 0 0 1 42.666666-42.666667 42.666667 42.666667 0 0 1 42.666667 42.666667z m-170.666667 0a42.666667 42.666667 0 0 1-42.666666 42.666666 42.666667 42.666667 0 0 1-42.666667-42.666666 42.666667 42.666667 0 0 1 42.666667-42.666667 42.666667 42.666667 0 0 1 42.666666 42.666667z m42.666667-202.666667c-233.173333 0-416 224.021333-416 448 0 112 48.704 200.746667 125.418667 257.664C298.133333 922.581333 400.768 949.333333 512 949.333333s213.866667-26.752 290.581333-83.669333S928 720 928 608c0-223.978667-182.826667-448-416-448z m0 64c190.976 0 352 195.605333 352 384 0 94.208-37.269333 160.085333-99.541333 206.293333C702.186667 860.48 612.842667 885.333333 512 885.333333c-100.842667 0-190.186667-24.853333-252.458667-71.04C197.269333 768.085333 160 702.208 160 608c0-188.394667 161.024-384 352-384z m203.52-147.2a32 32 0 0 0-41.237333 17.984l-42.666667 106.666667a32 32 0 0 0 17.834667 41.6 32 32 0 0 0 41.6-17.834667l27.648-69.184c14.613333 12.906667 31.146667 30.421333 45.504 54.677333 25.344 42.816 43.690667 100.48 36.010666 169.749334a32 32 0 0 0 28.245334 35.328 32 32 0 0 0 35.328-28.245334 336.469333 336.469333 0 0 0-44.501334-209.450666C787.925333 125.077333 751.36 90.581333 715.52 76.8z m-407.04 0c-35.84 13.781333-72.405333 48.277333-103.765333 101.290667a336.469333 336.469333 0 0 0-44.501334 209.450666 32 32 0 0 0 35.328 28.245334 32 32 0 0 0 28.245334-35.328c-7.68-69.269333 10.666667-126.933333 36.010666-169.749334a225.792 225.792 0 0 1 45.504-54.677333l27.648 69.184a32 32 0 0 0 41.6 17.834667 32 32 0 0 0 17.834667-41.6l-42.666667-106.666667A32 32 0 0 0 308.48 76.8z" p-id="4777" fill="#00DA72"></path></svg>
|
||||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
@@ -7,7 +7,7 @@
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
line-height: 1.5;
|
||||
color: #24292e;
|
||||
color: #fff;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
|
||||
34
Yi.Bbs.Vue3/src/assets/styles/element-override.css
Normal file
34
Yi.Bbs.Vue3/src/assets/styles/element-override.css
Normal file
@@ -0,0 +1,34 @@
|
||||
/* Element Plus 主色调覆盖 */
|
||||
html.dark {
|
||||
--el-color-primary: #00DA72 ;
|
||||
--el-color-primary-light-3: #40e394;
|
||||
--el-color-primary-light-5: #66eaa6;
|
||||
--el-color-primary-light-7: #8cf1b8;
|
||||
--el-color-primary-light-8: #a6f5c9;
|
||||
--el-color-primary-light-9: #bff8db;
|
||||
--el-color-primary-dark-2: #00b05c;
|
||||
|
||||
--el-menu-hover-bg-color: none;
|
||||
|
||||
}
|
||||
|
||||
.el-tag {
|
||||
--el-tag-border-radius: 0px;
|
||||
}
|
||||
.el-tag.el-tag--primary {
|
||||
--el-tag-text-color: #000;
|
||||
}
|
||||
.el-button {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.el-card {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--w-e-toolbar-bg-color:#0E131D !important;
|
||||
--w-e-toolbar-color:#fff !important;
|
||||
|
||||
--w-e-textarea-bg-color: #0E131D !important;
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
/*background-color: #272162;*/
|
||||
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%);
|
||||
}
|
||||
|
||||
.div-content
|
||||
@@ -24,7 +24,8 @@
|
||||
{
|
||||
width: 414px;
|
||||
height:522px;
|
||||
background-color: #FFFFFF;
|
||||
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
|
||||
{
|
||||
@@ -197,8 +196,8 @@ align-items: flex-end;
|
||||
{
|
||||
width: 414px;
|
||||
height:522px;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
/* background-color: #FFFFFF; */
|
||||
border: 1px solid rgba(0, 255, 136, 0.2);
|
||||
}
|
||||
.div-right-register
|
||||
{
|
||||
@@ -218,4 +217,12 @@ 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);
|
||||
}
|
||||
@@ -138,7 +138,7 @@
|
||||
/** 表格更多操作下拉样式 */
|
||||
.el-table .el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: #409EFF;
|
||||
color: #00DA72;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<el-button text @click="agree">
|
||||
<el-icon v-if="data.isAgree" color="#409EFF">
|
||||
<el-icon v-if="data.isAgree" color="#00DA72">
|
||||
<CircleCheckFilled />
|
||||
</el-icon>
|
||||
<el-icon v-else color="#1E1E1E">
|
||||
|
||||
@@ -19,7 +19,7 @@ overflow-x: hidden;
|
||||
margin-bottom: 0;
|
||||
overflow-x: hidden;
|
||||
.header {
|
||||
background-color: #409eff;
|
||||
background-color: #00DA72;
|
||||
color: white;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
|
||||
@@ -48,7 +48,6 @@ a:hover {
|
||||
}
|
||||
.botton-div {
|
||||
background: transparent;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@@ -142,7 +142,8 @@ onMounted(() => {
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.el-card {
|
||||
border: 2px solid white;
|
||||
border: 1px solid rgba(0, 255, 136, 0.2);
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
|
||||
.item-bottom {
|
||||
@@ -177,8 +178,7 @@ onMounted(() => {
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
padding: 2px 15px;
|
||||
border-radius: 5px;
|
||||
color: rgb(8, 119, 229);
|
||||
color: #00DA72;
|
||||
background-color: #ecf5ff;
|
||||
font-size: 14px;
|
||||
.icon {
|
||||
@@ -224,7 +224,7 @@ onMounted(() => {
|
||||
right: -26px;
|
||||
z-index: 1;
|
||||
padding: 14px 22px 2px;
|
||||
background-color: #ff9900;
|
||||
background-color: #00DA72;
|
||||
transform: rotate(45deg);
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
@@ -237,7 +237,7 @@ onMounted(() => {
|
||||
left: 70%; /* 盒子中央位置 */
|
||||
transform: translateX(-50%); /* 水平居中 */
|
||||
padding: 5px 10px;
|
||||
background-color: #ff9900;
|
||||
background-color: #00DA72;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
border-radius: 5px;
|
||||
|
||||
@@ -55,7 +55,7 @@ const props = defineProps(["name", "introduction", "id", "isPublish"]);
|
||||
right: -26px;
|
||||
z-index: 1;
|
||||
padding: 14px 22px 2px;
|
||||
background-color: #ff9900;
|
||||
background-color: #00DA72;
|
||||
transform: rotate(45deg);
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
@@ -68,7 +68,7 @@ const props = defineProps(["name", "introduction", "id", "isPublish"]);
|
||||
left: 70%; /* 盒子中央位置 */
|
||||
transform: translateX(-50%); /* 水平居中 */
|
||||
padding: 5px 10px;
|
||||
background-color: #ff9900;
|
||||
background-color: #00DA72;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
border-radius: 5px;
|
||||
|
||||
@@ -45,8 +45,8 @@ onMounted(async () => {
|
||||
height: 2.6rem;
|
||||
margin: 0 0.2rem;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
background-color: #fafafa;
|
||||
background: rgba(0, 255, 136, 0.1);
|
||||
font-size: 14px;
|
||||
color: #00ff88;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -47,10 +47,9 @@ function createStars(numStars) {
|
||||
}
|
||||
|
||||
function drawStars() {
|
||||
ctx.fillStyle = '#f0f2f5';
|
||||
ctx.fillStyle = '#00DA72';
|
||||
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
||||
|
||||
ctx.fillStyle = 'black';
|
||||
stars.forEach(star => {
|
||||
const k = 128 / star.z;
|
||||
const px = star.x * k + centerX;
|
||||
|
||||
@@ -24,14 +24,14 @@
|
||||
|
||||
<span>
|
||||
<a
|
||||
style="color: #409eff; margin-left: 8px"
|
||||
style="color: #00DA72; margin-left: 8px"
|
||||
@click="$emit('create', node, data)"
|
||||
v-if="isArticleUser && isAddArticle"
|
||||
>
|
||||
+
|
||||
</a>
|
||||
<a
|
||||
style="color: #409eff; margin-left: 8px"
|
||||
style="color: #00DA72; margin-left: 8px"
|
||||
@click="$emit('update', node, data)"
|
||||
v-if="isArticleUser && isEditArticle"
|
||||
>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -18,6 +18,7 @@ onUnmounted(()=>{
|
||||
.chat-body
|
||||
{
|
||||
height: 100%;
|
||||
|
||||
/* padding: 5%; */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
@@ -52,15 +52,15 @@ 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;
|
||||
justify-content: center;
|
||||
}
|
||||
&-main {
|
||||
height: calc(100% - 50px);
|
||||
overflow: visible !important;
|
||||
|
||||
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%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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,7 +70,7 @@ const handleScroll = () => {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 10rem;
|
||||
background-color: #f0f2f5;
|
||||
//background-color: #f0f2f5;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -5,7 +5,9 @@ import App from "./App.vue";
|
||||
import router from "./router";
|
||||
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
|
||||
|
||||
import "element-plus/dist/index.css";
|
||||
import 'element-plus/theme-chalk/dark/css-vars.css'
|
||||
import '@/assets/styles/element-override.css' //重写element
|
||||
|
||||
import "./assets/main.css";
|
||||
import "@/assets/styles/index.scss"; // global css
|
||||
|
||||
@@ -14,19 +16,21 @@ import * as ElementPlusIconsVue from "@element-plus/icons-vue";
|
||||
import directive from "./directive"; // directive
|
||||
import VueLuckyCanvas from '@lucky-canvas/vue'
|
||||
|
||||
|
||||
|
||||
import "./permission";
|
||||
|
||||
(async () => {
|
||||
const app = createApp(App);
|
||||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.component(key, component);
|
||||
}
|
||||
const pinia = createPinia();
|
||||
pinia.use(piniaPluginPersistedstate);
|
||||
app.use(pinia);
|
||||
directive(app);
|
||||
app.use(router);
|
||||
app.use(VueLuckyCanvas);
|
||||
await router.isReady();
|
||||
app.mount("#app");
|
||||
})();
|
||||
(async() => {
|
||||
const app = createApp(App);
|
||||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.component(key, component);
|
||||
}
|
||||
const pinia = createPinia();
|
||||
pinia.use(piniaPluginPersistedstate);
|
||||
app.use(pinia);
|
||||
directive(app);
|
||||
app.use(router);
|
||||
app.use(VueLuckyCanvas);
|
||||
await router.isReady();
|
||||
app.mount("#app");
|
||||
})();
|
||||
@@ -518,13 +518,13 @@ watch(
|
||||
}
|
||||
|
||||
.left-div .el-col {
|
||||
background-color: #ffffff;
|
||||
background-color: #1D1E1F;
|
||||
min-height: 12rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.right-div .el-col {
|
||||
background-color: #ffffff;
|
||||
background-color: #1D1E1F;
|
||||
min-height: 10rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@@ -548,7 +548,7 @@ watch(
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0.5em;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 30px;
|
||||
line-height: 1.35;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -1182,7 +1182,7 @@ ul {
|
||||
overflow-x: scroll;
|
||||
|
||||
.header {
|
||||
background-color: #409eff;
|
||||
background-color: #00DA72;
|
||||
color: white;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
|
||||
@@ -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;
|
||||
@@ -79,6 +79,6 @@ const handleClick = (item) => {
|
||||
}
|
||||
}
|
||||
.active-tab {
|
||||
color: #409eff;
|
||||
color: #00DA72;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -154,7 +154,7 @@ margin: 10px auto;">
|
||||
<InfoCard header="简介" text="">
|
||||
<template #content>
|
||||
<div class="introduce">
|
||||
没有什么能够阻挡,人类对代码<span style="color: #1890ff">优雅</span>的追求
|
||||
没有什么能够阻挡,人类对代码<span style="color: #00DA72">优雅</span>的追求
|
||||
</div>
|
||||
</template>
|
||||
</InfoCard>
|
||||
@@ -215,7 +215,7 @@ margin: 10px auto;">
|
||||
</template>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="24" style="background-color: #ffffff;">
|
||||
<el-col :span="24" >
|
||||
<BottomInfo/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -533,9 +533,7 @@ const onClickToWeChat = () => {
|
||||
|
||||
.left-div .el-col,
|
||||
.right-div .el-col {
|
||||
background-color: #ffffff;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 8px; /* 增加圆角 */
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 添加微妙阴影 */
|
||||
transition: all 0.3s ease; /* 过渡效果 */
|
||||
|
||||
@@ -547,14 +545,13 @@ const onClickToWeChat = () => {
|
||||
|
||||
/* 简介卡片样式特别处理 */
|
||||
.introduce {
|
||||
color: rgba(0, 0, 0, 0.65); /* 更深的颜色提高对比度 */
|
||||
font-size: 14px; /* 稍微增大字体 */
|
||||
line-height: 1.6; /* 增加行高 */
|
||||
padding: 15px 5px; /* 增加内边距 */
|
||||
letter-spacing: 0.5px; /* 字间距 */
|
||||
|
||||
span {
|
||||
color: #1890ff;
|
||||
color: #00DA72;
|
||||
font-weight: 600; /* 加粗 */
|
||||
padding: 0 2px; /* 增加内边距 */
|
||||
}
|
||||
@@ -593,12 +590,11 @@ const onClickToWeChat = () => {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: url("@/assets/box/online_bg.svg") no-repeat;
|
||||
background-color: #fff;
|
||||
background-color: #080E14;
|
||||
background-position: 0 30px;
|
||||
background-size: 150% 100%;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 5px;
|
||||
color: #409eff;
|
||||
border: 1px solid #00DA72;
|
||||
color: #00DA72;
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
@@ -634,9 +630,8 @@ const onClickToWeChat = () => {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
border: 1px solid #d9ecff;
|
||||
border-radius: 5px;
|
||||
color: #409eff;
|
||||
background-color: #ecf5ff;
|
||||
color: #000;
|
||||
background-color: #BFF8DB;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -653,7 +648,6 @@ const onClickToWeChat = () => {
|
||||
/* gap: 10px; */
|
||||
/* padding: 15px; */
|
||||
/* background-color: #f9f9f9; */
|
||||
border-radius: 8px;
|
||||
|
||||
.el-col {
|
||||
flex-direction: column;
|
||||
@@ -661,7 +655,6 @@ const onClickToWeChat = () => {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
padding: 15px 0; /* 增加内边距 */
|
||||
border-radius: 6px; /* 圆角 */
|
||||
transition: all 0.3s ease;
|
||||
|
||||
.el-icon {
|
||||
@@ -672,10 +665,10 @@ const onClickToWeChat = () => {
|
||||
|
||||
&:hover {
|
||||
background-color: #ebf5ff; /* 更柔和的悬停色 */
|
||||
color: #409eff; /* 文字颜色变化 */
|
||||
color: #00DA72; /* 文字颜色变化 */
|
||||
|
||||
.el-icon {
|
||||
color: #409eff; /* 图标颜色跟随变化 */
|
||||
color: #00DA72; /* 图标颜色跟随变化 */
|
||||
transform: scale(1.1); /* 图标微放大 */
|
||||
}
|
||||
}
|
||||
@@ -686,7 +679,7 @@ const onClickToWeChat = () => {
|
||||
.VisitsLineChart p {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
color: #409eff;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
margin-top: 8px;
|
||||
}
|
||||
@@ -705,14 +698,14 @@ const onClickToWeChat = () => {
|
||||
|
||||
//走马灯,聊天室链接
|
||||
.chat-hub {
|
||||
background-color: #E6A23C;
|
||||
// background-color: #00DA72;
|
||||
color: #ffffff;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
box-sizing: border-box;
|
||||
|
||||
border: 1px solid #00DA72;
|
||||
span {
|
||||
color: red;
|
||||
}
|
||||
@@ -746,12 +739,10 @@ const onClickToWeChat = () => {
|
||||
|
||||
.scrollable-div::-webkit-scrollbar-track {
|
||||
background: #f5f5f5;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.scrollable-div::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(to bottom, #e0e0e0, #bdbdbd); /* 渐变色滚动条 */
|
||||
border-radius: 10px;
|
||||
border: 2px solid transparent;
|
||||
background-clip: content-box;
|
||||
}
|
||||
@@ -764,9 +755,8 @@ const onClickToWeChat = () => {
|
||||
.switch-span {
|
||||
display: inline-block;
|
||||
padding: 5px 12px;
|
||||
background-color: #ecf5ff;
|
||||
color: #409eff;
|
||||
border-radius: 20px; /* 更圆润的形状 */
|
||||
background-color: #00DA72;
|
||||
color: #00DA72;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
@@ -775,7 +765,7 @@ const onClickToWeChat = () => {
|
||||
overflow: hidden;
|
||||
|
||||
&:hover {
|
||||
background-color: #409eff;
|
||||
background-color: #00DA72;
|
||||
color: #fff !important;/* 悬浮时文字变为白色 */
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgba(64, 158, 255, 0.25);
|
||||
|
||||
@@ -91,7 +91,7 @@ const userImageSrc = computed(() => {
|
||||
.name {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
color: #252933;
|
||||
color: #ffffff;
|
||||
margin-left: 5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -108,7 +108,7 @@ const userImageSrc = computed(() => {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #1171ee;
|
||||
color: #00DA72;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -87,7 +87,7 @@ const userImageSrc = computed(() => {
|
||||
align-items: center;
|
||||
.name {
|
||||
width: 100px;
|
||||
color: #252933;
|
||||
color: #fff;
|
||||
margin-left: 5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -107,7 +107,7 @@ const userImageSrc = computed(() => {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #1171ee;
|
||||
color: #00DA72;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -76,7 +76,7 @@ const handleClickTheme = (id) => {
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
width: 230px;
|
||||
color: #252933;
|
||||
color: #fff;
|
||||
margin-left: 5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -96,7 +96,7 @@ const handleClickTheme = (id) => {
|
||||
width: 30px;
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
color: #252933;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -370,7 +370,7 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
color: #409eff;
|
||||
color: #00DA72;
|
||||
}
|
||||
.top {
|
||||
height: 40px;
|
||||
|
||||
@@ -286,11 +286,13 @@ $userHeight: 220px;
|
||||
$remarkHeight: $topHeight - $userHeight;
|
||||
.div-top {
|
||||
padding-top: 10px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 255, 136, 0.2);
|
||||
border-radius: 0;
|
||||
background-color: #1D1E1F;
|
||||
min-height: $topHeight;
|
||||
margin-top: 30px;
|
||||
font-size: 14px;
|
||||
color: #555666;
|
||||
color: #fff;
|
||||
&-user {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
@@ -310,7 +312,7 @@ $remarkHeight: $topHeight - $userHeight;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
&-left {
|
||||
color:#222226;
|
||||
color:#fff;
|
||||
font-size: 23px;
|
||||
font-weight: 800;
|
||||
.el-tag{
|
||||
@@ -327,7 +329,7 @@ $remarkHeight: $topHeight - $userHeight;
|
||||
.user-remark span {
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -366,14 +368,16 @@ width: 80%;
|
||||
&-left {
|
||||
padding-top: 30px;
|
||||
height: 280px;
|
||||
background-color: #FFFFFF;
|
||||
background-color: #1D1E1F;
|
||||
border: 1px solid rgba(0, 255, 136, 0.2);
|
||||
}
|
||||
&-right {
|
||||
background-color: #f0f2f5;
|
||||
|
||||
background-color: #0C121A;
|
||||
padding-left: 20px;
|
||||
&-content {
|
||||
width: 100%;
|
||||
background-color: #FFFFFF;
|
||||
background-color: #0C121A;
|
||||
}
|
||||
}
|
||||
.el-menu
|
||||
|
||||
@@ -104,7 +104,6 @@ const confirmBuy=async()=>{
|
||||
margin-bottom: 40px;
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
background-color: #ffffff;
|
||||
width: 60%;
|
||||
|
||||
.title {
|
||||
|
||||
@@ -177,7 +177,6 @@ onUnmounted(() => {
|
||||
.start-body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #FCFCFC;
|
||||
|
||||
|
||||
}
|
||||
@@ -210,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;
|
||||
@@ -221,7 +220,7 @@ onUnmounted(() => {
|
||||
|
||||
&-right {
|
||||
width: 0%;
|
||||
background-color: #409EFF;
|
||||
background-color: #00DA72;
|
||||
}
|
||||
|
||||
|
||||
@@ -238,7 +237,7 @@ onUnmounted(() => {
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
color: #409EFF;
|
||||
color: #00DA72;
|
||||
margin-bottom: .25rem;
|
||||
margin-top: 0;
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@ watch(()=>props.isSelect,(n,o)=>{
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.selected {
|
||||
border: 2px solid #409EFF !important;
|
||||
border: 2px solid #00DA72 !important;
|
||||
background-color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
@@ -42,7 +42,7 @@ watch(()=>props.isSelect,(n,o)=>{
|
||||
}
|
||||
|
||||
.box:hover {
|
||||
border: 2px solid #409EFF;
|
||||
border: 2px solid #00DA72;
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -70,7 +70,7 @@ const copyText=async ()=>{
|
||||
}
|
||||
&-right{
|
||||
button{
|
||||
background-color:#409EFF;
|
||||
background-color:#00DA72;
|
||||
color: #fff !important;
|
||||
height: 25px;
|
||||
width: 50px;
|
||||
|
||||
@@ -65,6 +65,6 @@ input[type=checkbox]:checked::after {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
background-color: #409EFF;
|
||||
background-color: #00DA72;
|
||||
}
|
||||
</style>
|
||||
@@ -35,7 +35,7 @@ input {
|
||||
width: 100%;
|
||||
}
|
||||
input:hover {
|
||||
border: 2px solid #409EFF;
|
||||
border: 2px solid #00DA72;
|
||||
background-color:#FFFFFF; /* 鼠标悬停时的边框颜色 */
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user