init

pages/subpages/aboutus/aboutus.js

@@ -0,0 +1,27 @@
+import tool from "../../../utils/tool"
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    clientLogo: null,
+    version: null,
+    title: null,
+    introduce: null
+  },
+
+  goback(){
+    wx.navigateBack(1)
+  },
+  onLoad(){
+    const clientConfig = tool.data.get('CLIENT_CONFIG')
+    let introduce = clientConfig.CLIENT_ABOUTUS
+    let version = clientConfig.CLIENT_VERSION
+    let clientLogo = clientConfig.CLIENT_LOGO
+    let title = clientConfig.CLIENT_TITLE
+    this.setData({introduce,version,clientLogo,title})
+  }
+
+})

pages/subpages/aboutus/aboutus.json

@@ -0,0 +1,7 @@
+{
+  "usingComponents": {
+    "van-nav-bar": "@vant/weapp/nav-bar/index",
+    "van-sticky": "@vant/weapp/sticky/index"
+  },
+  "navigationStyle": "custom"
+}

pages/subpages/aboutus/aboutus.wxml

@@ -0,0 +1,18 @@
+<van-sticky>
+<van-nav-bar
+  title="关于我们"
+  left-text="返回"
+  left-arrow
+  bind:click-left="goback"
+/>
+</van-sticky>
+
+<view class="about">
+	<image class="about_logo" src="{{clientLogo}}" />
+  <text class="client_title">{{title}}</text>
+	<text class="about_version">{{version}}</text>
+</view>
+
+<view class="card-blank">
+  <rich-text nodes="{{introduce}}" />
+</view>

pages/subpages/aboutus/aboutus.wxss

@@ -0,0 +1,30 @@
+page{
+  background-color: #fff;
+}
+
+.about{
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	color: #444;
+}
+
+.about_logo{
+	margin: 50px 0 20px 0;
+	width: 70px;
+	height: 70px;
+	border-radius: 4px;
+}
+
+.about_version{
+  margin-bottom: 50px;
+  margin-top: 10px;
+}
+
+.about_introduce{
+	text-indent: 2em;
+}
+
+.client_title{
+  font-size: 24px;
+}