微信小程序开发设计详细代码：一个小程序，包含有1个主页面和多个子页面，通过导航按钮可以进入到子页面和返回主页面，主要功能是获取6种以上的手机硬件设备信息并显示。

好的，以下是一个简单的微信小程序开发设计的代码示例，可以根据自己的需求进行调整和完善：

1. 主页面 wxml 代码

<view class="container">
  <view class="title">手机硬件设备信息</view>
  <view class="btn" bindtap="goToPage1">跳转到子页面1</view>
  <view class="btn" bindtap="goToPage2">跳转到子页面2</view>
</view>

2. 主页面 js 代码

Page({
  goToPage1: function () {
    wx.navigateTo({
      url: '/pages/subpage1/subpage1'
    })
  },
  goToPage2: function () {
    wx.navigateTo({
      url: '/pages/subpage2/subpage2'
    })
  }
})

3. 子页面1 wxml 代码

<view class="container">
  <view class="title">子页面1</view>
  <view>手机型号：{{model}}</view>
  <view>操作系统版本：{{system}}</view>
  <view>网络类型：{{networkType}}</view>
</view>

4. 子页面1 js 代码

Page({
  data: {
    model: '',
    system: '',
    networkType: ''
  },
  onLoad: function () {
    var that = this
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          model: res.model,
          system: res.system
        })
      }
    })
    wx.getNetworkType({
      success: function (res) {
        that.setData({
          networkType: res.networkType
        })
      }
    })
  }
})

5. 子页面2 wxml 代码

<view class="container">
  <view class="title">子页面2</view>
  <view>当前地理位置：{{address}}</view>
  <view>二维码信息：{{codeResult}}</view>
</view>

6. 子页面2 js 代码

Page({
  data: {
    address: '',
    codeResult: ''
  },
  onLoad: function () {
    var that = this
    wx.getLocation({
      success: function (res) {
        that.setData({
          address: res.address
        })
      }
    })
    wx.scanCode({
      success: function (res) {
        that.setData({
          codeResult: res.result
        })
      }
    })
  }
})

以上是一个简单的微信小程序开发设计的代码示例，具体实现方式还需要根据具体需求进行调整和完善。