chore: 配置git忽略node_modules文件夹
This commit is contained in:
@@ -568,16 +568,16 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
<div style={{
|
||||
padding: '80px 20px',
|
||||
textAlign: 'center',
|
||||
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
|
||||
background: 'var(--md-surface)',
|
||||
minHeight: '60vh',
|
||||
borderRadius: '16px',
|
||||
color: 'white'
|
||||
color: 'var(--md-on-surface)'
|
||||
}}>
|
||||
<Spin size="large" style={{ color: 'white' }} />
|
||||
<Title level={3} style={{ marginTop: 24, color: 'white' }}>
|
||||
🔄 加载 APK 信息中...
|
||||
<Spin size="large" />
|
||||
<Title level={3} style={{ marginTop: 24, color: 'var(--md-on-surface)' }}>
|
||||
加载 APK 信息中...
|
||||
</Title>
|
||||
<Text style={{ color: 'rgba(255,255,255,0.8)', fontSize: '16px' }}>
|
||||
<Text style={{ color: 'var(--md-on-surface-variant)', fontSize: '16px' }}>
|
||||
正在加载APK状态
|
||||
</Text>
|
||||
</div>
|
||||
@@ -589,35 +589,36 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
padding: '24px',
|
||||
width: '100%',
|
||||
flex: 1,
|
||||
background: 'linear-gradient(135deg, #f0f2f5 0%, #e8f2ff 100%)',
|
||||
background: 'var(--md-surface)',
|
||||
minHeight: '100vh',
|
||||
display: 'flex',
|
||||
flexDirection: 'column'
|
||||
}}>
|
||||
{/* 现代化页面头部 */}
|
||||
{/* 页面头部 */}
|
||||
<div style={{
|
||||
marginBottom: 32,
|
||||
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
|
||||
background: 'var(--md-surface-container-lowest)',
|
||||
padding: '32px',
|
||||
borderRadius: '16px',
|
||||
color: 'white'
|
||||
color: 'var(--md-on-surface)',
|
||||
border: '1px solid var(--md-outline-variant)',
|
||||
boxShadow: 'var(--md-elevation-1)'
|
||||
}}>
|
||||
<Row justify="space-between" align="middle">
|
||||
<Col span={16}>
|
||||
<Space size="large" align="center">
|
||||
<div style={{
|
||||
background: 'rgba(255,255,255,0.2)',
|
||||
background: 'var(--md-secondary-container)',
|
||||
padding: '16px',
|
||||
borderRadius: '12px',
|
||||
backdropFilter: 'blur(10px)'
|
||||
borderRadius: '12px'
|
||||
}}>
|
||||
<AndroidOutlined style={{ fontSize: '48px', color: 'white' }} />
|
||||
<AndroidOutlined style={{ fontSize: '48px', color: 'var(--md-secondary)' }} />
|
||||
</div>
|
||||
<div>
|
||||
<Title level={2} style={{ color: 'white', margin: 0 }}>
|
||||
<Title level={2} style={{ color: 'var(--md-on-surface)', margin: 0 }}>
|
||||
APK 构建中心
|
||||
</Title>
|
||||
<Paragraph style={{ color: 'rgba(255,255,255,0.8)', margin: 0, fontSize: '16px' }}>
|
||||
<Paragraph style={{ color: 'var(--md-on-surface-variant)', margin: 0, fontSize: '16px' }}>
|
||||
一键构建和部署 Android 远程控制客户端
|
||||
</Paragraph>
|
||||
</div>
|
||||
@@ -630,11 +631,6 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
icon={<SyncOutlined />}
|
||||
onClick={fetchAPKInfo}
|
||||
loading={loading}
|
||||
style={{
|
||||
background: 'rgba(255,255,255,0.2)',
|
||||
borderColor: 'rgba(255,255,255,0.3)',
|
||||
color: 'white'
|
||||
}}
|
||||
>
|
||||
刷新状态
|
||||
</Button>
|
||||
@@ -647,12 +643,12 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
{data?.apkInfo?.exists ? (
|
||||
<Card
|
||||
style={{
|
||||
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
background: 'var(--md-surface-container-lowest)',
|
||||
color: 'var(--md-on-surface)',
|
||||
border: '1px solid var(--md-outline-variant)',
|
||||
borderRadius: '20px',
|
||||
marginBottom: 24,
|
||||
boxShadow: '0 20px 40px rgba(102, 126, 234, 0.3)'
|
||||
boxShadow: 'var(--md-elevation-2)'
|
||||
}}
|
||||
styles={{ body: { padding: '40px' } }}
|
||||
>
|
||||
@@ -660,7 +656,7 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
<Col xs={24} sm={24} md={6} lg={6} xl={6}>
|
||||
<div style={{ textAlign: 'center', marginBottom: window.innerWidth < 768 ? '20px' : '0' }}>
|
||||
<div style={{
|
||||
background: 'linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%)',
|
||||
background: 'var(--md-success-container)',
|
||||
borderRadius: '50%',
|
||||
width: '100px',
|
||||
height: '100px',
|
||||
@@ -668,47 +664,42 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
margin: '0 auto',
|
||||
boxShadow: '0 8px 32px rgba(0,0,0,0.1)',
|
||||
backdropFilter: 'blur(10px)',
|
||||
border: '1px solid rgba(255,255,255,0.2)'
|
||||
boxShadow: 'var(--md-elevation-1)'
|
||||
}}>
|
||||
<AndroidOutlined style={{ fontSize: '48px', color: 'white' }} />
|
||||
<AndroidOutlined style={{ fontSize: '48px', color: 'var(--md-success)' }} />
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} sm={24} md={12} lg={12} xl={12}>
|
||||
<Title level={2} style={{ color: 'white', margin: 0, marginBottom: 20 }}>
|
||||
🎉 APK 构建成功!
|
||||
<Title level={2} style={{ color: 'var(--md-on-surface)', margin: 0, marginBottom: 20 }}>
|
||||
APK 构建成功
|
||||
</Title>
|
||||
<Space direction="vertical" size={12}>
|
||||
<div style={{
|
||||
background: 'rgba(255,255,255,0.1)',
|
||||
background: 'var(--md-surface-container-low)',
|
||||
padding: '8px 16px',
|
||||
borderRadius: '8px',
|
||||
backdropFilter: 'blur(10px)'
|
||||
borderRadius: '8px'
|
||||
}}>
|
||||
<Text style={{ color: 'white', fontSize: '16px', fontWeight: 500 }}>
|
||||
<Text style={{ color: 'var(--md-on-surface)', fontSize: '16px', fontWeight: 500 }}>
|
||||
<FileOutlined style={{ marginRight: 8 }} />
|
||||
{data.apkInfo.filename}
|
||||
</Text>
|
||||
</div>
|
||||
<div style={{
|
||||
background: 'rgba(255,255,255,0.1)',
|
||||
background: 'var(--md-surface-container-low)',
|
||||
padding: '8px 16px',
|
||||
borderRadius: '8px',
|
||||
backdropFilter: 'blur(10px)'
|
||||
borderRadius: '8px'
|
||||
}}>
|
||||
<Text style={{ color: 'white', fontSize: '16px', fontWeight: 500 }}>
|
||||
📦 {data.apkInfo.size ? formatSize(data.apkInfo.size) : '未知大小'}
|
||||
<Text style={{ color: 'var(--md-on-surface)', fontSize: '16px', fontWeight: 500 }}>
|
||||
{data.apkInfo.size ? formatSize(data.apkInfo.size) : '未知大小'}
|
||||
</Text>
|
||||
</div>
|
||||
<div style={{
|
||||
background: 'rgba(255,255,255,0.1)',
|
||||
background: 'var(--md-surface-container-low)',
|
||||
padding: '8px 16px',
|
||||
borderRadius: '8px',
|
||||
backdropFilter: 'blur(10px)'
|
||||
borderRadius: '8px'
|
||||
}}>
|
||||
<Text style={{ color: 'white', fontSize: '16px', fontWeight: 500 }}>
|
||||
<Text style={{ color: 'var(--md-on-surface)', fontSize: '16px', fontWeight: 500 }}>
|
||||
<ClockCircleOutlined style={{ marginRight: 8 }} />
|
||||
{data.apkInfo.buildTime
|
||||
? new Date(data.apkInfo.buildTime).toLocaleString()
|
||||
@@ -726,16 +717,10 @@ const APKManager: React.FC<APKManagerProps> = ({ serverUrl }) => {
|
||||
icon={<CloudDownloadOutlined />}
|
||||
onClick={downloadAPK}
|
||||
style={{
|
||||
background: 'linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%)',
|
||||
borderColor: 'rgba(255,255,255,0.3)',
|
||||
height: '60px',
|
||||
fontSize: '18px',
|
||||
fontWeight: 600,
|
||||
borderRadius: '12px',
|
||||
backdropFilter: 'blur(10px)',
|
||||
boxShadow: '0 8px 32px rgba(0,0,0,0.1)',
|
||||
border: '1px solid rgba(255,255,255,0.2)',
|
||||
color: 'white',
|
||||
width: '100%'
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user