forked from lsl/xzjl-ui
parent
7c52a50e99
commit
e4f4e997b8
|
After Width: | Height: | Size: 758 KiB |
@ -1,3 +1,9 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {}
|
"component": true,
|
||||||
|
"usingComponents": {
|
||||||
|
"t-grid": "tdesign-miniprogram/grid/grid",
|
||||||
|
"t-grid-item": "tdesign-miniprogram/grid-item/grid-item",
|
||||||
|
"t-image-viewer": "tdesign-miniprogram/image-viewer/image-viewer"
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -1,12 +1,39 @@
|
|||||||
<!--pages/home/xx/hy/hx/hx.wxml-->
|
<!--pages/home/xx/hy/xz/zt.wxml-->
|
||||||
<!--返回图标-->
|
<!--返回图标-->
|
||||||
<view class="reback" bindtap="go2Reback"></view>
|
<view class="reback" bindtap="go2Reback"></view>
|
||||||
<view class="title">画像</view>
|
<view class="title">画像</view>
|
||||||
|
|
||||||
|
<view class="body">
|
||||||
|
<view class="block" wx:for="{{list}}" wx:key="index">
|
||||||
|
<view class="block-text">
|
||||||
|
{{ item.createdAt }}
|
||||||
|
</view>
|
||||||
|
<view class="block-item">
|
||||||
|
<view class="item" wx:for="{{item.list}}" wx:key="index">
|
||||||
|
<image src="{{item}}" bindtap="blockClick" data-url="{{item}}"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 图片预览 -->
|
||||||
|
<!-- <view class="viewer" wx:if="{{visible}}" bindtap="closeViewer">
|
||||||
|
<image src="{{image}}" scaleToFill/>
|
||||||
|
<view class="viewer-btn">
|
||||||
|
<view class="btn" bindtap="delBtn">删除</view>
|
||||||
|
<view class="btn">保存</view>
|
||||||
|
</view>
|
||||||
|
</view> -->
|
||||||
|
<t-image-viewer
|
||||||
|
visible="{{visible}}"
|
||||||
|
images="{{image}}"
|
||||||
|
bind:close="onClose"
|
||||||
|
/>
|
||||||
|
|
||||||
<!--星讯聊天下方菜单栏-->
|
<!--星讯聊天下方菜单栏-->
|
||||||
<view class="xfgjl" >
|
<view class="xfgjl" >
|
||||||
<view class="xxqlcd xxqlcd1" bindtap="go2Xz">信札</view>
|
<view class="xxqlcd" bindtap="go2Xz">信札</view>
|
||||||
<view class="xxqlcd xxqlcd2" bindtap="go2Yx">音讯</view>
|
<view class="xxqlcd" bindtap="go2Yx">音讯</view>
|
||||||
<view class="xxqlcd xxqlcd3" bindtap="go2Hx">画像</view>
|
<view class="xxqlcd" bindtap="go2Hx">画像</view>
|
||||||
<view class="xxqlcd xxqlcd4" bindtap="go2Zt">纸条</view>
|
<view class="xxqlcd" bindtap="go2Zt">纸条</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"t-image": "tdesign-miniprogram/image/image"
|
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,92 +0,0 @@
|
|||||||
// pages/home/xx/hy/index.js
|
|
||||||
const app = getApp();//新建页面时 默认引入
|
|
||||||
const req = app.xzjlReq();//初始化一个的request() 实例
|
|
||||||
Page({
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 页面的初始数据
|
|
||||||
*/
|
|
||||||
data: {
|
|
||||||
|
|
||||||
},
|
|
||||||
go2Reback(){
|
|
||||||
wx.navigateTo({
|
|
||||||
url: '/pages/home/xx/lindex/lindex'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
go2Xz(){
|
|
||||||
wx.navigateTo({
|
|
||||||
url: '/pages/home/xx/hy/xz/zt'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
go2Yx(){
|
|
||||||
wx.navigateTo({
|
|
||||||
url: '/pages/home/xx/hy/index'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
go2Hx(){
|
|
||||||
wx.navigateTo({
|
|
||||||
url: '/pages/home/xx/hy/hx/hx'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
go2Zt(){
|
|
||||||
wx.navigateTo({
|
|
||||||
url: '/pages/home/xx/hy/zt/zt'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 生命周期函数--监听页面加载
|
|
||||||
*/
|
|
||||||
onLoad(options) {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 生命周期函数--监听页面初次渲染完成
|
|
||||||
*/
|
|
||||||
onReady() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 生命周期函数--监听页面显示
|
|
||||||
*/
|
|
||||||
onShow() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 生命周期函数--监听页面隐藏
|
|
||||||
*/
|
|
||||||
onHide() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 生命周期函数--监听页面卸载
|
|
||||||
*/
|
|
||||||
onUnload() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 页面相关事件处理函数--监听用户下拉动作
|
|
||||||
*/
|
|
||||||
onPullDownRefresh() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 页面上拉触底事件的处理函数
|
|
||||||
*/
|
|
||||||
onReachBottom() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 用户点击右上角分享
|
|
||||||
*/
|
|
||||||
onShareAppMessage() {
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"usingComponents": {}
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
<!--pages/home/xx/hy/xz/zt.wxml-->
|
|
||||||
<!--返回图标-->
|
|
||||||
<view class="reback" bindtap="go2Reback"></view>
|
|
||||||
<view class="title">信札</view>
|
|
||||||
|
|
||||||
<!--星讯聊天下方菜单栏-->
|
|
||||||
<view class="xfgjl" >
|
|
||||||
<view class="xxqlcd xxqlcd1" bindtap="go2Xz">信札</view>
|
|
||||||
<view class="xxqlcd xxqlcd2" bindtap="go2Yx">音讯</view>
|
|
||||||
<view class="xxqlcd xxqlcd3" bindtap="go2Hx">画像</view>
|
|
||||||
<view class="xxqlcd xxqlcd4" bindtap="go2Zt">纸条</view>
|
|
||||||
</view>
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
/* pages/home/xx/hy/index.wxss */
|
|
||||||
.reback{
|
|
||||||
position: fixed;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
margin-top:108rpx;
|
|
||||||
width:48rpx;
|
|
||||||
height:48rpx;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size:100% 100%;
|
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.title{
|
|
||||||
position: fixed;
|
|
||||||
left: 278rpx;
|
|
||||||
top: 108rpx;
|
|
||||||
width: 196rpx;
|
|
||||||
height: 48rpx;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 32rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
|
||||||
.xfgjl{
|
|
||||||
position: fixed;
|
|
||||||
left: 0px;
|
|
||||||
margin-top: 1416rpx;
|
|
||||||
width: 750rpx;
|
|
||||||
height: 87px;
|
|
||||||
line-height: 20px;
|
|
||||||
opacity: 0.7;
|
|
||||||
background-color: rgba(255, 255, 255, 1);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.xxqlcd{
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
top: 32rpx;
|
|
||||||
width: 55px;
|
|
||||||
height: 55px;
|
|
||||||
border-radius: 56rpx;
|
|
||||||
line-height: 110rpx;
|
|
||||||
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
|
||||||
color: rgba(16, 16, 16, 1);
|
|
||||||
font-size: 12px;
|
|
||||||
text-align: center;
|
|
||||||
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
|
|
||||||
font-family: Arial;
|
|
||||||
border: 5rpx solid rgba(255, 255, 255, 1);
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: center;
|
|
||||||
font-family: SourceHanSansSC-medium;
|
|
||||||
}
|
|
||||||
.xxqlcd1{
|
|
||||||
left: 21px;
|
|
||||||
}
|
|
||||||
.xxqlcd2{
|
|
||||||
left: 114px;
|
|
||||||
}
|
|
||||||
.xxqlcd3{
|
|
||||||
left: 206px;
|
|
||||||
}
|
|
||||||
.xxqlcd4{
|
|
||||||
left: 299px;
|
|
||||||
}
|
|
||||||
@ -0,0 +1,140 @@
|
|||||||
|
// pages/home/xx/hy/index.js
|
||||||
|
const app = getApp();//新建页面时 默认引入
|
||||||
|
const req = app.xzjlReq();//初始化一个的request() 实例
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
|
||||||
|
},
|
||||||
|
go2Reback(){
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/home/xx/hy/yx/yx'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
go2Xz(){
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/home/xx/hy/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
go2Yx(){
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/home/xx/hy/yx/yx'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
go2Hx(){
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/home/xx/hy/hx/hx'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
go2Zt(){
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/home/xx/hy/zt/zt'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
delLetter(e){
|
||||||
|
const id = e.target.dataset.id
|
||||||
|
req.deleteRequest(`/api/user/curt/message/${id}`,{}).then(res => {
|
||||||
|
console.log(res);
|
||||||
|
if(res.data.code === 200){
|
||||||
|
wx.showToast({
|
||||||
|
title: '删除成功',
|
||||||
|
})
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getList(){
|
||||||
|
req.getRequest('/api/user/curt/message/lover',{
|
||||||
|
limit:-1,
|
||||||
|
type: 'audio'
|
||||||
|
}).then(res => {
|
||||||
|
const list = res.data.data.records
|
||||||
|
list.forEach(item => {
|
||||||
|
// 将时间字符串转为Date对象
|
||||||
|
const date = new Date(item.createdAt);
|
||||||
|
|
||||||
|
// 获取年月日时分秒
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = date.getMonth() + 1;
|
||||||
|
const day = date.getDate();
|
||||||
|
const hour = date.getHours();
|
||||||
|
const minute = date.getMinutes();
|
||||||
|
const second = date.getSeconds();
|
||||||
|
|
||||||
|
// 格式化时间
|
||||||
|
const formattedDate = `${year}年${month}月${day}日 ${hour}:${minute}`;
|
||||||
|
item.createdAt = formattedDate
|
||||||
|
})
|
||||||
|
console.log(list);
|
||||||
|
this.setData({list: list})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getLoveInfo(){
|
||||||
|
req.getRequest('/api/user/curt/lover',{}).then(res => {
|
||||||
|
console.log(res);
|
||||||
|
this.setData({
|
||||||
|
avatar: res.data.data.avatar,
|
||||||
|
nick: res.data.data.nick
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
this.getList()
|
||||||
|
this.getLoveInfo()
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {
|
||||||
|
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,136 @@
|
|||||||
|
/* pages/home/xx/hy/index.wxss */
|
||||||
|
.reback{
|
||||||
|
position: fixed;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-top:108rpx;
|
||||||
|
width:48rpx;
|
||||||
|
height:48rpx;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size:100% 100%;
|
||||||
|
z-index: 1;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
position: fixed;
|
||||||
|
left: 278rpx;
|
||||||
|
top: 108rpx;
|
||||||
|
width: 196rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 1;
|
||||||
|
font-family: SourceHanSansSC-regular;
|
||||||
|
}
|
||||||
|
.xfgjl{
|
||||||
|
position: fixed;
|
||||||
|
left: 0px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
margin-top: 1416rpx;
|
||||||
|
width: 750rpx;
|
||||||
|
height: 174rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
}
|
||||||
|
.xxqlcd{
|
||||||
|
width: 110rpx;
|
||||||
|
height: 110rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
line-height: 110rpx;
|
||||||
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
|
color: rgba(16, 16, 16, 1);
|
||||||
|
font-size: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
|
||||||
|
font-family: Arial;
|
||||||
|
border: 5rpx solid rgba(255, 255, 255, 1);
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
text-align: center;
|
||||||
|
font-family: SourceHanSansSC-medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding-top: 208rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-bgc {
|
||||||
|
position: fixed;
|
||||||
|
top: 334rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 1000rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/xy/%E4%BF%A1%E6%9C%AD%E8%83%8C%E6%99%AF.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-item {
|
||||||
|
width: 100%;
|
||||||
|
height: 120rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20rpx 48rpx 20rpx 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-left {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-left image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-text {
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-right {
|
||||||
|
width: 148rpx;
|
||||||
|
height: 102rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding-left: 46rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: rgba(255, 252, 243, 1);
|
||||||
|
border: 1px solid rgba(239, 239, 239, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-right-icon {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
background-size: contain;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/xy/iconPark-voicemail%20Copy%401x.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-text-name {
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 28rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-text-time {
|
||||||
|
color: rgba(153, 153, 153, 1);
|
||||||
|
font-size: 24rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete-btn {
|
||||||
|
height: 100%;
|
||||||
|
width: 146rpx;
|
||||||
|
background-color: #FF562C;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
@ -1,3 +1,5 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {}
|
"usingComponents": {
|
||||||
|
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -0,0 +1,156 @@
|
|||||||
|
// pages/xz/index.js
|
||||||
|
const app = getApp();//新建页面时 默认引入
|
||||||
|
const req = app.xzjlReq();//初始化一个的request() 实例
|
||||||
|
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
img:'https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/xzimg.png',
|
||||||
|
letterMsg:{},
|
||||||
|
showLetter: true,
|
||||||
|
showMore: false,
|
||||||
|
showDel:false
|
||||||
|
},
|
||||||
|
openLetter(){
|
||||||
|
this.setData({showLetter: !this.data.showLetter}),
|
||||||
|
req.patchRequest('/api/user/curt/letter/read',{}).then(res => {
|
||||||
|
console.log(res,'已读信札');
|
||||||
|
})
|
||||||
|
},
|
||||||
|
openMore(){this.setData({showMore: !this.data.showMore})},
|
||||||
|
openDel(){this.setData({showDel: !this.data.showDel})},
|
||||||
|
getLetterMsg(id){
|
||||||
|
console.log('获取信札');
|
||||||
|
req.getRequest('/api/user/curt/letter',{}).then(res => {
|
||||||
|
console.log(res);
|
||||||
|
const { messageList } = res.data.data
|
||||||
|
// 获取创建时间
|
||||||
|
const date = new Date(res.header.Date);
|
||||||
|
// 获取年月日时分秒等信息
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = date.getMonth() + 1;
|
||||||
|
const day = date.getDate();
|
||||||
|
const hour = date.getHours();
|
||||||
|
const minute = date.getMinutes();
|
||||||
|
const formattedDate = `${year}年${month}月${day}日 ${hour}:${minute}`;
|
||||||
|
this.setData({
|
||||||
|
letterMsg: res.data.data,
|
||||||
|
time: formattedDate
|
||||||
|
})
|
||||||
|
// 判断是否有图片
|
||||||
|
console.log(messageList);
|
||||||
|
messageList.forEach(item => {
|
||||||
|
if (item.type === 'text') {
|
||||||
|
this.setData({content: item.content})
|
||||||
|
}else if(item.type === 'graphic') {
|
||||||
|
this.getResource(id, item.resourceId, 'graphic')
|
||||||
|
}else if(item.type === 'audio') {
|
||||||
|
this.getResource(id, item.resourceId, 'audio')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getUserInfo(){
|
||||||
|
req.getRequest('/api/user/curt',{}).then(res => {
|
||||||
|
const id = res.data.data.id
|
||||||
|
// console.log(res.data.data.id,'当前用户id');
|
||||||
|
this.getLetterMsg(id)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取文件
|
||||||
|
getResource(id,k,type){
|
||||||
|
if(type === 'graphic'){
|
||||||
|
this.setData({
|
||||||
|
img: `https://xzjl-api.windymuse.cn/api/resource/${k}?k=${id}`
|
||||||
|
})
|
||||||
|
}else if(type === 'audio'){
|
||||||
|
this.setData({
|
||||||
|
videos: `https://xzjl-api.windymuse.cn/api/resource/${k}?k=${id}`
|
||||||
|
})
|
||||||
|
console.log(this.data.videos,'语音路径');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 播放录音
|
||||||
|
playVideos(){
|
||||||
|
console.log('播放录音');
|
||||||
|
wx.playVoice({
|
||||||
|
filePath: this.data.videos,
|
||||||
|
complete: () => {
|
||||||
|
console.log('录音播放结束');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 重置信札
|
||||||
|
resetLetter(){
|
||||||
|
req.putRequest('/api/user/curt/letter/reset',{}).then( res => {
|
||||||
|
console.log(res, '重置成功');
|
||||||
|
})
|
||||||
|
wx.switchTab({
|
||||||
|
url: '/pages/home/xy/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
go2Back(){
|
||||||
|
wx.switchTab({
|
||||||
|
url: '/pages/home/xy/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
this.getUserInfo()
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {
|
||||||
|
"t-icon": "tdesign-miniprogram/icon/icon"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,288 @@
|
|||||||
|
.already {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 999;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-top {
|
||||||
|
width: 100%;
|
||||||
|
height: 230rpx;
|
||||||
|
margin-top: 104rpx;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xz/bgt1.png);
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-bom {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 230rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/bottom.png?q-sign-algorithm=sha1&q-ak=AKIDfvpcLTNuapJJHUt0Z2rbBMp4k2pff5pWzlB5o9--17jbvIhKwVSQfyquVN8nNxo8&q-sign-time=1686534496;1686538096&q-key-time=1686534496;1686538096&q-header-list=host&q-url-param-list=ci-process&q-signature=0b0d7bf20a2353114083673bdd497b5fd18d0a9f&x-cos-security-token=A0Hm0aVxi1d56hf0mChBZ7Edq8QG89uac5b83c45bef2b85a205521b986a97c6cQJmRBPRfeIpaoWvsyFmIxmdsaVt0UDGCkVi9Ydxb2ErOZqsBa_JJDPzxfBOZdg6Yj8M8FOqnsqp1Uy1UOt2o02Z6sW2LqFMMV4DxsAYO5xqjoTZ530uZhKuZ9jYMk_fc_VF9viosxMHtAR9nAFDUR0XfaNxiQABXw3xTSFDbF8K0BT9RI3X-Weotpg7BsqSnAlr5a5NuSk0Xi68873kz7A&ci-process=originImage);
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-img {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 660rpx;
|
||||||
|
height: 522rpx;
|
||||||
|
background-size: contain;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xzt.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-text {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-text0 {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 178rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-text1 {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-btn {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 96rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-btn .btn {
|
||||||
|
width: 210rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
|
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;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding-top: 114rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo{
|
||||||
|
background-color: #FFFCF3;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 616rpx;
|
||||||
|
height: 1300rpx;
|
||||||
|
padding-top: 50rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-title {
|
||||||
|
margin-left: 60rpx;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 32rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-main {
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 32rpx 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-voice {
|
||||||
|
width: 384rpx;
|
||||||
|
height: 84rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin:0 0 48rpx 50rpx;
|
||||||
|
padding-left: 48rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/ltqp.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-icon {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
background-size: cover;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/%E8%AF%AD%E9%9F%B3.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 448rpx;
|
||||||
|
margin-bottom: 44rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-img image {
|
||||||
|
height: 100%;
|
||||||
|
width: 480rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-sign {
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-time {
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 60rpx;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body-btm-img {
|
||||||
|
position: absolute;
|
||||||
|
top: 790rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 900rpx;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xz/bgt2.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btm-img-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 508rpx;
|
||||||
|
left: 308rpx;
|
||||||
|
width: 146rpx;
|
||||||
|
height: 146rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/%E5%8D%B0%E7%AB%A0.png);
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btm-img-goback {
|
||||||
|
position: absolute;
|
||||||
|
top: 648rpx;
|
||||||
|
left: 32rpx;
|
||||||
|
width: 110rpx;
|
||||||
|
height: 110rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
|
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;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btm-img-goback image {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btm-img-more {
|
||||||
|
position: absolute;
|
||||||
|
top: 648rpx;
|
||||||
|
right: 32rpx;
|
||||||
|
width: 110rpx;
|
||||||
|
height: 110rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
|
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;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btm-img-more image {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify {
|
||||||
|
position: absolute;
|
||||||
|
top: 500rpx;
|
||||||
|
right: 32rpx;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.del {
|
||||||
|
position: absolute;
|
||||||
|
top: 350rpx;
|
||||||
|
right: 32rpx;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 99;
|
||||||
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete-box {
|
||||||
|
width: 586rpx;
|
||||||
|
height: 434rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
padding-top: 104rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: rgba(255, 255, 255, 1);
|
||||||
|
color: rgba(16, 16, 16, 1);
|
||||||
|
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-text {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 36rpx;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-btn {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-btn .btn {
|
||||||
|
width: 210rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
|
||||||
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
Loading…
Reference in new issue