添加固件信息界面以及跳转

pages/piano/detail/detail.wxml

@@ -30,7 +30,7 @@
     <image class="bottom_item_image" mode="heightFix" src="./../../../img/min.png"></image>
   </view>
 
-  <view class="bottom_public" bind:tap="firmwareClick" >
+  <view class="bottom_public" bind:tap="firmwareClick" bin>
     <view class="bottom_item">
       <text class="bottom_public_text">固件信息</text>
       <image class="bottom_item_image" mode="heightFix" src="./../../../img/min.png"></image>

pages/piano/firmware/firmware.js

@@ -0,0 +1,69 @@
+// pages/piano/firmware/firmware.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      title: '固件信息', //导航栏 中间的标题
+    },
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/piano/firmware/firmware.json

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

pages/piano/firmware/firmware.wxml

@@ -0,0 +1,4 @@
+<view>
+  <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>

pages/piano/firmware/firmware.wxss

@@ -0,0 +1,60 @@
+.top_item_public_add {
+  /* 
+  margin-top: 50rpx; */
+  /*  垂直布局 */
+  /* flex-direction: column; */
+  /* 垂直居中 */
+  /* justify-content: center; */
+  display: -webkit-flex;
+  display: flex;
+  margin-top: 40rpx;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.top_item_public {
+  /* display: flex;
+  flex: 1; */
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  text-align: center;
+  color: #797979;
+  padding: 40rpx 0;
+  font-size: 30rpx;
+}
+
+.top_image {
+  height: 70rpx;
+}
+
+.setting_public {
+  margin: 200rpx 0 0rpx 40rpx;
+  font-size: 40rpx;
+  font-weight: 500;
+}
+
+.bottom_public {
+  display: flex;
+  font-size: 40rpx;
+  margin: 60rpx 40rpx 40rpx 40rpx;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 30rpx;
+}
+
+.bottom_public_text {
+  margin-right: 30rpx;
+}
+
+.bottom_item {
+  display: flex;
+  align-items: center;
+}
+
+.bottom_item_image {
+  height: 30rpx;
+  margin-right: 20rpx;
+}