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

WechatSmallProject/test2/pages/demo2/demo2.wxss

@@ -0,0 +1,92 @@
+page {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.demo2-container {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+
+.bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+.content-gif {
+  width: 19vh;
+  height: 18.6vh;
+}
+
+.content-title {
+  font-size: 5vh;
+  color: #ff4c91;
+  text-align: center;
+  margin-bottom: 2.5vh;
+}
+
+.content-avatar image {
+  width: 24vh;
+  height: 24vh;
+  border: 2px solid #ff4c91;
+  border-radius: 50%;
+}
+
+.content-info {
+  width: 45vw;
+  text-align: center;
+  margin-top: 4vh;
+  display: flex;
+  align-items: center;
+}
+
+.content-name {
+  color: #ff4c91;
+  font-size: 2.7vh;
+  font-weight: bold;
+  position: relative;
+}
+
+.content-name>image {
+  width: 2.6vh;
+  height: 2.6vh;
+  border: 1px solid #ff4c91;
+  border-radius: 50%;
+  position: absolute;
+  top: -1vh;
+  right: -3.6vh;
+}
+
+.content-wedding {
+  flex: 1;
+}
+
+.content-wedding>image {
+  width: 5.5vh;
+  height: 5.5vh;
+  margin-left: 20rpx;
+}
+
+.content-address {
+  margin-top: 5vh;
+  color: #ec5f89;
+  font-size: 2.5vh;
+  font-weight: bold;
+  text-align: center;
+  line-height: 4.5vh;
+}
+
+.content-address view:first-child {
+  font-size: 3vh;
+  padding-bottom: 2vh;
+}