feat(WechatSmallProject): 新增 微信小程序 课程（包含实验1-4）

WechatSmallProject/test2/pages/demo2/guest/guest.js

@@ -0,0 +1,66 @@
+// pages/demo2/guest/guest.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

WechatSmallProject/test2/pages/demo2/guest/guest.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "宾客信息",
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "black"
+}

WechatSmallProject/test2/pages/demo2/guest/guest.wxml

@@ -0,0 +1,28 @@
+<!--pages/demo2/guest/guest.wxml-->
+<image src="/images/demo2/bj_2.png" class="bg" />
+<form>
+  <view class="content">
+    <view class="input">
+      <input name="name" placeholder-class="phcolor" placeholder="输入您的姓名" />
+    </view>
+    <view class="input">
+      <input name="phone" placeholder-class="phcolor" placeholder="输入您的手机号" />
+    </view>
+    <view class=" radio">
+      <text>请选择您的性别：</text>
+      <radio-group>
+        <radio value="man">男</radio>
+        <radio value="woman">女</radio>
+      </radio-group>
+    </view>
+    <view class="check">
+      <text>请选择您需要的点心：</text>
+      <checkbox-group>
+        <checkbox value="">蛋糕</checkbox>
+        <checkbox value="">甜甜圈</checkbox>
+        <checkbox value="">巧克力</checkbox>
+      </checkbox-group>
+    </view>
+    <button>提交</button>
+  </view>
+</form>

WechatSmallProject/test2/pages/demo2/guest/guest.wxss

@@ -0,0 +1,56 @@
+.bg {
+  width: 100vw;
+  height: 100vh;
+}
+
+.content {
+  width: 80vw;
+  position: fixed;
+  left: 10vw;
+  bottom: 8vh;
+}
+
+.content .input {
+  font-size: large;
+  border: 1rpx solid #ff4c91;
+  border-radius: 10rpx;
+  padding: 1.5vh 40rpx;
+  margin-bottom: 1.5vh;
+  color: #ff4c91;
+}
+
+.content .radio {
+  font-size: large;
+  margin-bottom: 1.5vh;
+  color: #ff4c91;
+  display: flex;
+}
+
+.content .check {
+  font-size: large;
+  margin-bottom: 1.5vh;
+  color: #ff4c91;
+}
+
+.check checkbox-group {
+  margin-top: 1.5vh;
+  color: #ff4c91;
+}
+
+.check checkbox-group checkbox {
+  margin-left: 20rpx;
+}
+
+.check checkbox-group checkbox:nth-child(1) {
+  margin-left: 0;
+}
+
+.content button {
+  font-size: large;
+  background: #ff4c91;
+  color: #fff;
+}
+
+.content .phcolor {
+  color: #ff4c91;
+}