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

WechatSmallProject/test1/pages/demo1/demo1.js

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

WechatSmallProject/test1/pages/demo1/demo1.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "实验一",
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "black"
+}

WechatSmallProject/test1/pages/demo1/demo1.wxml

@@ -0,0 +1,44 @@
+<view class="demo1-container">
+  <view class="lbt">
+    <swiper current="1" duration="500" autoplay="true">
+      <swiper-item>
+        <image src="https://ts3.tc.mm.bing.net/th/id/OIP-C.VCcgAcUd3Xv7HszQm8ZaJQHaEK?rs=1&pid=ImgDetMain&o=7&rm=3" mode="widthFix" />
+      </swiper-item>
+      <swiper-item>
+        <image src="https://pic1.zhimg.com/v2-4fd3f2bb57d4bcc195e3d3cf092a7dd7_r.jpg" mode="widthFix" />
+      </swiper-item>
+      <swiper-item>
+        <image src="https://ts2.tc.mm.bing.net/th/id/OIP-C.zRwcvZSd5rTvcUKulre4nAHaEK?rs=1&pid=ImgDetMain&o=7&rm=3" mode="widthFix" />
+      </swiper-item>
+    </swiper>
+  </view>
+  <view class="jgg">
+    <view class="items">
+      <image src="/images/demo1/193_会议室.png" mode="aspectFit" /><text>会议室</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_公告.png" mode="aspectFit" /><text>公告</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_报修.png" mode="aspectFit" /><text>报修</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_共享中心.png" mode="aspectFit" /><text>共享中心</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_活动.png" mode="aspectFit" /><text>活动</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_流程.png" mode="aspectFit" /><text>流程</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_食堂.png" mode="aspectFit" /><text>食堂</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_通讯录.png" mode="aspectFit" /><text>通讯录</text>
+    </view>
+    <view class="items">
+      <image src="/images/demo1/193_推广.png" mode="aspectFit" /><text>推广</text>
+    </view>
+  </view>
+</view>

WechatSmallProject/test1/pages/demo1/demo1.wxss

@@ -0,0 +1,53 @@
+.demo1-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.lbt {
+  width: 100%;
+  height: 300rpx;
+}
+
+swiper-item {
+  display: flex;
+}
+
+swiper-item>image {
+  flex: 1;
+}
+
+.jgg {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+}
+
+.jgg .items {
+  width: 33.33%;
+  height: 33.33%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+}
+
+.jgg .items>image {
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.jgg .items:nth-child(3) {
+  border-right: none;
+}
+
+.jgg .items:nth-last-child(6) {
+  border-bottom: none;
+}