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

WechatSmallProject/test2/pages/demo2/picture/picture.js

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

WechatSmallProject/test2/pages/demo2/picture/picture.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "图片",
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "black"
+}

WechatSmallProject/test2/pages/demo2/picture/picture.wxml

@@ -0,0 +1,15 @@
+<!--pages/demo2/picture/picture.wxml-->
+<swiper indicator-color="white" indicator-active-color="#ff4c91" indicator-dots="aotuplay" interval="3500" duration="1000" circular vertical>
+  <swiper-item>
+    <image src="/images/demo2/timg1.jpg" />
+  </swiper-item>
+  <swiper-item>
+    <image src="/images/demo2/timg2.jpg" />
+  </swiper-item>
+  <swiper-item>
+    <image src="/images/demo2/timg3.jpg" />
+  </swiper-item>
+  <swiper-item>
+    <image src="/images/demo2/timg4.jpg" />
+  </swiper-item>
+</swiper>

WechatSmallProject/test2/pages/demo2/picture/picture.wxss

@@ -0,0 +1,9 @@
+/* pages/demo2/picture/picture.wxss */
+swiper {
+  height: 100vh;
+}
+
+image {
+  width: 100vw;
+  height: 100vh;
+}