fix: Style optimization

This commit is contained in:
dataeaseShu
2026-01-29 16:47:53 +08:00
committed by dataeaseShu
parent 07af6d0066
commit ecf9e0b18d
6 changed files with 32 additions and 42 deletions
+9 -17
View File
@@ -1,20 +1,12 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="logo_lark">
<g id="Clip path group">
<mask id="mask0_3028_68917" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="8" width="21" height="16">
<g id="clip0_1621:26250">
<path id="Vector" d="M26.5209 8H6.39999V24H26.5209V8Z" fill="white"/>
</g>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_11576_376" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="4" width="21" height="16">
<path d="M22.5208 4H2.3999V20H22.5208V4Z" fill="white"/>
</mask>
<g mask="url(#mask0_3028_68917)">
<g id="Group">
<path id="Vector_2" d="M16.8551 16.4029C16.8715 16.3864 16.8891 16.3711 16.9055 16.3546C16.9395 16.3229 16.9724 16.29 17.0053 16.257L17.0733 16.1902L17.2782 15.9874L17.5567 15.7122L17.7957 15.4754L18.0204 15.2529L18.255 15.0216L18.4699 14.8089L18.7692 14.5129C18.8261 14.457 18.8843 14.4022 18.9435 14.3485C19.052 14.2487 19.1638 14.1534 19.2789 14.0613C19.3841 13.9769 19.4927 13.8957 19.6023 13.8168C19.7569 13.7072 19.9169 13.6041 20.0803 13.5077C20.2404 13.4134 20.4048 13.3246 20.5736 13.2434C20.7315 13.1667 20.8937 13.0966 21.0581 13.0318C21.1502 12.9957 21.2423 12.9617 21.3366 12.9299C21.3837 12.9134 21.4309 12.8981 21.4781 12.8838C21.056 11.2219 20.2842 9.70032 19.2438 8.4012C19.0421 8.14688 18.7329 8 18.4063 8H9.77647C9.61975 8 9.55503 8.19952 9.68111 8.2916C12.6169 10.4436 15.066 13.2182 16.8353 16.4215C16.8419 16.416 16.8485 16.4094 16.8551 16.4029Z" fill="#00D6B9"/>
<path id="Vector_3" d="M13.4326 24C17.8889 24 21.7707 21.5411 23.7966 17.9059C23.8679 17.7787 23.937 17.6494 24.0027 17.5189C23.8997 17.7162 23.7868 17.9026 23.6629 18.078C23.619 18.1405 23.5741 18.2019 23.527 18.2622C23.4689 18.3378 23.4086 18.4102 23.3472 18.4814C23.2978 18.5373 23.2485 18.5921 23.197 18.6459C23.0929 18.7544 22.9843 18.8563 22.8714 18.9528C22.8089 19.0065 22.7454 19.058 22.6795 19.1085C22.6028 19.1666 22.525 19.2225 22.4461 19.2762C22.3956 19.3102 22.3452 19.3431 22.2937 19.3738C22.2399 19.4067 22.1862 19.4384 22.1303 19.4691C22.0185 19.5316 21.9045 19.5887 21.7883 19.6413C21.6874 19.6873 21.5844 19.729 21.4802 19.7673C21.3673 19.809 21.2522 19.8451 21.136 19.878C20.9628 19.9263 20.7874 19.9635 20.6076 19.9921C20.4782 20.0118 20.3478 20.0271 20.2151 20.0359C20.077 20.0458 19.9367 20.0491 19.7953 20.0469C19.6407 20.0447 19.485 20.0348 19.3272 20.0173C19.2121 20.0052 19.0958 19.9877 18.9807 19.9679C18.8799 19.9504 18.779 19.9285 18.6771 19.9043C18.6234 19.8912 18.5707 19.878 18.517 19.8638C18.3679 19.8232 18.2199 19.7827 18.073 19.7399C17.9996 19.7191 17.9262 19.6971 17.8527 19.6752C17.743 19.6423 17.6334 19.6095 17.5249 19.5755C17.4361 19.5481 17.3462 19.5195 17.2574 19.4899C17.173 19.4626 17.0886 19.4351 17.0042 19.4067C16.9472 19.3869 16.889 19.3683 16.8321 19.3486C16.7619 19.3244 16.6929 19.3003 16.6238 19.2762C16.5745 19.2587 16.524 19.2411 16.4747 19.2236C16.376 19.1885 16.2785 19.1523 16.1809 19.1162C16.1238 19.0953 16.068 19.0734 16.011 19.0515C15.9354 19.023 15.8597 18.9934 15.784 18.9638C15.704 18.9319 15.625 18.9013 15.545 18.8684C15.4935 18.8475 15.442 18.8267 15.3905 18.8048C15.3269 18.7785 15.2622 18.7522 15.1986 18.7248C15.1493 18.7039 15.1 18.6831 15.0506 18.6623C14.9991 18.6403 14.9476 18.6184 14.8971 18.5955C14.8533 18.5757 14.8083 18.5571 14.7645 18.5373C14.7239 18.5198 14.6834 18.5011 14.6428 18.4836C14.6022 18.465 14.5606 18.4463 14.5201 18.4277C14.4773 18.4079 14.4356 18.3893 14.3929 18.3696C14.3391 18.3443 14.2866 18.3203 14.2328 18.2951C14.1769 18.2687 14.121 18.2424 14.0662 18.2161C14.007 18.1876 13.9478 18.1591 13.8886 18.1295C13.8382 18.1043 13.7878 18.0802 13.7373 18.055C11.069 16.7208 8.70103 14.9427 6.67954 12.7885C6.57868 12.6811 6.39999 12.7523 6.39999 12.8992L6.40438 20.515V21.1333C6.40438 21.4918 6.58198 21.8294 6.88016 22.0279C8.75695 23.2732 11.0098 24 13.4326 24Z" fill="#3370FF"/>
<path id="Vector_4" d="M23.7966 17.9059C23.7945 17.9091 23.7922 17.9124 23.7912 17.9158L23.7966 17.9059L23.8372 17.8313C23.823 17.8566 23.8098 17.8807 23.7966 17.9059Z" fill="#133C92"/>
<path id="Vector_5" d="M23.9819 17.5573L23.9929 17.5376L23.9983 17.5277C23.9929 17.5375 23.9873 17.5474 23.9819 17.5573Z" fill="#133C92"/>
<path id="Vector_6" d="M26.5209 13.2654C25.6175 12.8203 24.6013 12.5703 23.5258 12.5703C22.8867 12.5703 22.2685 12.658 21.683 12.8236C21.6151 12.8422 21.5482 12.863 21.4814 12.8838C21.4342 12.8992 21.387 12.9146 21.3399 12.9299C21.2457 12.9617 21.1535 12.9957 21.0614 13.0318C20.897 13.0966 20.7348 13.1667 20.577 13.2434C20.4081 13.3246 20.2437 13.4134 20.0836 13.5077C19.9192 13.6041 19.7602 13.7072 19.6056 13.8168C19.4949 13.8946 19.3874 13.9769 19.2822 14.0613C19.1671 14.1534 19.0553 14.2498 18.9468 14.3485C18.8876 14.4022 18.8294 14.457 18.7725 14.5129L18.4732 14.8089L18.2583 15.0216L18.0237 15.2529L17.799 15.4754L17.56 15.7122L17.2815 15.9874L17.0766 16.1902L17.0086 16.257C16.9757 16.29 16.9417 16.3218 16.9088 16.3546C16.8924 16.3711 16.8748 16.3864 16.8584 16.4029C16.8332 16.427 16.8079 16.4511 16.7827 16.4752C16.7542 16.5015 16.7268 16.5278 16.6983 16.5542C15.9594 17.2327 15.1339 17.8193 14.2405 18.2939C14.2931 18.3191 14.3469 18.3444 14.4006 18.3685C14.4422 18.3882 14.485 18.4079 14.5278 18.4266C14.5683 18.4452 14.6099 18.4638 14.6505 18.4825C14.691 18.5011 14.7316 18.5186 14.7722 18.5362C14.8161 18.5559 14.861 18.5757 14.9049 18.5943C14.9564 18.6162 15.0068 18.6393 15.0583 18.6612C15.1077 18.682 15.157 18.7029 15.2063 18.7237C15.2699 18.751 15.3346 18.7774 15.3982 18.8037C15.4497 18.8246 15.5012 18.8454 15.5527 18.8673C15.6317 18.899 15.7117 18.9309 15.7917 18.9626C15.8674 18.9922 15.943 19.0218 16.0186 19.0504C16.0757 19.0723 16.1316 19.0931 16.1886 19.115C16.2862 19.1512 16.3837 19.1874 16.4824 19.2225C16.5317 19.24 16.581 19.2575 16.6314 19.2751C16.7006 19.2992 16.7707 19.3234 16.8398 19.3474C16.8967 19.3672 16.9549 19.3869 17.0118 19.4055C17.0962 19.4341 17.1807 19.4614 17.2651 19.4889C17.3539 19.5174 17.4427 19.5458 17.5326 19.5744C17.6411 19.6083 17.7507 19.6413 17.8604 19.6742C17.9338 19.6961 18.0073 19.718 18.0807 19.7388C18.2276 19.7816 18.3756 19.8232 18.5247 19.8627C18.5784 19.877 18.631 19.8912 18.6848 19.9033C18.7867 19.9274 18.8876 19.9482 18.9884 19.9668C19.1046 19.9877 19.2198 20.0041 19.3349 20.0162C19.4916 20.0337 19.6484 20.0436 19.803 20.0458C19.9444 20.048 20.0836 20.0446 20.2228 20.0348C20.3554 20.025 20.4859 20.0107 20.6153 19.991C20.795 19.9635 20.9705 19.9252 21.1437 19.877C21.2599 19.8451 21.375 19.8079 21.4879 19.7662C21.5921 19.7278 21.6951 19.6862 21.796 19.6402C21.9122 19.5875 22.0262 19.5306 22.138 19.468C22.1928 19.4374 22.2476 19.4055 22.3014 19.3726C22.3529 19.3409 22.4033 19.308 22.4538 19.2751C22.5326 19.2214 22.6105 19.1654 22.6872 19.1074C22.7519 19.057 22.8166 19.0054 22.879 18.9517C22.992 18.8552 23.1006 18.7522 23.2046 18.6447C23.2562 18.591 23.3055 18.5373 23.3549 18.4803C23.4162 18.409 23.4766 18.3367 23.5346 18.261C23.5807 18.2007 23.6267 18.1394 23.6706 18.0769C23.7934 17.9026 23.9052 17.7173 24.0071 17.5222L24.1222 17.2919L25.1659 15.2123L25.1637 15.2167C25.4915 14.4844 25.9552 13.8245 26.5209 13.2654Z" fill="#133C9A"/>
</g>
</g>
</g>
<g mask="url(#mask0_11576_376)">
<path d="M12.8551 12.4029C12.8715 12.3864 12.8891 12.3711 12.9055 12.3546C12.9395 12.3229 12.9724 12.29 13.0053 12.257L13.0733 12.1902L13.2782 11.9874L13.5567 11.7122L13.7957 11.4754L14.0204 11.2529L14.255 11.0216L14.4699 10.8089L14.7692 10.5129C14.8261 10.457 14.8843 10.4022 14.9435 10.3485C15.052 10.2487 15.1638 10.1534 15.2789 10.0613C15.3841 9.97688 15.4927 9.89568 15.6023 9.8168C15.7569 9.7072 15.9169 9.60408 16.0803 9.50768C16.2404 9.41336 16.4048 9.32456 16.5736 9.24344C16.7315 9.16672 16.8937 9.09656 17.0581 9.03184C17.1502 8.99568 17.2423 8.96168 17.3366 8.92992C17.3837 8.91344 17.4309 8.89808 17.4781 8.88384C17.056 7.22192 16.2842 5.70032 15.2438 4.4012C15.0421 4.14688 14.7329 4 14.4063 4H5.77647C5.61975 4 5.55503 4.19952 5.68111 4.2916C8.61695 6.4436 11.066 9.21824 12.8353 12.4215C12.8419 12.416 12.8485 12.4094 12.8551 12.4029Z" fill="#00D6B9"/>
<path d="M9.43246 20C13.8888 20 17.7706 17.5411 19.7965 13.9059C19.8678 13.7787 19.9369 13.6494 20.0026 13.5189C19.8996 13.7162 19.7867 13.9026 19.6628 14.078C19.6189 14.1405 19.574 14.2019 19.5269 14.2622C19.4688 14.3378 19.4085 14.4102 19.3471 14.4814C19.2977 14.5373 19.2484 14.5921 19.1969 14.6459C19.0928 14.7544 18.9842 14.8563 18.8713 14.9528C18.8088 15.0065 18.7453 15.058 18.6794 15.1085C18.6027 15.1666 18.5249 15.2225 18.446 15.2762C18.3955 15.3102 18.3451 15.3431 18.2936 15.3738C18.2398 15.4067 18.1861 15.4384 18.1302 15.4691C18.0184 15.5316 17.9044 15.5887 17.7882 15.6413C17.6873 15.6873 17.5843 15.729 17.4801 15.7673C17.3672 15.809 17.2521 15.8451 17.1359 15.878C16.9627 15.9263 16.7873 15.9635 16.6075 15.9921C16.4781 16.0118 16.3477 16.0271 16.215 16.0359C16.0769 16.0458 15.9366 16.0491 15.7952 16.0469C15.6406 16.0447 15.4849 16.0348 15.3271 16.0173C15.212 16.0052 15.0957 15.9877 14.9806 15.9679C14.8798 15.9504 14.7789 15.9285 14.677 15.9043C14.6233 15.8912 14.5706 15.878 14.5169 15.8638C14.3678 15.8232 14.2198 15.7827 14.0729 15.7399C13.9995 15.7191 13.9261 15.6971 13.8526 15.6752C13.7429 15.6423 13.6333 15.6095 13.5248 15.5755C13.436 15.5481 13.3461 15.5195 13.2573 15.4899C13.1729 15.4626 13.0885 15.4351 13.0041 15.4067C12.9471 15.3869 12.8889 15.3683 12.832 15.3486C12.7618 15.3244 12.6928 15.3003 12.6237 15.2762C12.5744 15.2587 12.5239 15.2411 12.4746 15.2236C12.3759 15.1885 12.2784 15.1523 12.1808 15.1162C12.1237 15.0953 12.0679 15.0734 12.0109 15.0515C11.9353 15.023 11.8596 14.9934 11.7839 14.9638C11.7039 14.9319 11.6249 14.9013 11.5449 14.8684C11.4934 14.8475 11.4419 14.8267 11.3904 14.8048C11.3268 14.7785 11.2621 14.7522 11.1985 14.7248C11.1492 14.7039 11.0999 14.6831 11.0505 14.6623C10.999 14.6403 10.9475 14.6184 10.897 14.5955C10.8532 14.5757 10.8082 14.5571 10.7644 14.5373C10.7238 14.5198 10.6833 14.5011 10.6427 14.4836C10.6021 14.465 10.5605 14.4463 10.52 14.4277C10.4772 14.4079 10.4355 14.3893 10.3928 14.3696C10.339 14.3443 10.2865 14.3203 10.2327 14.2951C10.1768 14.2687 10.1209 14.2424 10.0661 14.2161C10.0069 14.1876 9.94766 14.1591 9.88846 14.1295C9.83806 14.1043 9.78766 14.0802 9.73718 14.055C7.06886 12.7208 4.70094 10.9427 2.67945 8.7885C2.57859 8.68106 2.3999 8.75234 2.3999 8.89922L2.40429 16.515V17.1333C2.40429 17.4918 2.58189 17.8294 2.88007 18.0279C4.75686 19.2732 7.00966 20 9.43246 20Z" fill="#3370FF"/>
<path d="M19.7965 13.9059C19.7943 13.9091 19.7921 13.9124 19.791 13.9158L19.7965 13.9059L19.837 13.8313C19.8228 13.8566 19.8096 13.8807 19.7965 13.9059Z" fill="#133C92"/>
<path d="M19.9819 13.5573L19.9929 13.5376L19.9983 13.5277C19.9929 13.5375 19.9874 13.5474 19.9819 13.5573Z" fill="#133C92"/>
<path d="M22.5209 9.26535C21.6175 8.82031 20.6013 8.57031 19.5258 8.57031C18.8867 8.57031 18.2685 8.65799 17.683 8.82359C17.6151 8.84223 17.5482 8.86303 17.4814 8.88383C17.4342 8.89919 17.387 8.91455 17.3399 8.92991C17.2457 8.96167 17.1535 8.99567 17.0614 9.03183C16.897 9.09655 16.7348 9.16671 16.577 9.24343C16.4081 9.32455 16.2437 9.41335 16.0836 9.50767C15.9192 9.60407 15.7602 9.70719 15.6056 9.81679C15.4949 9.89463 15.3874 9.97687 15.2822 10.0613C15.1671 10.1534 15.0553 10.2498 14.9468 10.3485C14.8876 10.4022 14.8294 10.457 14.7725 10.5129L14.4732 10.8089L14.2583 11.0216L14.0237 11.2529L13.799 11.4754L13.56 11.7122L13.2815 11.9874L13.0766 12.1902L13.0086 12.257C12.9757 12.29 12.9417 12.3218 12.9088 12.3546C12.8924 12.3711 12.8748 12.3864 12.8584 12.4029C12.8332 12.427 12.8079 12.4511 12.7827 12.4752C12.7542 12.5015 12.7268 12.5278 12.6983 12.5542C11.9594 13.2327 11.1339 13.8193 10.2405 14.2939C10.2931 14.3191 10.3469 14.3444 10.4006 14.3685C10.4422 14.3882 10.485 14.4079 10.5278 14.4266C10.5683 14.4452 10.6099 14.4638 10.6505 14.4825C10.691 14.5011 10.7316 14.5186 10.7722 14.5362C10.8161 14.5559 10.861 14.5757 10.9049 14.5943C10.9564 14.6162 11.0068 14.6393 11.0583 14.6612C11.1077 14.682 11.157 14.7029 11.2063 14.7237C11.2699 14.751 11.3346 14.7774 11.3982 14.8037C11.4497 14.8246 11.5012 14.8454 11.5527 14.8673C11.6317 14.899 11.7117 14.9309 11.7917 14.9626C11.8674 14.9922 11.943 15.0218 12.0186 15.0504C12.0757 15.0723 12.1316 15.0931 12.1886 15.115C12.2862 15.1512 12.3837 15.1874 12.4824 15.2225C12.5317 15.24 12.581 15.2575 12.6314 15.2751C12.7006 15.2992 12.7707 15.3234 12.8398 15.3474C12.8967 15.3672 12.9549 15.3869 13.0118 15.4055C13.0962 15.4341 13.1807 15.4614 13.2651 15.4889C13.3539 15.5174 13.4427 15.5458 13.5326 15.5744C13.6411 15.6083 13.7507 15.6413 13.8604 15.6742C13.9338 15.6961 14.0073 15.718 14.0807 15.7388C14.2276 15.7816 14.3756 15.8232 14.5247 15.8627C14.5784 15.877 14.631 15.8912 14.6848 15.9033C14.7867 15.9274 14.8876 15.9482 14.9884 15.9668C15.1046 15.9877 15.2198 16.0041 15.3349 16.0162C15.4916 16.0337 15.6484 16.0436 15.803 16.0458C15.9444 16.048 16.0836 16.0446 16.2228 16.0348C16.3554 16.025 16.4859 16.0107 16.6153 15.991C16.795 15.9635 16.9705 15.9252 17.1437 15.877C17.2599 15.8451 17.375 15.8079 17.4879 15.7662C17.5921 15.7278 17.6951 15.6862 17.796 15.6402C17.9122 15.5875 18.0262 15.5306 18.138 15.468C18.1928 15.4374 18.2476 15.4055 18.3014 15.3726C18.3529 15.3409 18.4033 15.308 18.4538 15.2751C18.5326 15.2214 18.6105 15.1654 18.6872 15.1074C18.7519 15.057 18.8166 15.0054 18.879 14.9517C18.992 14.8552 19.1006 14.7522 19.2046 14.6447C19.2562 14.591 19.3055 14.5373 19.3549 14.4803C19.4162 14.409 19.4766 14.3367 19.5346 14.261C19.5807 14.2007 19.6267 14.1394 19.6706 14.0769C19.7934 13.9026 19.9052 13.7173 20.0071 13.5222L20.1222 13.2919L21.1659 11.2123L21.1637 11.2167C21.4915 10.4844 21.9552 9.82447 22.5209 9.26535Z" fill="#133C9A"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

