unknown
11 months ago
@ -0,0 +1,31 @@
|
||||
/*
|
||||
* Eslint config file
|
||||
* Documentation: https://eslint.org/docs/user-guide/configuring/
|
||||
* Install the Eslint extension before using this feature.
|
||||
*/
|
||||
module.exports = {
|
||||
env: {
|
||||
es6: true,
|
||||
browser: true,
|
||||
node: true,
|
||||
},
|
||||
ecmaFeatures: {
|
||||
modules: true,
|
||||
},
|
||||
parserOptions: {
|
||||
ecmaVersion: 2018,
|
||||
sourceType: 'module',
|
||||
},
|
||||
globals: {
|
||||
wx: true,
|
||||
App: true,
|
||||
Page: true,
|
||||
getCurrentPages: true,
|
||||
getApp: true,
|
||||
Component: true,
|
||||
requirePlugin: true,
|
||||
requireMiniProgram: true,
|
||||
},
|
||||
// extends: 'eslint:recommended',
|
||||
rules: {},
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
# Windows
|
||||
[Dd]esktop.ini
|
||||
Thumbs.db
|
||||
$RECYCLE.BIN/
|
||||
|
||||
# macOS
|
||||
.DS_Store
|
||||
.fseventsd
|
||||
.Spotlight-V100
|
||||
.TemporaryItems
|
||||
.Trashes
|
||||
|
||||
# Node.js
|
||||
node_modules/
|
||||
@ -0,0 +1,42 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/index/index",
|
||||
"pages/guest/guest",
|
||||
"pages/video/video",
|
||||
"pages/picture/picture"
|
||||
],
|
||||
"window": {
|
||||
"backgroundTextStyle": "light",
|
||||
"navigationBarBackgroundColor": "#ff4c91",
|
||||
"navigationBarTextStyle": "white"
|
||||
},
|
||||
"tabBar": {
|
||||
"color": "#ccc",
|
||||
"selectedColor": "#ff4c91",
|
||||
"borderStyle": "white",
|
||||
"backgroundColor": "#fff",
|
||||
"list": [{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "images/invite.png",
|
||||
"selectedIconPath": "images/invite.png",
|
||||
"text": "邀请函"
|
||||
}, {
|
||||
"pagePath": "pages/picture/picture",
|
||||
"iconPath": "images/marry.png",
|
||||
"selectedIconPath": "images/marry.png",
|
||||
"text": "照片"
|
||||
}, {
|
||||
"pagePath": "pages/video/video",
|
||||
"iconPath": "images/video.png",
|
||||
"selectedIconPath": "images/video.png",
|
||||
"text": "美好时光"
|
||||
}, {
|
||||
"pagePath": "pages/guest/guest",
|
||||
"iconPath": "images/guest.png",
|
||||
"selectedIconPath": "images/guest.png",
|
||||
"text": "宾客信息"
|
||||
}]
|
||||
},
|
||||
"style": "v2",
|
||||
"sitemapLocation": "sitemap.json"
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
/**app.wxss**/
|
||||
/* 定义公共样式 */
|
||||
page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 316 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
@ -0,0 +1,66 @@
|
||||
// pages/guest/guest.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "宾客信息"
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
<!--pages/guest/guest.wxml-->
|
||||
<!-- 页面的背景图片 -->
|
||||
<image class="bg" src="/images/bj_2.png"></image>
|
||||
<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>男</radio>
|
||||
<radio>女</radio>
|
||||
</radio-group>
|
||||
</view>
|
||||
<!-- 需要的点心 -->
|
||||
<view class="check">
|
||||
<text>请选择您需要的点心：</text>
|
||||
<checkbox-group>
|
||||
<checkbox>蛋糕</checkbox>
|
||||
<checkbox>甜甜圈</checkbox>
|
||||
<checkbox>巧克力</checkbox>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
<button>提交</button>
|
||||
</view>
|
||||
</form>
|
||||
@ -0,0 +1,54 @@
|
||||
/* pages/guest/guest.wxss */
|
||||
/* 背景图片的样式 */
|
||||
.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;
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
// index.js
|
||||
Page({})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "邀请函"
|
||||
}
|
||||
@ -0,0 +1,83 @@
|
||||
/**index.wxss**/
|
||||
/* 背景图片的样式 */
|
||||
.bg {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
/* 内容区域外层容器的样式 */
|
||||
.content {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
/* 顶部图片区域的样式 */
|
||||
.content-gif {
|
||||
width: 19vh;
|
||||
height: 18.6vh;
|
||||
margin-bottom: 1.5vh;
|
||||
}
|
||||
/* 标题区域的样式 */
|
||||
.content-title {
|
||||
font-size: 5vh;
|
||||
color: #ff4c91;
|
||||
text-align: center;
|
||||
margin-bottom: 2.5vh;
|
||||
}
|
||||
/* 头像区域的样式 */
|
||||
.content-avatar image {
|
||||
width: 24vh;
|
||||
height: 24vh;
|
||||
border: 3px 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;
|
||||
line-height: 4.5vh;
|
||||
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;
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
// pages/picture/picture.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "照片"
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
<!--pages/picture/picture.wxml-->
|
||||
<swiper indicator-color="white" indicator-active-color="#ff4c91" indicator-dots autoplay interval="3500" duration="1000" vertical circular>
|
||||
<swiper-item>
|
||||
<image src="/images/timg1.jpg"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="/images/timg2.jpg"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="/images/timg3.jpg"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<image src="/images/timg4.jpg"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
@ -0,0 +1,8 @@
|
||||
/* pages/picture/picture.wxss */
|
||||
swiper {
|
||||
height: 100vh;
|
||||
}
|
||||
image {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
// pages/video/video.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "美好时光"
|
||||
}
|
||||
@ -0,0 +1,24 @@
|
||||
/* pages/video/video.wxss */
|
||||
/* “美好时光”页面中的3个外层view组件的样式 */
|
||||
.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: #fff;
|
||||
}
|
||||
/* 标题和拍摄日期区域的样式 */
|
||||
.video-title {
|
||||
font-size: 35rpx;
|
||||
color: #333;
|
||||
}
|
||||
.video-time {
|
||||
font-size: 26rpx;
|
||||
color: #979797;
|
||||
}
|
||||
/* 视频区域的样式 */
|
||||
.video video {
|
||||
width: 100%;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
{
|
||||
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
|
||||
"rules": [{
|
||||
"action": "allow",
|
||||
"page": "*"
|
||||
}]
|
||||
}
|
||||