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="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="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 class="xxqlcd" bindtap="go2Xz">信札</view>
|
||||
<view class="xxqlcd" bindtap="go2Yx">音讯</view>
|
||||
<view class="xxqlcd" bindtap="go2Hx">画像</view>
|
||||
<view class="xxqlcd" bindtap="go2Zt">纸条</view>
|
||||
</view>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
}
|
||||
@ -1,12 +1,30 @@
|
||||
<!--pages/home/xx/hy/zt/zt.wxml-->
|
||||
<!--pages/home/xx/hy/index.wxml-->
|
||||
<!--返回图标-->
|
||||
<view class="reback" bindtap="go2Reback"></view>
|
||||
<view class="reback" bindtap="go2Reback"></view>
|
||||
<view class="title">纸条</view>
|
||||
|
||||
<!-- 中间主体 -->
|
||||
<view class="main">
|
||||
<view class="main-bgc" />
|
||||
<t-swipe-cell wx:for="{{ list }}" wx:key="index">
|
||||
<view class="main-item">
|
||||
<view class="item-left"></view>
|
||||
<view class="item-text">
|
||||
<view class="item-text-name">{{nick}}</view>
|
||||
<view class="item-text-time"> {{ item.createdAt }} </view>
|
||||
</view>
|
||||
<view class="item-right">
|
||||
{{item.content}}
|
||||
</view>
|
||||
</view>
|
||||
<view slot="right" class="delete-btn" bindtap="delLetter" data-id="{{item.id}}">删除</view>
|
||||
</t-swipe-cell>
|
||||
</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>
|
||||
</view>
|
||||
@ -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