fix: ui
All checks were successful
构建并部署前端到生产环境 / build-and-deploy (push) Successful in 1m2s

This commit is contained in:
luo
2026-07-30 12:30:50 +08:00
parent 8027916e7a
commit dfa68a6a79
20 changed files with 69 additions and 64 deletions

View File

@@ -95,7 +95,7 @@
min-height: 100vh;
box-sizing: border-box;
padding: 28rpx 24rpx 48rpx;
background: linear-gradient(180deg, #eaf4ff 0%, var(--bg-secondary) 42%);
background: linear-gradient(180deg, #eaf6ec 0%, var(--bg-secondary) 42%);
}
.pay-content {
@@ -108,8 +108,8 @@
background: var(--bg-primary);
border-radius: 28rpx;
padding: 32rpx;
box-shadow: 0 16rpx 40rpx rgba(10, 132, 255, 0.08);
border: 1rpx solid rgba(10, 132, 255, 0.08);
box-shadow: 0 16rpx 40rpx rgba(85, 171, 92, 0.08);
border: 1rpx solid rgba(85, 171, 92, 0.08);
}
.qr-desc {
@@ -144,7 +144,7 @@
.browser-tip {
padding: 22rpx 24rpx;
border-radius: 18rpx;
background: rgba(10, 132, 255, 0.08);
background: rgba(85, 171, 92, 0.08);
color: var(--primary);
font-size: 28rpx;
font-weight: 600;
@@ -167,7 +167,7 @@
padding: 28rpx;
border-radius: 24rpx;
background: #fff;
border: 1rpx dashed rgba(10, 132, 255, 0.24);
border: 1rpx dashed rgba(85, 171, 92, 0.24);
}
</style>

View File

@@ -15,15 +15,16 @@
<!-- <WhitelistCard v-if="!userInfo.isDevice" :whitelistData="whitelistData" @refresh="refreshWhitelist"
@add="showAddWhitelistDialog" @showSms="showSmsCodeDialog" /> -->
<WifiCard v-if="userInfo.isDevice" :deviceInfo="deviceInfo" @modify="modifyWifi" @copy="copy" />
<WifiCard v-if="userInfo.isDevice" :deviceInfo="deviceInfo" @modify="modifyWifi"
@copy-config="copyWifiConfig" />
<FunctionCard :realNameStatus="realNameStatus" :alreadyBindPhone="alreadyBindPhone"
:isDevice="userInfo.isDevice" :walletBalance="deviceInfo.walletBalance" :unreadCount="notificationUnreadCount"
@enter="enterDetail" @sync="onSync">
<!-- 修改WIFI弹窗 -->
<!-- 修改配置弹窗 -->
<up-popup :show="showModifyWifi" mode="center" @close="showModifyWifi=false">
<view class="wifi-popup">
<view class="title mb-md">修改WIFI</view>
<view class="title mb-md">修改配置</view>
<view class="flex-col-g20">
<view class="flex-col-g8">
<label class="caption">名称:</label>
@@ -509,16 +510,6 @@
restartShow.value = false;
};
const copy = (content) => {
uni.setClipboardData({
data: content,
success: () => uni.showToast({
title: '复制成功',
icon: 'none'
})
});
};
const YesRecover = async () => {
try {
await deviceApi.factoryReset(userStore.state.identifier);
@@ -840,6 +831,13 @@
}
};
const copyWifiConfig = (content) => {
uni.setClipboardData({
data: content,
success: () => uni.showToast({ title: '配置已复制', icon: 'none' })
});
};
const getNotificationPriority = (item) => {
const severityRank = { info: 10, warning: 20, error: 30, critical: 40 };
const remainingDays = Number(item?.days_until_expiry ?? item?.days_remaining ?? item?.remaining_days);

View File

@@ -368,7 +368,7 @@
.input-wrap.focus {
background: var(--bg-primary);
border-color: var(--primary);
box-shadow: 0 0 0 4rpx rgba(10, 132, 255, 0.1);
box-shadow: 0 0 0 4rpx rgba(85, 171, 92, 0.1);
}
.input {
@@ -419,7 +419,7 @@
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 4rpx 12rpx rgba(10, 132, 255, 0.2);
box-shadow: 0 4rpx 12rpx rgba(85, 171, 92, 0.2);
}
.btn-login.disabled {
@@ -430,7 +430,7 @@
.btn-login:active:not(.disabled) {
transform: translateY(2rpx);
box-shadow: 0 2rpx 8rpx rgba(10, 132, 255, 0.2);
box-shadow: 0 2rpx 8rpx rgba(85, 171, 92, 0.2);
}
.btn-scan {
@@ -451,7 +451,7 @@
}
.btn-scan:active {
background: rgba(10, 132, 255, 0.05);
background: rgba(85, 171, 92, 0.05);
}
.scan-icon {

View File

@@ -1009,7 +1009,7 @@
&.active {
border-color: var(--primary);
background: rgba(0, 122, 255, 0.05);
background: rgba(85, 171, 92, 0.05);
.amount-value {
color: var(--primary);
@@ -1054,7 +1054,7 @@
&.active {
border-color: var(--primary);
background: rgba(0, 122, 255, 0.05);
background: rgba(85, 171, 92, 0.05);
}
.method-left {

View File

@@ -446,7 +446,7 @@
&.tag-success {
background: #e6f7ff;
color: #1890ff;
color: var(--primary);
}
&.tag-secondary {

View File

@@ -607,7 +607,7 @@
.package-validity {
padding: 8rpx 12rpx;
border-radius: var(--radius-small);
background: rgba(10, 132, 255, 0.1);
background: rgba(85, 171, 92, 0.1);
color: var(--primary-dark);
font-size: 22rpx;
font-weight: 600;
@@ -622,8 +622,8 @@
gap: 24rpx;
padding: 24rpx;
margin-bottom: 24rpx;
background: linear-gradient(135deg, rgba(10, 132, 255, 0.08), rgba(10, 132, 255, 0.02));
border: 1rpx solid rgba(10, 132, 255, 0.1);
background: linear-gradient(135deg, rgba(85, 171, 92, 0.08), rgba(85, 171, 92, 0.02));
border: 1rpx solid rgba(85, 171, 92, 0.1);
border-radius: 18rpx;
.data-block {
@@ -651,7 +651,7 @@
align-items: center;
justify-content: center;
padding-left: 24rpx;
border-left: 1rpx solid rgba(10, 132, 255, 0.18);
border-left: 1rpx solid rgba(85, 171, 92, 0.18);
color: var(--primary-dark);
white-space: nowrap;
@@ -765,7 +765,7 @@
min-width: 0;
padding: 10rpx 16rpx;
border-radius: 28rpx;
background: rgba(10, 132, 255, 0.08);
background: rgba(85, 171, 92, 0.08);
color: var(--primary-dark);
font-size: 24rpx;
line-height: 1.2;
@@ -858,7 +858,7 @@
.package-summary {
padding: 40rpx 30rpx 30rpx;
background: linear-gradient(135deg, rgba(0, 122, 255, 0.05) 0%, rgba(0, 122, 255, 0.02) 100%);
background: linear-gradient(135deg, rgba(85, 171, 92, 0.05) 0%, rgba(85, 171, 92, 0.02) 100%);
border-bottom: 1rpx solid var(--border-light);
text-align: center;
@@ -884,7 +884,7 @@
justify-content: center;
gap: 24rpx;
padding-top: 20rpx;
border-top: 1rpx solid rgba(0, 122, 255, 0.1);
border-top: 1rpx solid rgba(85, 171, 92, 0.1);
.detail-item {
display: flex;
@@ -932,7 +932,7 @@
&.active {
border-color: var(--primary);
background: rgba(0, 122, 255, 0.05);
background: rgba(85, 171, 92, 0.05);
}
.method-left {