增加了home页面

app.wxss

@@ -6,3 +6,11 @@ page{
   --main-color: #FF7700;
 }
 
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+} 

pages/home/home.js

+// pages/home.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    welcomeUrl:"http://hh-oss-picture.miyapay.com/box/e710f5d9866d4b927eb6dcc1e21d5295.png",
+    miyaLogo:'http://hh-oss-picture.miyapay.com/box/8f9a536c1d12437ad5942bbc36aaa365.png',
+    wechatPay:'http://hh-oss-picture.miyapay.com/box/7a336421ae1dc69895138103b138d0fa.png',
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file

pages/home/home.json

+{
+  "usingComponents": {}
+}
\ No newline at end of file

pages/home/home.wxml

+<!--pages/home.wxml-->
+<view class="container" style="justify-content:flex-start">
+  <image class="operation-position" src="{{welcomeUrl}}"/>
+  <image class="miya-logo" src="{{miyaLogo}}"/>
+
+  <view class="btn-container">
+    <view class="btn" />
+    <image class="wechat-pay" src="{{wechatPay}}"/>
+  </view>
+
+</view>

pages/home/home.wxss

+/* pages/home.wxss */
+.operation-position{
+  width: 100%;
+  height: 64%;
+  display: flex;
+  position: relative;
+  background-color: white;
+}
+
+.miya-logo{
+  width: 358rpx;
+  height: 62rpx;
+  margin-top: 80rpx;
+}
+
+.btn-container{
+  width: fit-content;
+  height: fit-content;
+  margin-top: 52rpx;
+  display: flex;
+}
+
+.wechat-pay{
+  height: 176rpx;
+  width: 376rpx;
+  position: absolute;
+}
+
+.btn{
+  width: 573rpx;
+  height: 114rpx;
+  background-color: #FF7700;
+  border-radius: 7rpx;
+}
\ No newline at end of file

pages/index/index.wxss

@@ -17,5 +17,5 @@
 }
 
 .usermotto {
-  margin-top: 200px;
+  margin-top: 200rpx;
 }
\ No newline at end of file