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

This commit is contained in:
sexygoat
2026-04-25 14:46:43 +08:00
parent cb9f21e264
commit a6961fd74f
4 changed files with 12 additions and 14 deletions

View File

@@ -170,7 +170,7 @@
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"navigationBarBackgroundColor": "#fadae7",
"backgroundColor": "#fadae7"
}
}

View File

@@ -280,16 +280,15 @@
</script>
<template>
<view class="bg-[#fafafa] min-h-screen pb-safe">
<view class="bg-page min-h-screen pb-safe">
<!-- IoT卡详情 -->
<view v-if="isCard && cardInfo" class="px-4 pt-4">
<view v-if="isCard && cardInfo" class="px-4 pt-4 pb-4">
<!-- 卡片基本信息卡 -->
<view class="bg-white rounded-16px shadow-[0_2px_12px_rgba(0,0,0,0.06)] overflow-hidden">
<!-- 顶部状态栏 -->
<view class="px-4 pt-4 pb-3 border-b-1px border-[#f5f5f5]">
<view class="flex items-center justify-between mb-2">
<view class="flex items-center gap-2">
<i class="i-mdi-sim text-24px text-[#212121]" />
<text class="text-16px font-700 text-[#212121]">
IoT卡
</text>
@@ -607,14 +606,13 @@
</view>
<!-- 设备详情 -->
<view v-else-if="isDevice && deviceInfo" class="px-4 pt-4">
<view v-else-if="isDevice && deviceInfo" class="px-4 pt-4 pb-4">
<!-- 设备基本信息卡 -->
<view class="bg-white rounded-16px shadow-[0_2px_12px_rgba(0,0,0,0.06)] overflow-hidden">
<!-- 顶部状态栏 -->
<view class="px-4 pt-4 pb-3 border-b-1px border-[#f5f5f5]">
<view class="flex items-center justify-between mb-2">
<view class="flex items-center gap-2">
<i class="i-mdi-router-wireless text-24px text-[#212121]" />
<view>
<text class="text-16px font-700 text-[#212121] block mb-0.5">
{{ deviceInfo.device_name }}

View File

@@ -578,7 +578,7 @@ onMounted(async () => {
<template>
<view class="bg-page safe-area-bottom min-h-screen flex flex-col">
<!-- 搜索区域 -->
<view class="bg-white px-4 pt-4 pb-3">
<view class="bg-white px-4 pt-4 pb-3 mb-3">
<!-- 搜索框 -->
<view class="relative flex items-center">
<input
@@ -609,17 +609,17 @@ onMounted(async () => {
<!-- 筛选和类型切换 -->
<view class="flex items-center gap-2 mt-3 flex-wrap">
<view class="flex bg-[#f1f5f9] rounded-full p-0.5 flex-shrink-0">
<view class="flex bg-[#f1f5f9] rounded-full flex-shrink-0">
<view
class="px-3 py-1.5 rounded-full text-12px font-medium transition-all"
:class="activeTab === 'card' ? 'bg-white shadow-sm text-[#1e293b]' : 'text-[#64748b]'"
class="px-3 py-1.5 text-12px font-medium transition-all"
:class="activeTab === 'card' ? 'text-[#1e293b]' : 'text-[#64748b]'"
@click="changeTab('card')"
>
IoT卡
</view>
<view
class="px-3 py-1.5 rounded-full text-12px font-medium transition-all"
:class="activeTab === 'device' ? 'bg-white shadow-sm text-[#1e293b]' : 'text-[#64748b]'"
class="px-3 py-1.5 text-12px font-medium transition-all"
:class="activeTab === 'device' ? 'text-[#1e293b]' : 'text-[#64748b]'"
@click="changeTab('device')"
>
设备

View File

@@ -30,7 +30,7 @@ page {
--text-inverse: #ffffff; /* 反色文字 */
/* === 背景色 Background Colors === */
--bg-page: #fafafa; /* 页面背景 */
--bg-page: #faf0f5; /* 页面背景 */
--bg-container: #ffffff; /* 容器/卡片背景 */
--bg-elevated: #ffffff; /* 悬浮层背景 */
--bg-muted: #f5f5f5; /* 静音背景 */