diff --git a/index/demo2.js b/index/demo2.js
new file mode 100644
index 0000000000000000000000000000000000000000..5fac08257451f02be960012f3bc2e5b6e5434af3
--- /dev/null
+++ b/index/demo2.js
@@ -0,0 +1,66 @@
+// demo2/index/demo2.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/index/demo2.json b/index/demo2.json
new file mode 100644
index 0000000000000000000000000000000000000000..8835af0699ccec004cbe685ef938cd2d63ea7037
--- /dev/null
+++ b/index/demo2.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/index/demo2.wxml b/index/demo2.wxml
new file mode 100644
index 0000000000000000000000000000000000000000..8d64e32828ad3c17bcfd585ed5146f96fd7199d7
--- /dev/null
+++ b/index/demo2.wxml
@@ -0,0 +1,42 @@
+
+<!-- 大背景 -->
+<view class="demo-container">
+    <!-- 四个人 -->
+    <view class="demo-warp">
+        <view class="tit-img">
+            <image src="../../zuoye1/img.png"></image>
+        </view>
+        <!-- 输入1 -->
+        <view class="input-warp">
+            <view class="input-item">
+            <!-- 头像与输入用户名 -->
+                <view class="input-icon">
+                    <image src="../../zuoye1/user.png" />
+                </view>
+                <input placeholder-class="phcolor" placeholder="请输入用户名/邮箱" type="text" />
+            </view>
+            <view class="input-item">
+                <!-- 锁与输入密码 -->
+                <view class="input-icon">
+                    <image style="width: 45rpx;" src="../../zuoye1/clock.png" />
+                </view>
+                <input placeholder-class="phcolor" placeholder="请输入密码" type="password" />
+            </view>
+        </view>
+        <!-- 记住我 -->
+        <view class="rememberme">
+            
+            <view>记住我</view>
+            <radio class="qu"></radio>
+        </view>
+        <view class="login-warp">
+            <!-- 登录按钮 -->
+            <button bindtap="login">登录</button>
+        </view>
+        <!-- 登陆下方 -->
+        <view class="handle-warp">
+            <view>注册账号</view>
+            <view>忘记密码</view>
+        </view>
+    </view>
+</view>
\ No newline at end of file
diff --git a/index/demo2.wxss b/index/demo2.wxss
new file mode 100644
index 0000000000000000000000000000000000000000..1369f81e4d09a596a45a257015ad01f0f9b42957
--- /dev/null
+++ b/index/demo2.wxss
@@ -0,0 +1,89 @@
+page{
+ 
+  color: #9494F1;
+  font-size: 24rpx;
+}
+.demo-container{
+
+  background-image: url(https://i.loli.net/2021/10/22/GYrSU78WzZCXHDO.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+}
+.demo-warp{
+  width: 100%;
+  margin: 0 50rpx;
+  padding: 20rpx 60rpx 60rpx;
+  border-radius: 40rpx;
+  min-height: 400rpx;
+  background-color: white;
+
+ box-shadow: 0 0 10rpx #eee;
+}
+.tit-img image{
+  width: 530rpx;
+  height: 377rpx;
+}
+.input-warp{
+  margin-top: 60rpx;
+}
+.input-item{
+  border: 2rpx solid #9494F1;
+  border-radius: 40rpx;
+  margin: 20rpx 30rpx;
+  height: 80rpx;
+  display: flex;
+  padding: 10rpx 30rpx;
+  font-size: 35rpx;
+  line-height: 60rpx;
+}
+.input-item .input-icon{
+  padding: 5rpx 5rpx;
+  height: 60rpx;
+  width: 60rpx;
+}
+.input-icon image{
+  width: 50rpx;
+  height: 50rpx;
+}
+.input-item input{
+  height: 100%;
+  margin-left: 10rpx;
+}
+.phcolor{
+  color: #9494F1;
+}
+
+.rememberme{
+  margin-left: 50rpx;
+  display: flex;
+}
+
+.login-warp{
+  margin-top: 90rpx;
+}
+.login-warp button{
+  padding: 0;
+  width: 275rpx !important;
+  height: 85rpx !important;
+  line-height: 85rpx;
+  border-radius: 40rpx;
+  font-size: 44rpx;
+  font-weight: lighter;
+  color: white;
+  background-image: linear-gradient(to bottom right, #64C2AB, #10ECB6);
+  box-shadow: 0 0 10rpx #eee;
+}
+.handle-warp{
+  display: flex;
+  margin: 40rpx 125rpx 20rpx;
+}
+.handle-warp view{
+  flex: 1;
+  text-align: center;
+}
+.qu{
+  padding-left: 10rpx;
+}