ffeature：增加黑胶音箱的壁纸界面

pages/deviceDetail/detail.js

@@ -0,0 +1,80 @@
+// pages/deviceDetail/detail.js
+// pages/settings/settings.js
+Page({
+  data: {
+    // 页面数据
+  },
+  onLoad: function () {
+    // 页面加载时的逻辑
+  },
+  goToAccountSecurity: function () {
+    wx.navigateTo({
+      url: '/pages/accountSecurity/accountSecurity'
+    });
+  },
+  goToPrivacySettings: function () {
+    wx.navigateTo({
+      url: '/pages/privacySettings/privacySettings'
+    });
+  },
+  goToNotificationSettings: function () {
+    wx.navigateTo({
+      url: '/pages/notificationSettings/notificationSettings'
+    });
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/piano/wallpaper/wallpaper.js

@@ -0,0 +1,67 @@
+// pages/piano/wallpaper/wallpaper.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imageList: [],
+    selectIndex: 0,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/piano/wallpaper/wallpaper.json

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

pages/piano/wallpaper/wallpaper.wxml

@@ -0,0 +1,13 @@
+<!-- pages/piano/wallpaper/wallpaper.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="select_img"></image>
+        <image src="../../images/icon_arrow.png" class="select_icon"></image>
+    </view>
+    <view class="grid-container">
+        <block wx:for="{{imageList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
+            <image class="device_img" src="{{item.img}}" mode="aspectFill" bind:tap="deviceTap" data-device="{{item}}" />
+        </block>
+    </view>
+</view>

pages/piano/wallpaper/wallpaper.wxss

@@ -0,0 +1,39 @@
+/* pages/piano/wallpaper/wallpaper.wxss */
+
+.img_section {
+    width: 100%;
+    height: 400rpx;
+    position: relative;
+}
+
+.select_img {
+    padding-inline: 108rpx;
+    height: 400rpx;
+    border-radius: 16rpx;
+}
+
+.select_icon {
+    position: absolute;
+    width: 56rpx;
+    height: 56rpx;
+    bottom: 32rpx;
+    right: 32rpx;
+    z-index: 1;
+}
+
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-column-gap: 32rpx;
+    /* grid-row: 32rpx; */
+    padding-inline: 32rpx;
+    padding-top: 16rpx;
+}
+
+.cell {
+    width: 100%;
+    height: 240rpx;
+    border-radius: 16rpx;
+
+}