feat(WechatSmallProject): 新增 微信小程序 课程(包含实验1-4)
This commit is contained in:
66
WechatSmallProject/test2/pages/demo2/video/video.js
Normal file
66
WechatSmallProject/test2/pages/demo2/video/video.js
Normal file
@@ -0,0 +1,66 @@
|
||||
// pages/demo2/video/video.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
6
WechatSmallProject/test2/pages/demo2/video/video.json
Normal file
6
WechatSmallProject/test2/pages/demo2/video/video.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "美好时光",
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"navigationBarTextStyle": "black"
|
||||
}
|
||||
16
WechatSmallProject/test2/pages/demo2/video/video.wxml
Normal file
16
WechatSmallProject/test2/pages/demo2/video/video.wxml
Normal file
@@ -0,0 +1,16 @@
|
||||
<!--pages/demo2/video/video.wxml-->
|
||||
<view class="video">
|
||||
<view class="video-title">标题:海边随拍</view>
|
||||
<view class="videro-time">拍摄日期:2022-01-01</view>
|
||||
<video src="http://localhost:3000/01.mp4" object-fit="fill"></video>
|
||||
</view>
|
||||
<view class="video">
|
||||
<view class="video-title">标题:勿忘初心</view>
|
||||
<view class="videro-time">拍摄日期:2022-01-10</view>
|
||||
<video src="http://localhost:3000/02.mp4" object-fit="fill"></video>
|
||||
</view>
|
||||
<view class="video">
|
||||
<view class="video-title">标题:十年之约</view>
|
||||
<view class="videro-time">拍摄日期:2022-01-20</view>
|
||||
<video src="http://localhost:3000/03.mp4" object-fit="fill"></video>
|
||||
</view>
|
||||
19
WechatSmallProject/test2/pages/demo2/video/video.wxss
Normal file
19
WechatSmallProject/test2/pages/demo2/video/video.wxss
Normal file
@@ -0,0 +1,19 @@
|
||||
/* pages/demo2/video/video.wxss */
|
||||
.video {
|
||||
box-shadow: 0 8rpx 17rpx 0 rgba(7, 17, 27, 0.1);
|
||||
margin: 10rpx 25rpx;
|
||||
margin-bottom: 30rpx;
|
||||
padding: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
background: #fffF;
|
||||
}
|
||||
|
||||
.video-title {
|
||||
font-size: 35rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.video video {
|
||||
width: 100%;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user