ZF/open-anylink-web
1
0
Fork 0
mirror of https://gitee.com/lijingbo-2021/open-anylink-web.git synced 2025-12-30 11:02:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

更换logo图标

Browse Source
This commit is contained in:
bob
2025-03-10 16:50:27 +08:00
parent e821d768b3
commit 7fbc9954dc
2 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/favicon.svg
View File

@@ -1,16 +1,9 @@
<svg
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
style="height: 48px; width: 48px"
>
<path d="M796.444444 568.888889a227.555556 227.555556 0 0 1 227.555556 227.555555v170.666667a56.888889 56.888889 0 0 1-56.888889 56.888889h-170.666667a227.555556 227.555556 0 1 1 0-455.111111z" fill="#3369e7">
</path>
<path d="M512 0a512 512 0 0 1 0 1024H113.777778a113.777778 113.777778 0 0 1-113.777778-113.777778V512a512 512 0 0 1 512-512z" fill="#B4EBED">
</path>
<path d="M341.333333 512m-56.888889 0a56.888889 56.888889 0 1 0 113.777778 0 56.888889 56.888889 0 1 0-113.777778 0Z" fill="#FFFFFF">
</path>
<path d="M682.666667 512m-56.888889 0a56.888889 56.888889 0 1 0 113.777778 0 56.888889 56.888889 0 1 0-113.777778 0Z" fill="#FFFFFF">
</path>
<svg id="eQ7uJ3H54zD1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="b48dea7c91714cdc9b8d0de820c53c5e" export-id="b45e756d467b45888fd17ce7b0c528d7" cached="false"><defs><linearGradient id="eQ7uJ3H54zD2-fill" x1="22.831" y1="31.426" x2="68.331" y2="79.426" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eQ7uJ3H54zD2-fill-0" offset="0%" stop-color="#409eff"/><stop id="eQ7uJ3H54zD2-fill-1" offset="100%" stop-color="#76a4bd"/></linearGradient><linearGradient id="eQ7uJ3H54zD9-fill" x1="0.341056" y1="0.856733" x2="0.35384" y2="0.210227" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="translate(0 0)"><stop id="eQ7uJ3H54zD9-fill-0" offset="0%" stop-color="#14d8d3"/><stop id="eQ7uJ3H54zD9-fill-1" offset="100%" stop-color="#f4d30e"/></linearGradient></defs><path d="M47.962,10.051C27.686,11.057,11.177,27.48,10.062,47.75c-.482,8.762,1.87,16.943,6.206,23.736L11.379,85.929c-.564,1.667,1.027,3.258,2.693,2.693l14.443-4.889c6.793,4.336,14.974,6.688,23.736,6.206c20.27-1.115,36.693-17.624,37.699-37.9C91.125,28.338,71.662,8.874,47.962,10.051Z" transform="translate(-10.00012-10.000434)" fill="url(#eQ7uJ3H54zD2-fill)"/><path d="M77.639,21.103c.011.603.04,1.201.04,1.808c0,27.323-11.319,51.604-28.865,67.069c1.135.033,2.28.022,3.437-.042c20.27-1.115,36.693-17.624,37.699-37.9.603-12.174-4.247-23.22-12.311-30.935Z" transform="translate(-9.999914-10.000434)" opacity="0.1"/><path d="M17.676,38.688c-.194094.589497-.374807,1.183316-.542,1.781" transform="translate(-9.999914-10.000434)" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M29.237,22.583c-3.656,2.599-6.62,5.91-8.857,9.908" transform="translate(-9.999914-10.000434)" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><text dx="0" dy="0" font-family="&quot;eQ7uJ3H54zD1:::Concert One&quot;" font-size="50" font-weight="400" transform="translate(19.237086 55.105774)" fill="#fff" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[
A
]]></tspan></text><path d="" transform="translate(-9.999914-10.000434)" fill="none" stroke="#3f5787" stroke-width="0.5"/><text dx="0" dy="0" font-family="&quot;eQ7uJ3H54zD1:::Concert One&quot;" font-size="50" font-weight="400" transform="translate(47.590717 54.984927)" fill="url(#eQ7uJ3H54zD9-fill)" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[
L
]]></tspan></text>
<style><![CDATA[
@font-face {font-family: 'eQ7uJ3H54zD1:::Concert One';font-style: normal;font-weight: 400;src: url(data:font/ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMpYAasEAAAIYAAAAYGNtYXAAVQDWAAAB1AAAAERjdnQgAD8H1AAAASQAAAASZnBnbZJB2voAAAJ4AAABYWdhc3AAAAAQAAAA7AAAAAhnbHlmzxJ+rwAAA9wAAAIcaGVhZBNSMSsAAAGcAAAANmhoZWEOGgT9AAABeAAAACRobXR4EE4B6gAAAQAAAAAQbG9jYQFdAR8AAAD0AAAACm1heHACFwMmAAABOAAAACBuYW1lL+NOFwAABfgAAAJocG9zdP9tAGQAAAFYAAAAIHByZXAXLpg/AAABEAAAABEAAQAB//8ADwAAAE8ATwDQAQ4AAAUYAO4DHgAABFAASgPIALKwACsAsgEEByuwACBFfWkYRAAAAAAqAAAACP5wAAAD7AAEBXgACAAAAAEAAAAEAIwABQA/AAIAAQAAAAAACgAAAgACWQABAAEAAwAAAAAAAP9qAGQAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAH1f5mAAAGuP/I/9oGegABAAAAAAAAAAAAAAAAAAAABAABAAAAAQEGHK31vF8PPPUAHQgAAAAAAMth/JkAAAAA4nzoef/I/nAGegemAAAACAACAAAAAAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAwAAAACAAIAAIAAAAgAEEATP//AAAAIABBAEz////h/8H/twABAAAAAAAAAAAAAwP1AZAABQAABZoFMwAAAR8FmgUzAAAD0QBmAgAAAAAAAAAAAAAAAACAAAAnAAAAQwAAAAAAAAAAcHlycwBAACAATAfV/mYAAAfVAZogAAERQAAAAAPsBXgAAAAgAAGwACxLsAlQWLEBAY5ZuAH/hbBEHbEJA19eLbABLCAgRWlEsAFgLbACLLABKiEtsAMsIEawAyVGUlgjWSCKIIpJZIogRiBoYWSwBCVGIGhhZFJYI2WKWS8gsABTWGkgsABUWCGwQFkbaSCwAFRYIbBAZVlZOi2wBCwgRrAEJUZSWCOKWSBGIGphZLAEJUYgamFkUlgjilkv/S2wBSxLILADJlBYUViwgEQbsEBEWRshISBFsMBQWLDARBshWVktsAYsICBFaUSwAWAgIEV9aRhEsAFgLbAHLLAGKi2wCCxLILADJlNYsEAbsABZioogsAMmU1gjIbCAioobiiNZILADJlNYIyGwwIqKG4ojWSCwAyZTWCMhuAEAioobiiNZILADJlNYIyG4AUCKihuKI1kgsAMmU1iwAyVFuAGAUFgjIbgBgCMhG7ADJUUjISMhWRshWUQtsAksS1NYRUQbISFZLQAAAAACAO4AAAQqBXgAFwAbAESwHC+wGi+wANywHBCwC9CwCy+wGdywABCwHdwAsABFWLARLxuxEQc+WbAARViwBS8bsQUBPlmwERCwGNywBRCwGdwwMSUUDgIjISIuAjURND4CMyEyHgIVBREhEQQqEipGNP4wNUYqEREqRjUB0DRGKhL9vgFIgCwyGwcHGzIsBHgrMxsHBxszK1b8NAPMAAIASgAABAYFeAADADMAarA0L7ASL7A0ELAl0LAlL7Af0LAfL7ASELAI3LIAHwgREjmyAR8IERI5sATQsAQvsCUQsBTcsAgQsDXcALAARViwLS8bsS0HPlmwAEVYsA0vG7ENAT5ZsABFWLAaLxuxGgE+WbIBEwMrMDEBIQMjARYWFRUUDgIjIi4CNTUhFRQOAiMiLgI1NTQ+Ajc2Ejc+AzMzMh4CFwGKAT6UFgHgAgYFGjgzNDgbBf5wBRs4NDQ4GgQBAgIBMm4yChwuSDhkN0kuGwsCXAIY/YZEjkIeJkc5IiI4SCaMjCZIOCIiOUcmHh9GSEcgrgFlryVFMx8fM0UlAAEAsgAAA4oFeAAcACWyCgADKwCwAEVYsAUvG7EFBz5ZsABFWLAWLxuxFgE+WbAL3DAxEzQ+AjMyHgIVETMyHgIVFA4CIyEiLgI1sggfPDU5QB4HxClQPyYmP1Ap/uQ1UjkeBJIrUkEoKEFSK/yUCB46MjM7HggIHjszAAAAAAgAZgADAAEECQAAAUAAwgADAAEECQABABYArAADAAEECQACAA4AngADAAEECQADACwAcgADAAEECQAEABYArAADAAEECQAFABoAWAADAAEECQAGACQANAADAAEECQAOADQAAABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAQwBvAG4AYwBlAHIAdABPAG4AZQAtAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAANAAxAC4AMAAwADQAOwBwAHkAcgBzADsAQwBvAG4AYwBlAHIAdAAgAE8AbgBlAFIAZQBnAHUAbABhAHIAQwBvAG4AYwBlAHIAdAAgAE8AbgBlAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMQAxACwAIAAyADAAMQAxACAASgBvAGgAYQBuACAASwBhAGwAbABhAHMAIAAoAGoAbwBoAGEAbgBrAGEAbABsAGEAcwBAAGcAbQBhAGkAbAAuAGMAbwBtACkALAAgAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMQAxACwAIAAyADAAMQAxACAATQBpAGgAawBlAGwAIABWAGkAcgBrAHUAcwAgACgAbQBpAGgAawBlAGwAdgBpAHIAawB1AHMAQABnAG0AYQBpAGwALgBjAG8AbQApACwAIAB3AGkAdABoACAAUgBlAHMAZQByAHYAZQBkACAARgBvAG4AdAAgAE4AYQBtAGUAIABDAG8AbgBjAGUAcgB0AC4=) format('truetype');}
]]></style>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 831 B

After

Width:  |  Height:  |  Size: 5.6 KiB

36
src/views/LoginPage.vue
View File

@@ -324,8 +324,11 @@ watch(tabMode, () => {
<template>
<div class="login-page">
<div class="login-title">
<span class="logo">Open AnyLink</span>
<div class="logo">
<div class="logo-box">
<span class="logo-title">Open AnyLink</span>
<img src="/favicon.svg" alt="Open AnyLink Icon" class="logo-icon" />
</div>
<span class="feature">开源·轻量·安全·分布式</span>
<span class="desc">企业IM即时通讯解决方案</span>
</div>
@@ -596,21 +599,32 @@ watch(tabMode, () => {
justify-content: center;
position: relative;
.login-title {
.logo {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 8%;
.logo {
font-family: 'Segoe UI', system-ui, sans-serif; /* 现代无衬线字体 */
font-weight: 700; /* 增强品牌识别度 */
font-size: 50px; /* 36px */
letter-spacing: 2px;
color: #1a365d; /* 深品牌蓝 */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
display: block;
.logo-box {
display: flex;
align-items: center;
gap: 20px;
.logo-title {
font-family: 'Segoe UI', system-ui, sans-serif; /* 现代无衬线字体 */
font-weight: 700; /* 增强品牌识别度 */
font-size: 50px; /* 36px */
letter-spacing: 2px;
color: #1a365d; /* 深品牌蓝 */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
display: block;
}
.logo-icon {
width: 60px;
height: 60px;
}
}
.feature {