ffeature：增加黑胶音箱的详情界面

pages/deviceDetail/detail.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "nav-bar": "./../components/navbar/navbar"
+  }
+}

pages/deviceDetail/detail.wxml

@@ -0,0 +1,22 @@
+<!-- pages/deviceDetail/detail.wxml -->
+<view class="container">
+    <nav-bar bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" nav-title-class="ex-nav-title-class" ex-back-pre="ex-back-pre" navbar-data='{{nvabarData}}'></nav-bar>
+    <view class="img_section">
+        <image src="../../images/icon_arrow.png" class="avatar"></image>
+    </view>
+    <view class="section">
+        <view class="item" bindtap="goToAccountSecurity">
+            <text class="label">壁纸设置</text>
+            <!-- <text class="arrow">></text> -->
+            <image class="arrow" src="../../images/icon_arrow.png"></image>
+        </view>
+        <view class="item" bindtap="goToAccountSecurity">
+            <text class="label">省电模式</text>
+            <image class="arrow" src="../../images/icon_arrow.png"></image>
+        </view>
+        <view class="item" bindtap="goToPrivacySettings">
+            <text class="label">固件信息</text>
+            <image class="arrow" src="../../images/icon_arrow.png"></image>
+        </view>
+    </view>
+</view>

pages/deviceDetail/detail.wxss

@@ -0,0 +1,47 @@
+/* pages/deviceDetail/detail.wxss */
+/* pages/settings/settings.wxss */
+.container {
+    padding: 20px;
+}
+
+.img_section {
+    width: 100%;
+    height: 648rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.avatar {
+    width: 470rpx;
+    height: 432rpx;
+    background: #F2F5F7;
+    border-radius: 24rpx;
+}
+
+.section {
+    margin-bottom: 20px;
+}
+
+.title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+.item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+}
+
+.label {
+    font-size: 14px;
+}
+
+.arrow {
+    font-size: 14px;
+    color: #999;
+}