This commit is contained in:
@@ -170,7 +170,7 @@
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app",
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "#F8F8F8"
|
||||
"navigationBarBackgroundColor": "#fadae7",
|
||||
"backgroundColor": "#fadae7"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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')"
|
||||
>
|
||||
设备
|
||||
|
||||
@@ -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; /* 静音背景 */
|
||||
|
||||
Reference in New Issue
Block a user