diff --git a/projects/IoT.Shared/wwwroot/css/site.css b/projects/IoT.Shared/wwwroot/css/site.css
index b6f634ea..7241bc54 100644
--- a/projects/IoT.Shared/wwwroot/css/site.css
+++ b/projects/IoT.Shared/wwwroot/css/site.css
@@ -104,8 +104,18 @@ img.pointer {
     cursor: pointer;
     height: 32px;
     width: 32px;
-    margin: 5px auto;
+    margin: 8px auto;
 }
 .card-body.device{
     padding:10px;
+}
+.row.h48{
+    height:48px;
+}
+p.h48{
+    line-height:48px;
+    margin:0 auto;
+}
+.margin0auto{
+    margin:0 auto;
 }
\ No newline at end of file
diff --git a/projects/Platform/Views/Home/Building.cshtml b/projects/Platform/Views/Home/Building.cshtml
index adef4f1d..a4f551a6 100644
--- a/projects/Platform/Views/Home/Building.cshtml
+++ b/projects/Platform/Views/Home/Building.cshtml
@@ -82,13 +82,13 @@
         @if (Model.Scenes.Any())
         {
             <div class="card">
-                <div class="card-header">当前建筑场景</div>
+                <div class="card-header">建筑场景</div>
                 <div class="card-body">
                     <div class="row">
                         @foreach (var item in Model.Scenes)
                         {
                             <div class="col-sm-1">
-                                <div class="card bg-gray p-2">
+                                <div class="card bg-light p-2">
                                     <a class="card-body text-center" href="#" style="padding:0;">
                                         <img class="card-img-top" src="@Url.Content2(item.Image)" alt="@item.Name">
                                         <div>@item.Name</div>
diff --git a/projects/Platform/Views/Shared/Device/light.cshtml b/projects/Platform/Views/Shared/Device/light.cshtml
new file mode 100644
index 00000000..a7ae7653
--- /dev/null
+++ b/projects/Platform/Views/Shared/Device/light.cshtml
@@ -0,0 +1,23 @@
+@model IoT.Shared.Application.Domain.Entities.IoTDevice
+@{
+    var data = Model.Data.FirstOrDefault(o => o.Key == "Light");
+    var value = data?.Value;
+    var unit = data?.Unit;
+    var desc = data?.Description;
+}
+<div class="col-sm-2">
+    <div class="card bg-light">
+        <div class="card-header">
+            <h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
+            <div class="card-tools">@desc</div>
+        </div>
+        <div class="card-body device">
+            <div class="row">
+                <img class="icon" src="@Url.Content2(Model.Product.Image)" />
+            </div>
+            <div class="row h48 text-center">
+                <p class="h48 margin0auto">@value @unit </p>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/projects/Platform/Views/Shared/Device/socket.cshtml b/projects/Platform/Views/Shared/Device/socket.cshtml
index 542e006d..f8424687 100644
--- a/projects/Platform/Views/Shared/Device/socket.cshtml
+++ b/projects/Platform/Views/Shared/Device/socket.cshtml
@@ -4,7 +4,7 @@
     var isOpend = Model.Data.Any(o => o.Key == "State" && o.Value == "开");
 }
 <div class="col-sm-2">
-    <div class="card">
+    <div class="card bg-light">
         <div class="card-header">
             <h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
             <div class="card-tools">@state</div>