删除资产管理和安全生产直接的灰色横条,并且优化安全生产和资产管理中问卷中文字的布局,保持居中且不要换行 - Follow Up Deployment
Browse files- index.html +20 -24
index.html
CHANGED
|
@@ -75,40 +75,36 @@
|
|
| 75 |
|
| 76 |
<div class="relative bg-white rounded-2xl shadow-xl p-10 backdrop-blur-sm bg-opacity-90 border border-gray-100">
|
| 77 |
<!-- 上侧模块 -->
|
| 78 |
-
<div class="flex justify-center mb-12">
|
| 79 |
-
<div class="bg-blue-50 rounded-lg p-4 shadow-md module-item">
|
| 80 |
-
<h3 class="font-semibold text-blue-700 text-center mb-
|
| 81 |
-
<div class="flex space-x-4">
|
| 82 |
-
<div class="bg-white
|
| 83 |
<i class="fas fa-cubes text-blue-500"></i>
|
| 84 |
<span class="ml-1">应用</span>
|
| 85 |
</div>
|
| 86 |
-
<div class="bg-white
|
| 87 |
<i class="fas fa-laptop text-blue-500"></i>
|
| 88 |
<span class="ml-1">设备</span>
|
| 89 |
</div>
|
| 90 |
-
<div class="bg-white
|
| 91 |
<i class="fas fa-user text-blue-500"></i>
|
| 92 |
<span class="ml-1">账号</span>
|
| 93 |
</div>
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
-
<div class="
|
| 97 |
-
<
|
| 98 |
-
<div class="
|
| 99 |
-
|
| 100 |
-
<div class="bg-green-50 rounded-lg p-4 shadow-md module-item">
|
| 101 |
-
<h3 class="font-semibold text-green-700 text-center mb-2">安全生产</h3>
|
| 102 |
-
<div class="flex space-x-4">
|
| 103 |
-
<div class="bg-white p-2 rounded">
|
| 104 |
<i class="fas fa-sliders-h text-green-500"></i>
|
| 105 |
<span class="ml-1">灰度</span>
|
| 106 |
</div>
|
| 107 |
-
<div class="bg-white
|
| 108 |
<i class="fas fa-chart-line text-green-500"></i>
|
| 109 |
<span class="ml-1">监控</span>
|
| 110 |
</div>
|
| 111 |
-
<div class="bg-white
|
| 112 |
<i class="fas fa-first-aid text-green-500"></i>
|
| 113 |
<span class="ml-1">止血</span>
|
| 114 |
</div>
|
|
@@ -117,10 +113,10 @@
|
|
| 117 |
</div>
|
| 118 |
|
| 119 |
<!-- 主体内容 -->
|
| 120 |
-
<div class="flex flex-col md:flex-row items-center justify-between">
|
| 121 |
<!-- 左侧模块 -->
|
| 122 |
-
<div class="w-full md:w-1/4 mb-8 md:mb-0
|
| 123 |
-
<div class="bg-purple-50 rounded-lg p-4 shadow-md module-item arrow">
|
| 124 |
<h3 class="font-semibold text-purple-700 text-center mb-3"></h3>
|
| 125 |
|
| 126 |
<div class="mb-4">
|
|
@@ -206,8 +202,8 @@
|
|
| 206 |
</div>
|
| 207 |
|
| 208 |
<!-- 右侧模块 -->
|
| 209 |
-
<div class="w-full md:w-1/4">
|
| 210 |
-
<div class="bg-orange-50 rounded-lg p-4 shadow-md module-item">
|
| 211 |
<h3 class="font-semibold text-orange-700 text-center mb-3">巡检结果运营</h3>
|
| 212 |
<ul class="space-y-2 text-sm">
|
| 213 |
<li class="flex items-center bg-white p-2 rounded">
|
|
@@ -231,8 +227,8 @@
|
|
| 231 |
</div>
|
| 232 |
|
| 233 |
<!-- 下侧模块 -->
|
| 234 |
-
<div class="flex justify-center mt-12">
|
| 235 |
-
<div class="bg-indigo-50 rounded-lg p-4 shadow-md module-item">
|
| 236 |
<h3 class="font-semibold text-indigo-700 text-center mb-3">攻击剧本执行结果</h3>
|
| 237 |
<div class="flex flex-wrap justify-center gap-2">
|
| 238 |
<div class="bg-white p-2 rounded flex items-center">
|
|
|
|
| 75 |
|
| 76 |
<div class="relative bg-white rounded-2xl shadow-xl p-10 backdrop-blur-sm bg-opacity-90 border border-gray-100">
|
| 77 |
<!-- 上侧模块 -->
|
| 78 |
+
<div class="flex justify-center mb-12 w-full md:w-1/2 mx-auto">
|
| 79 |
+
<div class="bg-blue-50 rounded-lg p-4 shadow-md module-item w-full">
|
| 80 |
+
<h3 class="font-semibold text-blue-700 text-center mb-3">资产管理</h3>
|
| 81 |
+
<div class="flex justify-center space-x-4 whitespace-nowrap">
|
| 82 |
+
<div class="bg-white px-3 py-1 rounded flex items-center">
|
| 83 |
<i class="fas fa-cubes text-blue-500"></i>
|
| 84 |
<span class="ml-1">应用</span>
|
| 85 |
</div>
|
| 86 |
+
<div class="bg-white px-3 py-1 rounded flex items-center">
|
| 87 |
<i class="fas fa-laptop text-blue-500"></i>
|
| 88 |
<span class="ml-1">设备</span>
|
| 89 |
</div>
|
| 90 |
+
<div class="bg-white px-3 py-1 rounded flex items-center">
|
| 91 |
<i class="fas fa-user text-blue-500"></i>
|
| 92 |
<span class="ml-1">账号</span>
|
| 93 |
</div>
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
+
<div class="bg-green-50 rounded-lg p-4 shadow-md module-item w-full">
|
| 97 |
+
<h3 class="font-semibold text-green-700 text-center mb-3">安全生产</h3>
|
| 98 |
+
<div class="flex justify-center space-x-4 whitespace-nowrap">
|
| 99 |
+
<div class="bg-white px-3 py-1 rounded flex items-center">
|
|
|
|
|
|
|
|
|
|
|
|
|
| 100 |
<i class="fas fa-sliders-h text-green-500"></i>
|
| 101 |
<span class="ml-1">灰度</span>
|
| 102 |
</div>
|
| 103 |
+
<div class="bg-white px-3 py-1 rounded flex items-center">
|
| 104 |
<i class="fas fa-chart-line text-green-500"></i>
|
| 105 |
<span class="ml-1">监控</span>
|
| 106 |
</div>
|
| 107 |
+
<div class="bg-white px-3 py-1 rounded flex items-center">
|
| 108 |
<i class="fas fa-first-aid text-green-500"></i>
|
| 109 |
<span class="ml-1">止血</span>
|
| 110 |
</div>
|
|
|
|
| 113 |
</div>
|
| 114 |
|
| 115 |
<!-- 主体内容 -->
|
| 116 |
+
<div class="flex flex-col md:flex-row items-center justify-between px-4">
|
| 117 |
<!-- 左侧模块 -->
|
| 118 |
+
<div class="w-full md:w-1/4 mb-8 md:mb-0 px-4">
|
| 119 |
+
<div class="bg-purple-50 rounded-lg p-4 shadow-md module-item arrow w-full">
|
| 120 |
<h3 class="font-semibold text-purple-700 text-center mb-3"></h3>
|
| 121 |
|
| 122 |
<div class="mb-4">
|
|
|
|
| 202 |
</div>
|
| 203 |
|
| 204 |
<!-- 右侧模块 -->
|
| 205 |
+
<div class="w-full md:w-1/4 px-4">
|
| 206 |
+
<div class="bg-orange-50 rounded-lg p-4 shadow-md module-item w-full">
|
| 207 |
<h3 class="font-semibold text-orange-700 text-center mb-3">巡检结果运营</h3>
|
| 208 |
<ul class="space-y-2 text-sm">
|
| 209 |
<li class="flex items-center bg-white p-2 rounded">
|
|
|
|
| 227 |
</div>
|
| 228 |
|
| 229 |
<!-- 下侧模块 -->
|
| 230 |
+
<div class="flex justify-center mt-12 w-full md:w-1/2 mx-auto">
|
| 231 |
+
<div class="bg-indigo-50 rounded-lg p-4 shadow-md module-item w-full">
|
| 232 |
<h3 class="font-semibold text-indigo-700 text-center mb-3">攻击剧本执行结果</h3>
|
| 233 |
<div class="flex flex-wrap justify-center gap-2">
|
| 234 |
<div class="bg-white p-2 rounded flex items-center">
|