qianwanlai/lailab-toolbox-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.2.1 2022-10-24

Browse Source 
1.完善抽奖助手子页面
This commit is contained in:
qianwanlai
2022-10-24 22:37:52 +08:00
parent 5a3fe8116f
commit b2dd6e7725
13 changed files with 288 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages.json
+15 -10
View File
@@ -82,17 +82,22 @@
"navigationBarBackgroundColor": "#f6f7f9" "navigationBarBackgroundColor": "#f6f7f9"
} }
} }, {
,{ "path": "pages/subpages/choujiangzhushou/choujiangzhushou",
"path" : "pages/subpages/choujiangzhushou/choujiangzhushou", "style": {
"style" : "navigationBarTitleText": "",
{ "enablePullDownRefresh": false
"navigationBarTitleText": "", }
"enablePullDownRefresh": false
}
} }, {
], "path": "pages/subpages/choujiangzhushou/jiaruchoujiang",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "LaiLab工具箱", "navigationBarTitleText": "LaiLab工具箱",
pages/home/home.vue
+6
View File
@@ -179,6 +179,12 @@
break; break;
} }
} }
},
onShareAppMessage() {
return {
title: 'LaiLab工具箱',
path: 'pages/home/home'
}
} }
} }
</script> </script>
pages/mine/mine.vue
+13
View File
@@ -238,6 +238,13 @@
3.实现部分登录逻辑<br /><br /> 3.实现部分登录逻辑<br /><br />
<b>v2.1 2022-10-22</b><br /> <b>v2.1 2022-10-22</b><br />
1.添加自动登录逻辑<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({ uni.navigateTo({
url: `/pages/utils/showText/showText?nodes=${log}` url: `/pages/utils/showText/showText?nodes=${log}`
@@ -269,6 +276,12 @@
this.userInfo = app.globalData.userInfo; this.userInfo = app.globalData.userInfo;
} }
}, },
onShareAppMessage() {
return {
title: 'LaiLab工具箱',
path: 'pages/mine/mine'
}
}
} }
</script> </script>
pages/more/more.vue
+8 -2
View File
@@ -4,8 +4,8 @@
<view class="classify-cards" v-for="(items,index) in tools" :key="index"> <view class="classify-cards" v-for="(items,index) in tools" :key="index">
<text class="classify-name" style="margin: 10px auto;">{{items.name}}</text> <text class="classify-name" style="margin: 10px auto;">{{items.name}}</text>
<view> <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> </tcard>
</view> </view>
</view> </view>
@@ -37,6 +37,12 @@
}, },
}); });
}, },
},
onShareAppMessage() {
return {
title: 'LaiLab工具箱',
path: 'pages/more/more'
}
} }
} }
</script> </script>
pages/subpages/bayinhe/bayinhe.vue
+6
View File
@@ -136,6 +136,12 @@
}, },
onUnload() { onUnload() {
this.audioPause(); this.audioPause();
},
onShareAppMessage() {
return {
title: '八音盒',
imageUrl: this.picUrl
};
} }
} }
</script> </script>
pages/subpages/choujiangzhushou/choujiangzhushou.vue
+72 -10
View File
@@ -2,8 +2,8 @@
<view class="container"> <view class="container">
<!-- 奖品图片 --> <!-- 奖品图片 -->
<view class="gift-show"> <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>
<!-- 奖品名称 --> <!-- 奖品名称 -->
<view class="item gift-name"> <view class="item gift-name">
@@ -38,7 +38,7 @@
<block v-if="typeIndex==0"> <block v-if="typeIndex==0">
<text class="item-tip info-tip">开奖时间</text> <text class="item-tip info-tip">开奖时间</text>
<view class="uni-list picker-date"> <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> <view class="uni-input">{{date}}</view>
</picker> </picker>
</view> </view>
@@ -57,10 +57,18 @@
</view> </view>
</block> </block>
</view> </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-start">发起抽奖</button>
<!-- 分享抽奖 --> <!-- 分享抽奖 -->
<button class="gift-share" v-if="isCreate">分享抽奖</button> <button class="gift-share" v-if="isCreate" open-type="share">分享抽奖</button>
</view> </view>
</template> </template>
@@ -72,11 +80,38 @@
}) })
const currenTime = this.getTime(); const currenTime = this.getTime();
return { return {
picUrl: 'https://www.lailab.cn/miniprogram/image/other/image_tool_bayinhe.jpg',
openType: ['按时间自动开奖', '按人数自动开奖', '发起者手动开奖'], openType: ['按时间自动开奖', '按人数自动开奖', '发起者手动开奖'],
typeIndex: 0, typeIndex: 0,
date: currentDate, date: currentDate,
time: currenTime, 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: { computed: {
@@ -120,15 +155,22 @@
minute = minute > 9 ? minute : '0' + minute; minute = minute > 9 ? minute : '0' + minute;
return `${hour}:${minute}`; return `${hour}:${minute}`;
} }
},
onShareAppMessage() {
return {
title: '参与抽奖',
path: '/pages/subpages/choujiangzhushou/jiaruchoujiang',
imageUrl: this.picUrl
}
} }
} }
</script> </script>
<style> <style>
.container { .container {
height: 94vh; height: auto;
width: 94vw; width: 94vw;
padding: 3vh 3vw; padding: 0 3vw 20px 3vw;
} }
/* 奖品图片展示区域 */ /* 奖品图片展示区域 */
@@ -151,12 +193,12 @@
/* 更换图片 */ /* 更换图片 */
.btn-switch { .btn-switch {
background-color: pink;
border: 0; border: 0;
border-radius: 20px; border-radius: 20px;
height: 50px; height: 50px;
width: 50px; width: 50px;
background-color: pink; background-color: pink;
color: white;
position: absolute; position: absolute;
top: 20px; top: 20px;
right: 20px; right: 20px;
@@ -239,10 +281,30 @@
border: 0; border: 0;
border-radius: 20px; border-radius: 20px;
font-weight: bold; font-weight: bold;
box-shadow: 0 0 20px orangered; box-shadow: 0 0 10px orangered;
} }
.gift-share { .gift-share {
background-color: dodgerblue; 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> </style>
pages/subpages/choujiangzhushou/jiaruchoujiang.vue
+125
View File
@@ -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
+7
View File
@@ -11,6 +11,7 @@
</template> </template>
<script> <script>
const app = getApp();
export default { export default {
data() { data() {
return { return {
@@ -23,6 +24,12 @@
let value = e.detail.value; let value = e.detail.value;
this.url = "https://www.lailab.cn/miniprogram/tools/qrcode.php?text=" + 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> </script>
pages/subpages/mosidianma/mosidianma.vue
+6
View File
@@ -66,6 +66,12 @@
} }
}); });
}, },
},
onShareAppMessage() {
return {
title: '摩斯电码',
imageUrl: app.globalData.website + '/image/swiper/image_swiper_mosidianma.jpg'
};
} }
} }
</script> </script>
pages/subpages/qiaomuyu/qiaomuyu.vue
+7
View File
@@ -13,6 +13,7 @@
</template> </template>
<script> <script>
const app = getApp();
export default { export default {
data() { data() {
return { return {
@@ -74,6 +75,12 @@
}) })
this.animation = animation this.animation = animation
this.animationData = animation.export() this.animationData = animation.export()
},
onShareAppMessage() {
return {
title: '敲木鱼',
imageUrl: app.globalData.website + '/image/swiper/image_swiper_qiaomuyu.jpg'
};
} }
} }
</script> </script>
pages/subpages/suijitouzi/suijitouzi.vue
+7
View File
@@ -29,6 +29,7 @@
</template> </template>
<script> <script>
const app = getApp();
export default { export default {
data() { data() {
return { return {
@@ -93,6 +94,12 @@
this.index = num; this.index = num;
this.count = ++num; this.count = ++num;
}, },
},
onShareAppMessage() {
return {
title: '随机骰子',
imageUrl: app.globalData.website + '/image/swiper/image_swiper_suijitouzi.jpg'
}
} }
} }
</script> </script>
pages/subpages/zhengjianzhao/zhengjianzhao.vue
+6
View File
@@ -117,6 +117,12 @@
e.preventDefault(); e.preventDefault();
} }
}, },
onShareAppMessage() {
return {
title: '证件照助手',
imageUrl: app.globalData.website + '/image/swiper/image_swiper_zhengjianzhao.jpg'
}
}
} }
</script> </script>
readme.md
+8
View File
@@ -17,3 +17,11 @@ v2.1 2022-10-22
1.添加自动登录逻辑 1.添加自动登录逻辑
2.各个界面微调美化 2.各个界面微调美化
v2.2 2022-10-23
1.添加抽奖助手界面
v2.2.1 2022-10-24
1.完善抽奖助手子页面