v2.2.1 2022-10-24

1.完善抽奖助手子页面

pages.json

@@ -82,11 +82,16 @@
 				"navigationBarBackgroundColor": "#f6f7f9"
 			}
 
+		}, {
+			"path": "pages/subpages/choujiangzhushou/choujiangzhushou",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
 			}
-	    ,{
+
-            "path" : "pages/subpages/choujiangzhushou/choujiangzhushou",
+		}, {
-            "style" :                                                                                    
+			"path": "pages/subpages/choujiangzhushou/jiaruchoujiang",
-            {
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}

pages/home/home.vue

@@ -179,6 +179,12 @@
 						break;
 				}
 			}
+		},
+		onShareAppMessage() {
+			return {
+				title: 'LaiLab工具箱',
+				path: 'pages/home/home'
+			}
 		}
 	}
 </script>

pages/mine/mine.vue

@@ -238,6 +238,13 @@
 						3.实现部分登录逻辑<br /><br />
 					<b>v2.1 2022-10-22</b><br />
 						1.添加自动登录逻辑<br />
+					<b>v2.1 2022-10-22</b><br />
+						1.添加自动登录逻辑<br />
+						2.各个界面微调美化<br />
+					<b>v2.2 2022-10-23</b><br />
+						1.添加抽奖助手界面<br />
+					<b>v2.2.1 2022-10-24</b><br />
+						1.完善抽奖助手子页面<br />
 				`;
 				uni.navigateTo({
 					url: `/pages/utils/showText/showText?nodes=${log}`
@@ -269,6 +276,12 @@
 				this.userInfo = app.globalData.userInfo;
 			}
 		},
+		onShareAppMessage() {
+			return {
+				title: 'LaiLab工具箱',
+				path: 'pages/mine/mine'
+			}
+		}
 
 	}
 </script>

pages/more/more.vue

@@ -4,8 +4,8 @@
 			<view class="classify-cards" v-for="(items,index) in tools" :key="index">
 				<text class="classify-name" style="margin: 10px auto;">{{items.name}}</text>
 				<view>
-					<tcard class="tool-card" v-for="(item,index1) in items.cards" :key="index1" :title="item.title" :detail="item.detail"
+					<tcard class="tool-card" v-for="(item,index1) in items.cards" :key="index1" :title="item.title"
-						:color="item.color" :icon="item.icon" :url="item.url">
+						:detail="item.detail" :color="item.color" :icon="item.icon" :url="item.url">
 					</tcard>
 				</view>
 			</view>
@@ -37,6 +37,12 @@
 					},
 				});
 			},
+		},
+		onShareAppMessage() {
+			return {
+				title: 'LaiLab工具箱',
+				path: 'pages/more/more'
+			}
 		}
 	}
 </script>

pages/subpages/bayinhe/bayinhe.vue

@@ -136,6 +136,12 @@
 		},
 		onUnload() {
 			this.audioPause();
+		},
+		onShareAppMessage() {
+			return {
+				title: '八音盒',
+				imageUrl: this.picUrl
+			};
 		}
 	}
 </script>

pages/subpages/choujiangzhushou/choujiangzhushou.vue

@@ -2,8 +2,8 @@
 	<view class="container">
 		<!-- 奖品图片 -->
 		<view class="gift-show">
-			<image class="gift-img"></image>
+			<image class="gift-img" :src="picUrl" mode="aspectFill"></image>
-			<button class="btn-switch">C</button>
+			<button class="btn-switch">换</button>
 		</view>
 		<!-- 奖品名称 -->
 		<view class="item gift-name">
@@ -38,7 +38,7 @@
 			<block v-if="typeIndex==0">
 				<text class="item-tip info-tip">开奖时间</text>
 				<view class="uni-list picker-date">
-					<picker mode="dateTime" :value="date" :start="startDate" :end="endDate" @change="bindDataChange">
+					<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDataChange">
 						<view class="uni-input">{{date}}</view>
 					</picker>
 				</view>
@@ -57,10 +57,18 @@
 				</view>
 			</block>
 		</view>
+		<!-- 我的抽奖 -->
+		<view class="gift-history">
+			<!-- <text class="history-tip">我的抽奖</text> -->
+			<view class="item item-history" v-for="(item,index) in giftList" :key="index">
+				<text class="item-tip">{{item.name}}</text>
+				<text class="item-tip">{{item.open?'已开奖':'待开奖'}}</text>
+			</view>
+		</view>
 		<!-- 发起抽奖 -->
 		<button class="gift-start">发起抽奖</button>
 		<!-- 分享抽奖 -->
-		<button class="gift-share" v-if="isCreate">分享抽奖</button>
+		<button class="gift-share" v-if="isCreate" open-type="share">分享抽奖</button>
 	</view>
 </template>
 
@@ -72,11 +80,38 @@
 			})
 			const currenTime = this.getTime();
 			return {
+				picUrl: 'https://www.lailab.cn/miniprogram/image/other/image_tool_bayinhe.jpg',
 				openType: ['按时间自动开奖', '按人数自动开奖', '发起者手动开奖'],
 				typeIndex: 0,
 				date: currentDate,
 				time: currenTime,
-				isCreate: true
+				isCreate: true,
+				giftList: [
+					{
+						name: '我的抽奖1',
+						open: true
+					},
+					{
+						name: '我的抽奖2',
+						open: false
+					},
+					{
+						name: '我的抽奖3',
+						open: true
+					},
+					{
+						name: '我的抽奖4',
+						open: false
+					},
+					{
+						name: '我的抽奖5',
+						open: true
+					},
+					{
+						name: '我的抽奖6',
+						open: false
+					},
+				]
 			}
 		},
 		computed: {
@@ -120,15 +155,22 @@
 				minute = minute > 9 ? minute : '0' + minute;
 				return `${hour}:${minute}`;
 			}
+		},
+		onShareAppMessage() {
+			return {
+				title: '参与抽奖',
+				path: '/pages/subpages/choujiangzhushou/jiaruchoujiang',
+				imageUrl: this.picUrl
+			}
 		}
 	}
 </script>
 
 <style>
 	.container {
-		height: 94vh;
+		height: auto;
 		width: 94vw;
-		padding: 3vh 3vw;
+		padding: 0 3vw 20px 3vw;
 	}
 
 	/* 奖品图片展示区域 */
@@ -151,12 +193,12 @@
 
 	/* 更换图片 */
 	.btn-switch {
-		background-color: pink;
 		border: 0;
 		border-radius: 20px;
 		height: 50px;
 		width: 50px;
 		background-color: pink;
+		color: white;
 		position: absolute;
 		top: 20px;
 		right: 20px;
@@ -239,10 +281,30 @@
 		border: 0;
 		border-radius: 20px;
 		font-weight: bold;
-		box-shadow: 0 0 20px orangered;
+		box-shadow: 0 0 10px orangered;
 	}
 	.gift-share {
 		background-color: dodgerblue;
-		box-shadow: 0 0 20px dodgerblue;
+		box-shadow: 0 0 10px dodgerblue;
+	}
+	/* 抽奖历史 */
+	.gift-history {
+		max-height: 150px;
+		overflow: scroll;
+		background-color: #f6f7f9;
+		border-radius: 20px;
+		/* padding: 0 10px 0 10px; */
+	}
+	.history-tip {
+		display: block;
+		width: 100%;
+		padding: 10px 0;
+		border-bottom:3px solid white ;
+	}
+	.item-history {
+		margin: 0;
+		padding: 0;
+		border-radius: 0;
+		border-bottom: 3px solid white;
 	}
 </style>

pages/subpages/choujiangzhushou/jiaruchoujiang.vue

@@ -0,0 +1,125 @@
+<template>
+	<view class="container">
+		<!-- 奖品展示 -->
+		<view class="gift-show">
+			<image class="gift-img" :src="picUrl"></image>
+			<text class="gift-name">奖品:精美老八x8</text>
+			<text class="gift-open">10月23日 11:00 自动开奖</text>
+		</view>
+		<!-- 操作视图 -->
+		<view class="action-view">
+			<button class="gift-add">参与抽奖</button>
+			<text class="gift-person">已有100人参与</text>
+			<view class="handimgs">
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+				<image class="handimg" :src="picUrl" mode="aspectFill"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				picUrl: 'https://www.lailab.cn/miniprogram/image/other/image_tool_bayinhe.jpg'
+			}
+		},
+		methods: {
+
+		},
+		onShareAppMessage() {
+			return {
+				title: '参与抽奖'
+			}
+		}
+	}
+</script>
+
+<style>
+	.container {
+		height: auto;
+		width: 100vw;
+		/* padding: 0 3vw 20px 3vw; */
+	}
+
+	/* 奖品展示区域 */
+	.gift-show {
+		height: auto;
+		width: 100%;
+		background-color: #f6f7f9;
+	}
+
+	/* 奖品图片展示 */
+	.gift-img {
+		width: 100%;
+		height: 400px;
+	}
+
+	/* 奖品名称 */
+	.gift-name {
+		display: block;
+		font-size: 23px;
+		line-height: 40px;
+		padding-left: 10px;
+	}
+
+	/* 奖品开奖信息 */
+	.gift-open {
+		display: block;
+		font-size: 18px;
+		line-height: 25px;
+		padding-left: 10px;
+		color: gray;
+	}
+
+	/* 操作视图 */
+	.action-view {
+		height: auto;
+		width: 94vw;
+		padding: 0 3vw 20px 3vw;
+	}
+
+	/* 参与抽奖 */
+	.gift-add {
+		height: 45px;
+		margin-top: 20px;
+		background-color: orangered;
+		color: white;
+		border: 0;
+		border-radius: 20px;
+		font-weight: bold;
+		box-shadow: 0 0 10px orangered;
+	}
+
+	/* 参与人数 */
+	.gift-person {
+		line-height: 30px;
+		font-size: 15px;
+	}
+
+	/* 图像视图 */
+	.handimgs {
+		height: auto;
+		width: 100%;
+		/* background-color: red; */
+		text-align: center;
+		overflow: scroll;
+	}
+
+	/* 各个图像 */
+	.handimg {
+		height: 50px;
+		width: 50px;
+		margin: 2px;
+		border-radius: 50%;
+		background-color: green;
+	}
+</style>

pages/subpages/erweima/erweima.vue

@@ -11,6 +11,7 @@
 </template>
 
 <script>
+	const app = getApp();
 	export default {
 		data() {
 			return {
@@ -23,6 +24,12 @@
 				let value = e.detail.value;
 				this.url = "https://www.lailab.cn/miniprogram/tools/qrcode.php?text=" + value;
 			},
+		},
+		onShareAppMessage() {
+			return {
+				title: "二维码生成",
+				imageUrl: app.globalData.website + '/image/swiper/image_swiper_erweima.jpg'
+			};
 		}
 	}
 </script>

pages/subpages/mosidianma/mosidianma.vue

@@ -66,6 +66,12 @@
 					}
 				});
 			},
+		},
+		onShareAppMessage() {
+			return {
+				title: '摩斯电码',
+				imageUrl: app.globalData.website + '/image/swiper/image_swiper_mosidianma.jpg'
+			};
 		}
 	}
 </script>

pages/subpages/qiaomuyu/qiaomuyu.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script>
+	const app = getApp();
 	export default {
 		data() {
 			return {
@@ -74,6 +75,12 @@
 			})
 			this.animation = animation
 			this.animationData = animation.export()
+		},
+		onShareAppMessage() {
+			return {
+				title: '敲木鱼',
+				imageUrl: app.globalData.website + '/image/swiper/image_swiper_qiaomuyu.jpg'
+			};
 		}
 	}
 </script>

pages/subpages/suijitouzi/suijitouzi.vue

@@ -29,6 +29,7 @@
 </template>
 
 <script>
+	const app = getApp();
 	export default {
 		data() {
 			return {
@@ -93,6 +94,12 @@
 				this.index = num;
 				this.count = ++num;
 			},
+		},
+		onShareAppMessage() {
+			return {
+				title: '随机骰子',
+				imageUrl: app.globalData.website + '/image/swiper/image_swiper_suijitouzi.jpg'
+			}
 		}
 	}
 </script>

pages/subpages/zhengjianzhao/zhengjianzhao.vue

@@ -117,6 +117,12 @@
 				e.preventDefault();
 			}
 		},
+		onShareAppMessage() {
+			return {
+				title: '证件照助手',
+				imageUrl: app.globalData.website + '/image/swiper/image_swiper_zhengjianzhao.jpg'
+			}
+		}
 	}
 </script>
 

readme.md

@@ -17,3 +17,11 @@ v2.1 2022-10-22
 1.添加自动登录逻辑
 
 2.各个界面微调美化
+
+v2.2 2022-10-23
+
+1.添加抽奖助手界面
+
+v2.2.1 2022-10-24
+
+1.完善抽奖助手子页面