lsl
/
xzjl-ui
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式调整+分享页面搭建

Browse Source
main
Wkang921 3 years ago
parent d8412af23c
commit 2dcf5c6a02
19 changed files with 616 additions and 151 deletions
Show Stats Download Patch File Download Diff File

BIN
.DS_Store vendored
View File

Binary file not shown.

BIN
icons/.DS_Store vendored
View File

Binary file not shown.

BIN
miniprogram_npm/.DS_Store vendored
View File

Binary file not shown.

43
pages/home/jl/index.js
Unescape View File

@ -17,6 +17,7 @@ Page({
minute:0, minute:0,
minutes:0, minutes:0,
pickerValue: [0, 0], pickerValue: [0, 0],
prayTime:0, //祈祷时间
prayerContent:'', //祈祷内容 prayerContent:'', //祈祷内容
showSexLogo:false,//不展示形象修改按钮 showSexLogo:false,//不展示形象修改按钮
showPray:false, //显示祈祷弹层 showPray:false, //显示祈祷弹层
@ -25,6 +26,9 @@ Page({
showEnergyToast:false, //显示赠送能量提示 showEnergyToast:false, //显示赠送能量提示
showEnergySuccess:false, //赠送成功提示 showEnergySuccess:false, //赠送成功提示
showEnergyFail:false, //赠送成功提示 showEnergyFail:false, //赠送成功提示
showInject:false, //显示注入能量
showInEnergy:false, //显示能量注入中
showScsEnergy:false //显示注册成功提示
}, },
ShowOrNotLogoS(){ ShowOrNotLogoS(){
this.setData({singleShow:!this.data.singleShow}) this.setData({singleShow:!this.data.singleShow})
@ -140,9 +144,48 @@ Page({
pickerValue: e.detail.value pickerValue: e.detail.value
}) })
}, },
openInject(){
this.setData({
showInject:!this.data.showInject
})
},
// 注入晶石
btnInject(){
this.setData({
showInject:!this.data.showInject,
showInEnergy:!this.data.showInEnergy
})
req.patchRequest('/api/user/curt/inject-energy-to-pendant',{}).then((res)=>{
console.log('能量注入成功');
this.getUserInfo()
})
setTimeout(()=>{
this.setData({
showInEnergy:!this.data.showInEnergy,
showScsEnergy:true
})
},2000)
},
getUserInfo(){ getUserInfo(){
req.getRequest('/api/user/curt',{}).then((res)=>{ req.getRequest('/api/user/curt',{}).then((res)=>{
if(res.data.code===200){ if(res.data.code===200){
// 获取已经祈祷时间
const now = new Date();
const startTime = new Date(res.data.data.prayerStartTime)
const diff = now.getTime() - startTime.getTime();
const hour = Math.floor(diff / (1000 * 60 * 60));
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
const formattedTime = `${hour.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
// 获取结束祈祷返回能量
const nowTime = new Date();
const endTime = new Date(res.data.data.prayerEndTime)
const TimeDiff = endTime.getTime() - nowTime.getTime();
this.setData({
prayTime: formattedTime,
energy:Math.floor(TimeDiff / 36000)
})
const pendantEnergy = res.data.data.pendantEnergy const pendantEnergy = res.data.data.pendantEnergy
const minute = pendantEnergy * 6 const minute = pendantEnergy * 6
const hours = Math.floor(pendantEnergy / 60); // 计算小时数 const hours = Math.floor(pendantEnergy / 60); // 计算小时数

55
pages/home/jl/index.wxml
Unescape View File

@ -21,16 +21,29 @@
<view class="dcleft"> <view class="dcleft">
<t-progress class="dcleft1" theme="circle" percentage="70" color="#f76229" label="" t-class-bar="dcleft1" /> <t-progress class="dcleft1" theme="circle" percentage="{{userInfo.crystallineEnergy}}" color="#f76229" label="" t-class-bar="dcleft1" />
<view class="dcbs"></view> <view class="dcbs"></view>
</view><!--下方左侧块--> </view><!--下方左侧块-->
<!--下方左侧块--> <!--下方左侧块-->
<t-progress class="dchx" percentage="70" trackColor="#EAC9FF" color="#f76229" label=""/><!--中间进度条--> <t-progress class="dchx" percentage="{{userInfo.crystallineEnergy}}" trackColor="#EAC9FF" color="#f76229" label=""/><!--中间进度条-->
<view class="dchxtxt">70%</view> <view class="dchxtxt">{{userInfo.crystallineEnergy}}%</view>
<t-progress class="dcright1" theme="circle" percentage="{{userInfo.pendantEnergy}}" color="#FBB093" label="" t-class-bar="dcleft1" />
<view class="dcright"> <view class="dcright">
<view class="dcrightwjx"></view><!--下方右侧五角星--> <view class="dcrightwjx" bindtap="openInject"></view><!--下方右侧五角星-->
</view><!--下方左侧块--> </view><!--下方左侧块-->
<!-- 能量已满提示 -->
<view class="energy-full" wx:if="{{userInfo.crystallineEnergy===100}}">
<view>能量已经集满啦！</view>
<view>可以注入到水晶中</view>
<view>增强运势哦！</view>
</view>
<!-- 能量注入成功提示 -->
<view class="energy-complete" wx:if="{{showScsEnergy}}">
<view>能量已注入100%</view>
<view>守护时间为08小时00分</view>
</view>
<view class="dclefttxt">水晶能量</view><!--下方左侧块--> <view class="dclefttxt">水晶能量</view><!--下方左侧块-->
<view class="dcrighttxt">能量注入</view><!--下方左侧块--> <view class="dcrighttxt">能量注入</view><!--下方左侧块-->
</swiper-item> </swiper-item>
@ -51,7 +64,7 @@
<t-icon name="chevron-right-double" size="24" color="#DE868F"/> <t-icon name="chevron-right-double" size="24" color="#DE868F"/>
<view class="text-qd"> <view class="text-qd">
<view class="top">{{ userInfo.prayerContent }}</view> <view class="top">{{ userInfo.prayerContent }}</view>
<view>你已为Ta祈祷 02:20:13</view> <view>你已为Ta祈祷 {{prayTime}}</view>
</view> </view>
<t-icon name="chevron-right-double" size="24" color="#DE868F"/> <t-icon name="chevron-right-double" size="24" color="#DE868F"/>
</view> </view>
@ -85,18 +98,18 @@
</view> </view>
<view class="dcleft"> <view class="dcleft">
<t-progress class="dcleft1" theme="circle" percentage="70" color="#f76229" label="" t-class-bar="dcleft1" /> <t-progress class="dcleft1" theme="circle" percentage="{{userInfo.crystallineEnergy}}" color="#f76229" label="" t-class-bar="dcleft1" />
<view class="dcbs" bindtap="openEnergy"></view> <view class="dcbs"></view>
</view><!--下方左侧块--> </view><!--下方左侧块-->
<!--下方左侧块--> <!--下方左侧块-->
<view class="lovepic"></view> <view class="lovepic"></view>
<view class="dchxtxtql" bindtap="openPray">祈祷</view> <view class="dchxtxtql" bindtap="openPray">祈祷</view>
<view class="dcrightql"> <view class="dcrightql">
<t-progress class="dcleft1" theme="circle" percentage="70" color="#00A7FF" label="" t-class-bar="dcleft1" /> <t-progress class="dcleft1" theme="circle" percentage="{{loverInfo.crystallineEnergy}}" color="#00A7FF" label="" t-class-bar="dcleft1" />
<view class="dcrbs"></view> <view class="dcrbs" bindtap="openEnergy"></view>
</view><!--下方左侧块--> </view><!--下方左侧块-->
<view class="dclefttxt">70%</view><!--下方左侧块--> <view class="dclefttxt">{{userInfo.crystallineEnergy}}%</view><!--下方左侧块-->
<view class="dcrighttxt">79%</view><!--下方左侧块--> <view class="dcrighttxt">{{loverInfo.crystallineEnergy}}%</view><!--下方左侧块-->
</swiper-item> </swiper-item>
@ -174,7 +187,7 @@
<t-toast id="t-toast" /> <t-toast id="t-toast" />
<view class="dialog-text"> <view class="dialog-text">
<view>要结束祈祷吗？</view> <view>要结束祈祷吗？</view>
<view>将返还23%星座能量</view> <view>将返还{{energy}}%星座能量</view>
<view>溢出能量将消失</view> <view>溢出能量将消失</view>
</view> </view>
<view class="dialog-btn"> <view class="dialog-btn">
@ -229,6 +242,24 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 能量注入 -->
<view class="pray" wx:if="{{showInject}}">
<view class="dialog">
<t-toast id="t-toast" />
<view class="dialog-text">
<view>你要将能量注入到晶石吗？</view>
<view>晶石将开启守护计时</view>
</view>
<view class="dialog-btn">
<button bindtap="openInject">取消</button>
<button bindtap="btnInject">开始注入</button>
</view>
</view>
</view>
<!-- 能量注入中 -->
<view class="in-energy" wx:if="{{showInEnergy}}">
能量注入中……
</view>
<div class="jltxt" bindtap="go2Jlai">精灵 AI</div> <div class="jltxt" bindtap="go2Jlai">精灵 AI</div>

71
pages/home/jl/index.wxss
Unescape View File

@ -38,12 +38,13 @@
.dcright{ .dcright{
position:absolute; position:absolute;
width:116.67rpx; width: 100rpx;
height:116.67rpx; height: 100rpx;
margin-left: 520rpx; margin-left: 528rpx;
margin-top:1232rpx; margin-top: 1240rpx;
background-color: #f76229; /* background-color: #f76229; */
border-radius: 58.335rpx; border-radius: 58.335rpx;
z-index: 1;
} }
.dclefttxt{ .dclefttxt{
@ -71,8 +72,8 @@
position:absolute; position:absolute;
width:68rpx; width:68rpx;
height:78.67rpx; height:78.67rpx;
margin-left:24rpx; margin-left: 18rpx;
margin-top:18.67rpx; margin-top: 14rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:100% 100%; background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/wjx.png); background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/wjx.png);
@ -845,3 +846,59 @@ picker-view-column {
box-sizing: border-box; box-sizing: border-box;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4); box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
} }
.energy-full {
position: absolute;
top: 500rpx;
right: 230rpx;
width: 286rpx;
height: 160rpx;
opacity: 0.9;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
color: #6C6C6C;
font-size: 14px;
padding: 18rpx 0 0 20rpx;
box-sizing: border-box;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.energy-complete {
position: absolute;
top: 500rpx;
right: 230rpx;
width: 336rpx;
height: 160rpx;
opacity: 0.9;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
color: #6C6C6C;
font-size: 14px;
padding: 36rpx 0 0 20rpx;
box-sizing: border-box;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.in-energy {
position: absolute;
top: 500rpx;
right: 130rpx;
width: 484rpx;
height: 434rpx;
font-size: 18px;
color: #6C6C6C;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.dcright1 {
position: absolute;
bottom: 270rpx;
right: 109rpx;
}
.dcright1 .t-progress__canvas--inner {
background-color: #f76229 !important;
}

2
pages/home/jl/jlai/jlai.js
Unescape View File

@ -41,7 +41,7 @@ Page({
}, },
go2BB(e){/**鼠标回显事件 */ go2BB(e){/**鼠标回显事件 */
this.setData({ltinfo:e.detail.value}) // this.setData({ltinfo:e.detail.value})
}, },
go2Send(e){/**发送消息 */ go2Send(e){/**发送消息 */
this.setData({isBlank:false}) this.setData({isBlank:false})

24
pages/home/xy/index.wxss
Unescape View File

@ -26,8 +26,8 @@
.gold1{ .gold1{
position: absolute; position: absolute;
width: 608.22rpx; width: 540rpx;
height: 487.33rpx; height: 500rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -49,8 +49,8 @@
} }
.gold2{ .gold2{
position: absolute; position: absolute;
width: 608.22rpx; width: 540rpx;
height: 487.33rpx; height: 500rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -65,14 +65,14 @@
.gold3{ .gold3{
position: absolute; position: absolute;
width: 354.67rpx; top: 190rpx;
height: 327.33rpx; left: 190rpx;
width: 370rpx;
height: 330rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:100% 100%; background-size:100% 100%;
margin-top: 192.67rpx;
margin-left:198.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/gold3.png); background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/gold3.png);
} }
@ -90,15 +90,15 @@
.gold2{ .gold2{
position: absolute; position: absolute;
width: 608.22rpx; width: 550rpx;
height: 487.33rpx; height: 550rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:100% 100%; background-size:100% 100%;
left: 0; left: 8rpx;
right: 0; right: 0;
top: 0; top: -12rpx;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/gold22.png); background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/gold22.png);

57
pages/home/xyc/index.js
Unescape View File

@ -19,21 +19,17 @@ Page({
link:'', link:'',
img:'' img:''
}, },
cvisible: false, cvisible: false,
note: '', note: '',
xyForm:{ xyForm:{},
},
visible:false,//弹窗 visible:false,//弹窗
single:true, single:true,
xzInfo:{}, xzInfo:{},
userInfo:{}, userInfo:{},
xyNfc:true, xyNfc:true,
xyInfo:{ xyInfo:{},
showXyz:false, //显示许愿中弹层
} showDetail:false //许愿成功回显弹层
}, },
handleAdd(e){/**添加图片 */ handleAdd(e){/**添加图片 */
const { fileList } = this.data; const { fileList } = this.data;
@ -67,7 +63,7 @@ Page({
type: 'poster' type: 'poster'
}, },
success: async res => { success: async res => {
let data = JSON.parse(res.data); let data = JSON.parse(res.data);
console.log(data, '111111'); console.log(data, '111111');
if (data.code == 200) { if (data.code == 200) {
this.setData({imgUrl:data.data.abUrl}) this.setData({imgUrl:data.data.abUrl})
@ -89,7 +85,6 @@ Page({
showToast('图片上传失败'); showToast('图片上传失败');
} }
}); });
console.log('许愿成功！')
}, },
go2MyYw(){ go2MyYw(){
wx.navigateTo({ wx.navigateTo({
@ -111,7 +106,10 @@ Page({
const { value } = e.detail; const { value } = e.detail;
const format = (val) => { const format = (val) => {
const date = new Date(val); const date = new Date(val);
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`; const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
return `${year}-${month}-${day}`;
}; };
this.setData({ this.setData({
@ -165,10 +163,11 @@ Page({
duration: 5000 duration: 5000
}) })
}else{ }else{
console.log('图片地址', this.data.imgUrl);
console.log('图片地址', this.data.xyLink);
req.postRequest('/api/user/curt/wish',{content:this.data.xyContent,deadline:this.data.note,img:this.data.imgUrl,link:this.data.xyLink}).then((res)=>{ req.postRequest('/api/user/curt/wish',{content:this.data.xyContent,deadline:this.data.note,img:this.data.imgUrl,link:this.data.xyLink}).then((res)=>{
console.log('许愿成功11111！') console.log('许愿成功11111！')
console.log(res) console.log(res)
console.log('额外情况')
if(res.data.code==200){ if(res.data.code==200){
this.setData({ this.setData({
visible: false, visible: false,
@ -177,7 +176,14 @@ Page({
if(res.data.data&&res.data.data.loverId&&res.data.data.loverId!=null){ if(res.data.data&&res.data.data.loverId&&res.data.data.loverId!=null){
this.setData({single:false}) this.setData({single:false})
} }
this.setData({xyContent:'',xyLink:'',note:'',imgUrl:'',fileList:[]}) this.setData({xyContent:'',xyLink:'',note:'',imgUrl:'',fileList:[],showXyz:true})
setTimeout(()=>{
this.setData({
showXyz:false,
showDetail:true,
item:res.data.data
})
},2000)
}else{ }else{
console.log('额外情况') console.log('额外情况')
wx.showToast({ wx.showToast({
@ -215,13 +221,34 @@ Page({
}) })
this.setData({xyInfo:wx.getStorageSync('nfc')}) this.setData({xyInfo:wx.getStorageSync('nfc')})
}, },
// 关闭回显
closeDetail(){
this.setData({
showDetail: false
})
},
// 分享
openShare(){
console.log('分享');
},
// 获取我的许愿
getMyWish(){
req.getRequest('/api/user/curt/wish',{}).then((res)=>{
console.log(res,'11111111')
if(res.data.code==200){
this.setData({wishes:res.data.data.records})
}
}).catch((err)=>{
console.log(err);
})
},
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad(options) { onLoad(options) {
this.initXy() this.initXy()
this.getMyWish()
}, },
/** /**

4
pages/home/xyc/index.json
Unescape View File

@ -5,6 +5,8 @@
"t-input": "tdesign-miniprogram/input/input", "t-input": "tdesign-miniprogram/input/input",
"t-textarea": "tdesign-miniprogram/textarea/textarea", "t-textarea": "tdesign-miniprogram/textarea/textarea",
"t-calendar": "tdesign-miniprogram/calendar/calendar", "t-calendar": "tdesign-miniprogram/calendar/calendar",
"t-upload": "tdesign-miniprogram/upload/upload" "t-upload": "tdesign-miniprogram/upload/upload",
"t-dialog": "tdesign-miniprogram/dialog/dialog",
"t-image": "tdesign-miniprogram/image/image"
} }
} }

32
pages/home/xyc/index.wxml
Unescape View File

@ -1,12 +1,12 @@
<t-toast id="t-toast" /> <t-toast id="t-toast" />
<!--单身情况下--> <!--单身情况下-->
<view class="xybtn2" wx:if="{{single}}"><text class="btn21">银币</text><text class="btn22">{{userInfo.silverCoin}}枚</text></view> <view class="xybtn2" wx:if="{{single}}"><text class="btn21">银币</text><text class="btn22">{{userInfo.silverCoin}}枚</text></view>
<view class="xybtn3" wx:if="{{single}}" bindtap="go2MyYw">我的愿望</view> <view class="xybtn3" wx:if="{{single}}" bindtap="go2MyYw">我的愿望<view class="xyctoast">{{wishes.length}}</view></view>
<!--非单身情况下--> <!--非单身情况下-->
<view class="qlxybtn2" wx:if="{!{single}}"><text class="btn21">银币</text><text class="btn22">{{userInfo.silverCoin}}枚</text></view> <view class="qlxybtn2" wx:if="{!{single}}"><text class="btn21">银币</text><text class="btn22">{{userInfo.silverCoin}}枚</text></view>
<view class="qlxybtn21" wx:if="{!{single}}" bindtap="go2TaYw">Ta的愿望</view> <view class="qlxybtn21" wx:if="{!{single}}" bindtap="go2TaYw">Ta的愿望</view>
<view class="qlxybtn22" wx:if="{!{single}}" bindtap="go2MyYw">我的愿望</view> <view class="qlxybtn22" wx:if="{!{single}}" bindtap="go2MyYw">我的愿望<view class="xyctoast">{{wishes.length}}</view></view>
<view class="bgt3" ></view> <view class="bgt3" ></view>
<view class="bgt2" ></view> <view class="bgt2" ></view>
<view class="bgt1" ></view> <view class="bgt1" ></view>
@ -45,3 +45,31 @@
</t-popup> </t-popup>
<t-calendar visible="{{cvisible}}" bind:confirm="handleConfirm" bind:close="onClose" /> <t-calendar visible="{{cvisible}}" bind:confirm="handleConfirm" bind:close="onClose" />
<!-- 提示 -->
<view class="xyc-toast">
投枚银币许个愿吧！守护精灵将会祝福你的愿望！
</view>
<!-- 许愿祝福中 -->
<view class="xyc-process" wx:if="{{showXyz}}">
愿望祝福中……
</view>
<!--愿望详情-->
<view wx:if="{{showDetail}}">
<view class="wishdetail" bindtap="closeDetail"></view>
<view class="popbox"></view>
<t-image class="yximg" src="{{item.img}}"></t-image>
<view class="ywwz2">愿望</view>
<view class="ywxq2">{{item.content}}</view>
<view class="qwsj2">期望时间</view>
<view class="qwsjtxt2">{{item.deadline}}</view>
<view class="anwz1" >
<view class="anwz1-tb" bindtap="openShare">
<t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lfc.png"></t-image>
</view>
<view class="anwztxt1">分享</view>
</view>
</view>

171
pages/home/xyc/index.wxss
Unescape View File

@ -222,13 +222,13 @@
.qwsj{ .qwsj{
position: absolute; position: absolute;
left: 92rpx; left: 92rpx;
top: 468rpx; top: 468rpx;
width: 72px; width: 72px;
height: 24px; height: 24px;
color: rgba(108, 108, 108, 1); color: rgba(108, 108, 108, 1);
font-size: 16px; font-size: 16px;
text-align: left; text-align: left;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
} }
.xylj{ .xylj{
@ -341,7 +341,7 @@ border: 1px solid rgba(187, 187, 187, 1);
.xltb{ .xltb{
position: absolute; position: absolute;
left:596rpx; left:530rpx;
top:480rpx; top:480rpx;
width:26rpx; width:26rpx;
height:26rpx; height:26rpx;
@ -369,3 +369,158 @@ border: 1px solid rgba(187, 187, 187, 1);
margin-top: 370rpx; margin-top: 370rpx;
margin-left: 75rpx; margin-left: 75rpx;
} }
/* 提示 */
.xyc-toast {
position: absolute;
top: 720rpx;
right: 180rpx;
width: 310rpx;
height: 180rpx;
padding: 12px;
box-sizing: border-box;
color: #6c6c6c;
line-height: 20px;
opacity: 0.9;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
font-size: 14px;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
/* 许愿进行中 */
.xyc-process {
position: absolute;
top: 530rpx;
left: 140rpx;
z-index: 999;
width: 484rpx;
height: 434rpx;
line-height: 20px;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
color: #6c6c6c;
text-align: center;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
/* 许愿成功回显 */
.wishdetail{
position: absolute;
width:750rpx;
height:1624rpx;
background-color: rgba(255, 255, 255, 0.7);
}
.popbox{
position: absolute;
left: 66rpx;
top: 206rpx;
width: 620rpx;
height: 1080rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/detailbkg.png);
}
.yximg{
position: absolute;
left: 146rpx;
top: 330rpx;
width: 460rpx;
height: 308rpx;
border-radius: 10px;
background-color: #767686;
}
.ywwz2{
position: absolute;
left: 328rpx;
top: 706rpx;
width: 96rpx;
height: 66rpx;
color: rgba(248, 99, 42, 1);
font-size: 24px;
text-align: left;
font-family: SourceHanSansSC-bold;
}
.ywxq2{
position: absolute;
left: 182rpx;
top: 798rpx;
width: 388rpx;
height: 150rpx;
color: rgba(108, 108, 108, 1);
font-size: 18px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.qwsj2{
position: absolute;
left: 280rpx;
top: 980rpx;
width: 192rpx;
height: 66rpx;
color: rgba(248, 99, 42, 1);
font-size: 24px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.qwsjtxt2{
position: absolute;
left: 250rpx;
top: 1072rpx;
width: 254rpx;
height: 50rpx;
color: rgba(108, 108, 108, 1);
font-size: 18px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.anwz1 {
position: absolute;
bottom: 0;
margin-left: 315rpx;
}
.anwz1 .anwz1-tb {
width: 120rpx;
height: 120rpx;
margin: 0 auto;
border-radius: 50%;
background-color: #F8632A;
line-height: 17px;
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
font-size: 12px;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
display: flex;
justify-content: center;
align-items: center;
}
.anwz1 .anwztxt1 {
margin-top: 20rpx;
font-size: 18px;
color: #6c6c6c;
text-align: center;
}
.anwz1 .anzmlogo1 {
width: 100rpx;
height: 100rpx;
}
.xyctoast {
position: absolute;
top: -16rpx;
right: -16rpx;
display: flex;
justify-content: center;
align-items: center;
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background-color: #F73535;
}

16
pages/home/xyc/wdyw/wdyw.js
Unescape View File

@ -10,9 +10,15 @@ Page({
showDelDialog:false, showDelDialog:false,
detail:{}, detail:{},
visible:false, visible:false,
shareVisible:false, //分享弹层
rrs:[{"lastModifiedDate":"2023-03-29T14:49:58.000+08:00","createdAt":"2023-03-14T15:44:16.000+08:00","id":1,"userid":1,"link":"http://www.baidu.com","img":"http://oss.wish.ydxxkj.top/resource/24130a65-ec5e-4c48-86d1-e964859f8532-1680072583657.jpg","content":"我希望明年去富士山下的樱花.","status":"processing","deadline":"2024-04-16"},{"lastModifiedDate":"2023-03-29T14:49:58.000+08:00","createdAt":"2023-03-14T15:44:16.000+08:00","id":1,"userid":1,"link":"http://www.baidu.com","img":"http://oss.wish.ydxxkj.top/resource/24130a65-ec5e-4c48-86d1-e964859f8532-1680072583657.jpg","content":"我希望明年去富士山下的樱花.","status":"completed","deadline":"2024-04-16"},{"lastModifiedDate":"2023-03-29T14:49:58.000+08:00","createdAt":"2023-03-14T15:44:16.000+08:00","id":1,"userid":1,"link":"http://www.baidu.com","img":"http://oss.wish.ydxxkj.top/resource/24130a65-ec5e-4c48-86d1-e964859f8532-1680072583657.jpg","content":"我希望明年去富士山下的樱花.","status":"expired","deadline":"2024-04-16"}], rrs:[{"lastModifiedDate":"2023-03-29T14:49:58.000+08:00","createdAt":"2023-03-14T15:44:16.000+08:00","id":1,"userid":1,"link":"http://www.baidu.com","img":"http://oss.wish.ydxxkj.top/resource/24130a65-ec5e-4c48-86d1-e964859f8532-1680072583657.jpg","content":"我希望明年去富士山下的樱花.","status":"processing","deadline":"2024-04-16"},{"lastModifiedDate":"2023-03-29T14:49:58.000+08:00","createdAt":"2023-03-14T15:44:16.000+08:00","id":1,"userid":1,"link":"http://www.baidu.com","img":"http://oss.wish.ydxxkj.top/resource/24130a65-ec5e-4c48-86d1-e964859f8532-1680072583657.jpg","content":"我希望明年去富士山下的樱花.","status":"completed","deadline":"2024-04-16"},{"lastModifiedDate":"2023-03-29T14:49:58.000+08:00","createdAt":"2023-03-14T15:44:16.000+08:00","id":1,"userid":1,"link":"http://www.baidu.com","img":"http://oss.wish.ydxxkj.top/resource/24130a65-ec5e-4c48-86d1-e964859f8532-1680072583657.jpg","content":"我希望明年去富士山下的樱花.","status":"expired","deadline":"2024-04-16"}],
wishes:[] wishes:[]
}, },
showShare(){
this.setData({
shareVisible:!this.data.shareVisible
})
},
go2DelDialog(){ go2DelDialog(){
this.setData({showDelDialog:true}) this.setData({showDelDialog:true})
}, },
@ -33,6 +39,10 @@ Page({
icon: 'none', icon: 'none',
duration: 1000 duration: 1000
}) })
this.getMyWish()
this.setData({
visible: false
})
} }
}).catch((err)=>{ }).catch((err)=>{
console.log(err); console.log(err);
@ -64,8 +74,8 @@ Page({
}) })
}, },
go2WishDetail(e){/**查看愿望详情 */ go2WishDetail(e){/**查看愿望详情 */
this.setData({visible:true,detail:e.target.dataset.wish}) this.setData({visible:true,detail:e.currentTarget.dataset.wish})
this.setData({detail:e.target.dataset.wish}) this.setData({detail:e.currentTarget.dataset.wish})
}, },
onVisibleChange(e) { onVisibleChange(e) {
this.setData({ this.setData({
@ -80,7 +90,7 @@ Page({
}, },
getMyWish(){ getMyWish(){
req.getRequest('/api/user/curt/wish',{}).then((res)=>{ req.getRequest('/api/user/curt/wish',{}).then((res)=>{
console.log(res) console.log(res,'11111111')
if(res.data.code==200){ if(res.data.code==200){
this.setData({wishes:res.data.data.records}) this.setData({wishes:res.data.data.records})
} }

3
pages/home/xyc/wdyw/wdyw.json
Unescape View File

@ -2,6 +2,7 @@
"usingComponents": { "usingComponents": {
"t-image": "tdesign-miniprogram/image/image", "t-image": "tdesign-miniprogram/image/image",
"t-popup": "tdesign-miniprogram/popup/popup", "t-popup": "tdesign-miniprogram/popup/popup",
"t-dialog": "tdesign-miniprogram/dialog/dialog" "t-dialog": "tdesign-miniprogram/dialog/dialog",
"t-icon": "tdesign-miniprogram/icon/icon"
} }
} }

69
pages/home/xyc/wdyw/wdyw.wxml
Unescape View File

@ -8,8 +8,7 @@
<view class="xycbg3"></view> <view class="xycbg3"></view>
<view class="wishbox"> <view class="wishbox">
<view wx:for="{{wishes}}" wx:key="index"> <view wx:for="{{wishes}}" wx:key="index">
<view class="boxitem" bindtap="go2WishDetail" data-wish="{{item}}"> <view class="boxitem" bindtap="go2WishDetail" data-wish="{{item}}">
<t-image src="{{item.img}}" class="boximg"></t-image> <t-image src="{{item.img}}" class="boximg"></t-image>
<view class="boxtitle">{{item.content}}</view> <view class="boxtitle">{{item.content}}</view>
@ -20,7 +19,6 @@
<view class="wczt" wx:if="{{item.status=='processing'}}">进行中</view> <view class="wczt" wx:if="{{item.status=='processing'}}">进行中</view>
<view class="wczt" wx:if="{{item.status=='completed'}}">已完成</view> <view class="wczt" wx:if="{{item.status=='completed'}}">已完成</view>
<view class="wczt" wx:if="{{item.status=='expired'}}">已过期</view> <view class="wczt" wx:if="{{item.status=='expired'}}">已过期</view>
</view> </view>
</view> </view>
</view> </view>
@ -39,46 +37,46 @@
</view> </view>
<view class="ywcczk" wx:if="{{detail.status=='processing'}}"><!--进行中按钮展示--> <view class="ywcczk" wx:if="{{detail.status=='processing'}}"><!--进行中按钮展示-->
<view class="anwz1 sc1"> <view class="anwz1">
<view class="yqq" bindtap="go2DelDialog"></view> <view class="yqq" bindtap="go2DelDialog"></view>
<view class="anwztxt1">删除</view> <view class="anwztxt1">删除</view>
<t-image bindtap="go2DelDialog" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lsc.png"></t-image> <t-image bindtap="go2DelDialog" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lsc.png"></t-image>
</view> </view>
<view class="anwz1 xg1"> <view class="anwz1">
<view class="yqq"></view> <view class="yqq"></view>
<view class="anwztxt1">修改</view> <view class="anwztxt1">修改</view>
<t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lxg.png"></t-image> <t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lxg.png"></t-image>
</view> </view>
<view class="anwz1 wc1"> <view class="anwz1">
<view class="yqq" bindtap="doFinishWish"></view> <view class="yqq" bindtap="doFinishWish"></view>
<view class="anwztxt1" >已达成</view> <view class="anwztxt1" >已达成</view>
<t-image bindtap="doFinishWish" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lydc.png"></t-image> <t-image bindtap="doFinishWish" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lydc.png"></t-image>
</view> </view>
<view class="anwz1 fx1"> <view class="anwz1" bindtap="showShare">
<view class="yqq"></view> <view class="yqq"></view>
<view class="anwztxt1">分享</view> <view class="anwztxt1">分享</view>
<t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lfc.png"></t-image> <t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lfc.png"></t-image>
</view> </view>
</view> </view>
<view class="ywcczk" wx:if="{{detail.status=='completed'}}"><!--已完成按钮展示--> <view class="ywcczk" wx:if="{{detail.status=='completed'}}"><!--已完成按钮展示-->
<view class="anwz1 sc2"> <view class="anwz1">
<view class="yqq" bindtap="go2DelDialog"></view> <view class="yqq" bindtap="go2DelDialog"></view>
<view class="anwztxt1">删除</view> <view class="anwztxt1">删除</view>
<t-image bindtap="go2DelDialog" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lsc.png"></t-image> <t-image bindtap="go2DelDialog" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lsc.png"></t-image>
</view> </view>
<view class="anwz1 fx2"> <view class="anwz1" bindtap="showShare">
<view class="yqq"></view> <view class="yqq"></view>
<view class="anwztxt1">分享</view> <view class="anwztxt1">分享</view>
<t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lfc.png"></t-image> <t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lfc.png"></t-image>
</view> </view>
</view> </view>
<view class="ywcczk" wx:if="{{detail.status=='expired'}}"> <view class="ywcczk" wx:if="{{detail.status=='expired'}}">
<view class="anwz1 sc2"> <view class="anwz1">
<view class="yqq" bindtap="go2DelDialog"></view> <view class="yqq" bindtap="go2DelDialog"></view>
<view class="anwztxt1">删除</view> <view class="anwztxt1">删除</view>
<t-image bindtap="go2DelDialog" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lsc.png"></t-image> <t-image bindtap="go2DelDialog" class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lsc.png"></t-image>
</view> </view>
<view class="anwz1 fx2"> <view class="anwz1">
<view class="yqq"></view> <view class="yqq"></view>
<view class="anwztxt1">修改</view> <view class="anwztxt1">修改</view>
<t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lxg.png"></t-image> <t-image class="anzmlogo1" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/lxg.png"></t-image>
@ -100,4 +98,51 @@ data-del="{{detail.id}}"
bind:cancel="closeDelDialog" bind:cancel="closeDelDialog"
/> />
<!-- 分享 -->
<t-popup visible="{{shareVisible}}" placement="bottom">
<view class="popup-main">
<view class="main-top">
<view></view>
<view class="text">分享到</view>
<t-icon name="close" size="32" bindtap="showShare"/>
</view>
<view class="main-box">
<view class="box-item">
<view class="item-icon">
<t-image bindtap="doFinishWish" src="cloud://cloud1-2geqetnm309fb1b9.636c-cloud1-2geqetnm309fb1b9-1318421017/wechat.png"></t-image>
</view>
<view class="item-text">微信</view>
</view>
<view class="box-item">
<view class="item-icon cyan">
<t-image bindtap="doFinishWish" src="cloud://cloud1-2geqetnm309fb1b9.636c-cloud1-2geqetnm309fb1b9-1318421017/pyq.png"></t-image>
</view>
<view class="item-text">朋友圈</view>
</view>
<view class="box-item">
<view class="item-icon orange">
<t-image bindtap="doFinishWish" src="cloud://cloud1-2geqetnm309fb1b9.636c-cloud1-2geqetnm309fb1b9-1318421017/weibo.png"></t-image>
</view>
<view class="item-text">微博</view>
</view>
<view class="box-item">
<view class="item-icon blue">
<t-image bindtap="doFinishWish" src="cloud://cloud1-2geqetnm309fb1b9.636c-cloud1-2geqetnm309fb1b9-1318421017/qq.png"></t-image>
</view>
<view class="item-text">QQ</view>
</view>
<view class="box-item">
<view class="item-icon yellow">
<t-image bindtap="doFinishWish" src="cloud://cloud1-2geqetnm309fb1b9.636c-cloud1-2geqetnm309fb1b9-1318421017/qqkj.png"></t-image>
</view>
<view class="item-text">QQ空间</view>
</view>
<view class="box-item">
<view class="item-icon orange">
<t-image bindtap="doFinishWish" src="cloud://cloud1-2geqetnm309fb1b9.636c-cloud1-2geqetnm309fb1b9-1318421017/tupian.png"></t-image>
</view>
<view class="item-text">生成图片</view>
</view>
</view>
</view>
</t-popup>

209
pages/home/xyc/wdyw/wdyw.wxss
Unescape View File

@ -54,16 +54,16 @@ background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bg
.xycbg3{ .xycbg3{
position: absolute; position: absolute;
left: -24px; left: -24px;
top: 116px; top: 116px;
width: 440px; width: 440px;
height: 635px; height: 635px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:100% 100%; background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xycbg3.png); background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xycbg3.png);
} }
.boxitem{ .boxitem{
margin-left: 16px; margin: 0 auto;
top: 104px; top: 104px;
width: 343px; width: 343px;
height: 94px; height: 94px;
@ -104,13 +104,13 @@ background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xy
.qwsjbox{ .qwsjbox{
float:initial; float:initial;
margin-left: 174rpx; margin-left: 174rpx;
top: 153px; top: 306rpx;
width: 143px; width: 286rpx;
height: 17px; height: 34rpx;
color: rgba(108, 108, 108, 1); color: rgba(108, 108, 108, 1);
font-size: 12px; font-size: 12px;
text-align: left; text-align: left;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
} }
.wczt{ .wczt{
@ -151,10 +151,10 @@ font-family: SourceHanSansSC-regular;
} }
.popbox{ .popbox{
position: absolute; position: absolute;
left: 33px; left: 66rpx;
top: 83px; top: 166rpx;
width: 310px; width: 620rpx;
height: 540px; height: 1080rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:100% 100%; background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/detailbkg.png); background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/detailbkg.png);
@ -162,57 +162,57 @@ font-family: SourceHanSansSC-regular;
.yximg{ .yximg{
position: absolute; position: absolute;
left: 73px; left: 146rpx;
top: 165px; top: 330rpx;
width: 230px; width: 460rpx;
height: 154px; height: 308rpx;
border-radius: 10px; border-radius: 10px;
background-color: #767686; background-color: #767686;
} }
.ywwz{ .ywwz{
position: absolute; position: absolute;
left: 164px; left: 328rpx;
top: 353px; top: 706rpx;
width: 48px; width: 96rpx;
height: 33px; height: 66rpx;
color: rgba(248, 99, 42, 1); color: rgba(248, 99, 42, 1);
font-size: 24px; font-size: 24px;
text-align: left; text-align: left;
font-family: SourceHanSansSC-bold; font-family: SourceHanSansSC-bold;
} }
.ywxq{ .ywxq{
position: absolute; position: absolute;
left: 91px; left: 182rpx;
top: 399px; top: 798rpx;
width: 194px; width: 388rpx;
height: 150rpx; height: 150rpx;
color: rgba(108, 108, 108, 1); color: rgba(108, 108, 108, 1);
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
} }
.qwsj{ .qwsj{
position: absolute; position: absolute;
left: 140px; left: 280rpx;
top: 490px; top: 980rpx;
width: 96px; width: 192rpx;
height: 33px; height: 66rpx;
color: rgba(248, 99, 42, 1); color: rgba(248, 99, 42, 1);
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
} }
.qwsjtxt{ .qwsjtxt{
position: absolute; position: absolute;
left: 125px; left: 250rpx;
top: 536px; top: 1072rpx;
width: 127px; width: 254rpx;
height: 25px; height: 50rpx;
color: rgba(108, 108, 108, 1); color: rgba(108, 108, 108, 1);
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
} }
.yqq{/*圆圈*/ .yqq{/*圆圈*/
@ -251,13 +251,20 @@ border: 3px solid rgba(255, 255, 255, 1);
height:192rpx; height:192rpx;
top:1290rpx; top:1290rpx;
width:750rpx; width:750rpx;
display: flex;
justify-content: center;
} }
.anwz1{ .anwz1{
position: absolute; width: 120rpx;
width:120rpx;
height: 192rpx; height: 192rpx;
margin-right: 40rpx;
} }
.anwz1:last-child {
margin-right: 0;
}
.anwztxt1{ .anwztxt1{
position: absolute; position: absolute;
width:120rpx; width:120rpx;
@ -274,21 +281,87 @@ border: 3px solid rgba(255, 255, 255, 1);
width: 42px; width: 42px;
height: 42px; height: 42px;
} }
.sc1{
margin-left: 42rpx; .popup-main {
height: 462rpx;
background-color: #fff;
}
.popup-main .main-top {
height: 80rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
box-sizing: border-box;
border-bottom: 1px solid #E9E9E8;
}
.t-icon-close {
color: #6c6c6c;
}
.popup-main .main-top .text {
font-size: 16px;
color: #6c6c6c;
}
.popup-main .main-box {
height: 100%;
padding-top:70rpx;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.popup-main .main-box .box-item {
width: 100rpx;
height: 150rpx;
margin-left: 70rpx;
display: flex;
align-items: center;
flex-direction: column;
}
.popup-main .main-box .box-item .item-icon {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
margin-bottom: 10rpx;
display: flex;
justify-content: center;
align-items: center;
background-color: #1AAD19;
}
.popup-main .main-box .box-item .item-icon .t-image {
width: 70rpx;
height: 70rpx;
}
.popup-main .main-box .box-item .item-icon image {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
}
.popup-main .main-box .box-item .item-text {
font-size: 12px;
color: #A2A2A2;
} }
.xg1{
margin-left: 112px; .cyan {
background-color: #A8E450 !important;
} }
.wc1{ .orange {
margin-left: 203px; background-color: #FF9900 !important;
} }
.fx1{ .blue {
margin-left: 294px; background-color: #3CCDFF !important;
} }
.sc2{ .yellow {
margin-left: 112px; background-color: #FFCE41 !important;
} }
.fx2{ .cyan {
margin-left: 203px; background-color: #A8E450 !important;
} }

9
project.private.config.json
Unescape View File

@ -10,14 +10,7 @@
"list": [ "list": [
{ {
"name": "", "name": "",
"pathName": "pages/home/xx/lindex/lindex", "pathName": "pages/home/xyc/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "",
"pathName": "pages/home/xx/lindex/lindex",
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null

BIN
styles/.DS_Store vendored
View File

Binary file not shown.

BIN
utils/.DS_Store vendored
View File

Binary file not shown.
Write Preview
Loading…
Cancel
Save