From 630e14fe1e0fe485a37af13178bcc2cde391dcb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9A=E5=95=A6C=E6=A2=A6?= <15709267061@163.com>
Date: Fri, 27 Dec 2024 10:59:14 +0800
Subject: [PATCH] update

---
 src/components/XNav/index.jsx     | 41 +++++++++++++++++++++++++++++++
 src/components/XNav/index.scss    | 12 +++++++++
 src/components/XPageBg/index.jsx  | 17 +++++++++++++
 src/components/XPageBg/index.scss |  0
 4 files changed, 70 insertions(+)
 create mode 100644 src/components/XNav/index.jsx
 create mode 100644 src/components/XNav/index.scss
 create mode 100644 src/components/XPageBg/index.jsx
 create mode 100644 src/components/XPageBg/index.scss

diff --git a/src/components/XNav/index.jsx b/src/components/XNav/index.jsx
new file mode 100644
index 0000000..dbb25d7
--- /dev/null
+++ b/src/components/XNav/index.jsx
@@ -0,0 +1,41 @@
+import {Component} from "react";
+import {Slot, View} from "@tarojs/components";
+import './index.scss';
+import Taro from "@tarojs/taro";
+
+class XNav extends Component {
+
+  static defaultProps = {
+    backgroundColor: '#FFFFFF',
+    position: 'block',
+  }
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      statusBarHeight: 0,
+    };
+  }
+
+  componentDidMount() {
+    const sysInfo = Taro.getSystemInfoSync();
+    this.setState({ statusBarHeight: sysInfo.statusBarHeight });
+  }
+
+  render() {
+    const { statusBarHeight } = this.state;
+    return (
+      <View class='x-nav-box' style={{
+        paddingTop: `${statusBarHeight}px`,
+        backgroundColor: this.props.backgroundColor,
+        position: this.props.position,
+      }}>
+        <View class='cont'>
+          { this.props.children }
+        </View>
+      </View>
+    )
+  }
+}
+
+export default XNav;
diff --git a/src/components/XNav/index.scss b/src/components/XNav/index.scss
new file mode 100644
index 0000000..25421c4
--- /dev/null
+++ b/src/components/XNav/index.scss
@@ -0,0 +1,12 @@
+.x-nav-box {
+  //padding-top: v-bind(TopHight);
+  //background-color: v-bind(backgroundColor);
+  //position: v-bind(position);
+  top: 0;
+  left: 0;
+  z-index: 999;
+  @apply w-full;
+  .cont {
+    height: 75rpx;
+  }
+}
diff --git a/src/components/XPageBg/index.jsx b/src/components/XPageBg/index.jsx
new file mode 100644
index 0000000..db72a04
--- /dev/null
+++ b/src/components/XPageBg/index.jsx
@@ -0,0 +1,17 @@
+import { Component } from 'react'
+import { Image } from "@tarojs/components";
+
+class XPageBg extends Component {
+
+  static defaultProps = {
+    src: require('../../static/image/背景@2x.png')
+  }
+
+  render() {
+    return (
+      <Image class="w-h-full absolute -z-10" src={this.props.src}></Image>
+    );
+  }
+}
+
+export default XPageBg;
diff --git a/src/components/XPageBg/index.scss b/src/components/XPageBg/index.scss
new file mode 100644
index 0000000..e69de29