init

components/index-nav-bar/index-nav-bar.js

@@ -0,0 +1,29 @@
+// components/index-nav-bar/index-nav-bar.js
+const app = getApp()
+
+Component({
+
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        navBarHeight: app.globalData.navBarHeight+20,
+        menuRight: app.globalData.menuRight,
+        menuTop: app.globalData.menuTop,
+        menuHeight: app.globalData.menuHeight,
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

components/index-nav-bar/index-nav-bar.json

@@ -0,0 +1,5 @@
+{
+    "component": true,
+    "styleIsolation": "apply-shared",
+    "usingComponents": {}
+  }

components/index-nav-bar/index-nav-bar.wxml

@@ -0,0 +1,16 @@
+<!-- 自定义顶部栏 -->
+<view class="nav-bar" style="height:{{navBarHeight}}px;">
+    <view  class="logo-container">
+        <view class="logo-icon">
+            <image src="../../images/icon.png" mode="aspectFit" />
+            <!-- 这里可以插入图标 -->
+        </view>
+        <view class="logo-text">
+            <view class="title">SHARK系列超声波封口焊机</view>
+            <view class="subtitle">故障查询系统</view>
+        </view>
+    </view>
+</view>
+
+<!-- 占位，高度与顶部栏一样 -->
+<view style="height:{{navBarHeight}}px;"></view>