This commit is contained in:
@@ -170,7 +170,7 @@
|
|||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarTitleText": "uni-app",
|
"navigationBarTitleText": "uni-app",
|
||||||
"navigationBarBackgroundColor": "#F8F8F8",
|
"navigationBarBackgroundColor": "#fadae7",
|
||||||
"backgroundColor": "#F8F8F8"
|
"backgroundColor": "#fadae7"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -280,16 +280,15 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="bg-[#fafafa] min-h-screen pb-safe">
|
<view class="bg-page min-h-screen pb-safe">
|
||||||
<!-- IoT卡详情 -->
|
<!-- 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="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="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 justify-between mb-2">
|
||||||
<view class="flex items-center gap-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]">
|
<text class="text-16px font-700 text-[#212121]">
|
||||||
IoT卡
|
IoT卡
|
||||||
</text>
|
</text>
|
||||||
@@ -607,14 +606,13 @@
|
|||||||
</view>
|
</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="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="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 justify-between mb-2">
|
||||||
<view class="flex items-center gap-2">
|
<view class="flex items-center gap-2">
|
||||||
<i class="i-mdi-router-wireless text-24px text-[#212121]" />
|
|
||||||
<view>
|
<view>
|
||||||
<text class="text-16px font-700 text-[#212121] block mb-0.5">
|
<text class="text-16px font-700 text-[#212121] block mb-0.5">
|
||||||
{{ deviceInfo.device_name }}
|
{{ deviceInfo.device_name }}
|
||||||
|
|||||||
@@ -578,7 +578,7 @@ onMounted(async () => {
|
|||||||
<template>
|
<template>
|
||||||
<view class="bg-page safe-area-bottom min-h-screen flex flex-col">
|
<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">
|
<view class="relative flex items-center">
|
||||||
<input
|
<input
|
||||||
@@ -609,17 +609,17 @@ onMounted(async () => {
|
|||||||
<!-- 筛选和类型切换 -->
|
<!-- 筛选和类型切换 -->
|
||||||
<view class="flex items-center gap-2 mt-3 flex-wrap">
|
<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
|
<view
|
||||||
class="px-3 py-1.5 rounded-full text-12px font-medium transition-all"
|
class="px-3 py-1.5 text-12px font-medium transition-all"
|
||||||
:class="activeTab === 'card' ? 'bg-white shadow-sm text-[#1e293b]' : 'text-[#64748b]'"
|
:class="activeTab === 'card' ? 'text-[#1e293b]' : 'text-[#64748b]'"
|
||||||
@click="changeTab('card')"
|
@click="changeTab('card')"
|
||||||
>
|
>
|
||||||
IoT卡
|
IoT卡
|
||||||
</view>
|
</view>
|
||||||
<view
|
<view
|
||||||
class="px-3 py-1.5 rounded-full text-12px font-medium transition-all"
|
class="px-3 py-1.5 text-12px font-medium transition-all"
|
||||||
:class="activeTab === 'device' ? 'bg-white shadow-sm text-[#1e293b]' : 'text-[#64748b]'"
|
:class="activeTab === 'device' ? 'text-[#1e293b]' : 'text-[#64748b]'"
|
||||||
@click="changeTab('device')"
|
@click="changeTab('device')"
|
||||||
>
|
>
|
||||||
设备
|
设备
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ page {
|
|||||||
--text-inverse: #ffffff; /* 反色文字 */
|
--text-inverse: #ffffff; /* 反色文字 */
|
||||||
|
|
||||||
/* === 背景色 Background Colors === */
|
/* === 背景色 Background Colors === */
|
||||||
--bg-page: #fafafa; /* 页面背景 */
|
--bg-page: #faf0f5; /* 页面背景 */
|
||||||
--bg-container: #ffffff; /* 容器/卡片背景 */
|
--bg-container: #ffffff; /* 容器/卡片背景 */
|
||||||
--bg-elevated: #ffffff; /* 悬浮层背景 */
|
--bg-elevated: #ffffff; /* 悬浮层背景 */
|
||||||
--bg-muted: #f5f5f5; /* 静音背景 */
|
--bg-muted: #f5f5f5; /* 静音背景 */
|
||||||
|
|||||||
Reference in New Issue
Block a user