kevisual/kevisual-center-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add wx mp

Browse Source
This commit is contained in:
熊潇
2025-04-01 23:50:16 +08:00
parent 122fbec7da
commit 151f74441f
15 changed files with 36 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/modules/layout/LayoutUser.tsx
View File

@@ -95,7 +95,7 @@ export const LayoutUser = () => {
onClick={() => {
setOpen(false);
}}></div>
<div className='w-[400px] bg-amber-900 text-primary transition-all duration-300 h-full absolute top-0 right-0 rounded-l-lg'>
<div className='w-[400px] bg-amber-900 transition-all duration-300 h-full absolute top-0 right-0 rounded-l-lg'>
<div className='flex justify-between p-6 mt-4 font-bold items-center border-b'>
<div className='flex items-center gap-2'>
{t('User')}: <span className='text-primary'>{store.me?.username}</span>

4
src/modules/layout/Menu.tsx
View File

@@ -45,13 +45,13 @@ export const LayoutMenu = () => {
const { open, setOpen } = useLayoutStore(useShallow((state) => ({ open: state.open, setOpen: state.setOpen })));
const navigate = useNewNavigate();
return (
<div className={clsx('w-full h-full absolute z-20 no-drag', !open && 'hidden')}>
<div className={clsx('w-full h-full text-primary absolute z-20 no-drag', !open && 'hidden')}>
<div
className='bg-white w-full absolute h-full opacity-60 z-0'
onClick={() => {
setOpen(false);
}}></div>
<div className='w-[300px] h-full absolute top-0 left-0 bg-amber-900 text-primary'>
<div className='w-[300px] h-full absolute top-0 left-0 bg-amber-900 '>
<div className='flex justify-between p-6 mt-4 font-bold items-center'>
Envision Center
<div>

14
src/modules/layout/index.tsx
View File

@@ -7,13 +7,14 @@ import { useShallow } from 'zustand/react/shallow';
import { useEffect, useLayoutEffect, useState } from 'react';
import { LayoutUser } from './LayoutUser';
import PandaPNG from '@/assets/panda.png';
import QRCodePNG from '@/assets/qrcode-8x8.jpg';
import { Panel, PanelGroup } from 'react-resizable-panels';
import clsx from 'clsx';
import { Button, Menu, MenuItem } from '@mui/material';
import i18n from 'i18next';
import { IconButton } from '@kevisual/components/button/index.tsx';
import { Languages } from 'lucide-react';
import { Languages, QrCode } from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { toast } from 'react-toastify';
@@ -89,6 +90,15 @@ export const LayoutMain = (props: LayoutMainProps) => {
<div className='flex grow justify-between pl-4 items-center'>
{props.title}
<div className='mr-4 flex gap-4 items-center no-drag'>
<div className='group relative'>
<IconButton>
<QrCode size={16} />
</IconButton>
<div className='absolute hidden group-hover:flex bg-white p-2 border shadow-md top-10 -left-15 w-40 z-[9999] flex-col items-center justify-center rounded-md'>
<img src={QRCodePNG} alt='QR Code' />
<div className='text-sm text-black'>逸闻设计</div>
</div>
</div>
<div>
<Tooltip title={currentLanguage === 'en' ? 'English' : 'Chinese'}>
<IconButton onClick={handleClick} variant='contained'>
@@ -154,7 +164,7 @@ export const LayoutMain = (props: LayoutMainProps) => {
<PanelGroup className='w-full h-full panel-layout' autoSaveId='editor-layout-main' direction='horizontal'>
<Panel style={{ height: '100%' }}>
<div className='h-full overflow-hidden'>
<div className='w-full h-full rounded-lg text-primary'>
<div className='w-full h-full rounded-lg text-text-primary'>
<Outlet />
</div>
</div>