@@ -640,9 +640,6 @@ watch(
padding: 16px;
display: flex;
flex-direction: column;
position: relative;
z-index: 10;
border: 1px solid rgba(222, 224, 227, 1);
border-radius: 12px;
+2
View File
@@ -1195,6 +1195,8 @@ onMounted(() => {
align-items: center;
padding-left: 56px;
padding-right: 56px;
position: relative;
z-index: 10;
&.no-sidebar {
padding-left: 96px;
@@ -183,11 +183,14 @@ init(true)
.authentication-card {
width: calc(25% - 12px);
min-width: 230px;
height: 116px;
padding: 24px;
height: 100px;
padding: 16px;
border-radius: 12px;
background-color: #fff;
border: 1px solid #dee0e3;
&:hover {
box-shadow: 0px 6px 24px 0px #1f232914;
}
.inner-card {
position: relative;
.inner-card-info {
@@ -196,6 +199,8 @@ init(true)
align-items: center;
.card-info-left {
width: calc(100% - 40px);
display: flex;
align-items: center;
.card-span {
font-family: var(--de-custom_font, 'PingFang');
font-size: 16px;
@@ -212,12 +217,12 @@ init(true)
}
.card-status {
margin-left: 8px;
padding: 1px 6px;
border-radius: 2px;
padding: 0 4px;
border-radius: 4px;
background-color: #f54a4533;
color: #d03f3b;
line-height: 22px;
font-size: 14px;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
}
@@ -3,8 +3,8 @@
<div class="platform-setting-head">
<div class="platform-setting-head-left">
<div class="lead-left-icon">
<el-icon>
<Icon name="logo_wechat-work"><component :is="state.cardIcon" class="svg-icon" /></Icon>
<el-icon style="margin-right: 8px" size="24px">
<component :is="state.cardIcon" class="svg-icon" />
</el-icon>
<span>{{ cardTitle }}</span>
</div>
@@ -182,18 +182,13 @@ const validateHandler = () => {
.platform-setting-head-left {
display: flex;
align-items: center;
.lead-left-icon {
display: flex;
line-height: 24px;
align-items: center;
i {
width: 24px;
height: 24px;
font-size: 20px;
}
span {
margin-left: 4px;
font-family: var(--de-custom_font, 'PingFang');
font-size: 16px;
font-style: normal;
font-weight: 500;
@@ -201,15 +196,15 @@ const validateHandler = () => {
}
}
.lead-left-status {
margin-left: 4px;
height: 24px;
margin-left: 8px;
height: 20px;
background: #34c72433;
padding: 0 6px;
font-size: 14px;
padding: 0 4px;
font-size: 12px;
border-radius: 2px;
overflow: hidden;
span {
line-height: 24px;
line-height: 20px;
color: #2ca91f;
}
}
+1 -2
View File
@@ -59,9 +59,8 @@ onMounted(() => {
flex-direction: column;
}
.container-sys-platform {
padding: 24px;
padding: 16px;
overflow: hidden;
//border-radius: 4px;
background: var(--ContentBG, #ffffff);
border-radius: 12px;