forked from lsl/xzjl-ui
Compare commits
1 Commits
| Author | SHA1 | Date |
|---|---|---|
 zengwei
|
452b0e93e6 | 3 years ago |
Binary file not shown.
|
Before Width: | Height: | Size: 758 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,5 +0,0 @@
|
||||
App({
|
||||
onLaunch () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -1,27 +0,0 @@
|
||||
{
|
||||
"pages":[
|
||||
"pages/wxml/index",
|
||||
"pages/index/index"
|
||||
],
|
||||
"window":{
|
||||
"backgroundTextStyle":"light",
|
||||
"navigationBarBackgroundColor": "#fff",
|
||||
"navigationBarTitleText": "Wxml2Canvas",
|
||||
"navigationBarTextStyle":"black"
|
||||
},
|
||||
|
||||
"tabBar": {
|
||||
"color": "#444444",
|
||||
"selectedColor": "#000000",
|
||||
"backgroundColor": "#ffffff",
|
||||
"borderStyle": "black",
|
||||
"position": "top",
|
||||
"list": [{
|
||||
"text": "wxml转canvas",
|
||||
"pagePath": "pages/wxml/index"
|
||||
}, {
|
||||
"text": "配置生成",
|
||||
"pagePath": "pages/index/index"
|
||||
}]
|
||||
}
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
import Wxml2Canvas from './src/index';
|
||||
|
||||
export default Wxml2Canvas;
|
||||
@ -1,16 +0,0 @@
|
||||
{
|
||||
"name": "wxml2canvas",
|
||||
"version": "1.0.1",
|
||||
"description": "将wxml指定节点转换成canvas元素",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [
|
||||
"wxml2canvas",
|
||||
"wxml",
|
||||
"canvas"
|
||||
],
|
||||
"author": "wg",
|
||||
"license": "ISC"
|
||||
}
|
||||
|
Before Width: | Height: | Size: 15 KiB |
@ -1 +0,0 @@
|
||||
{}
|
||||
@ -1,10 +0,0 @@
|
||||
<view class="share">
|
||||
<canvas canvas-id="canvas1" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas2" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas4" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas3" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas5" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas6" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas7" class="share__canvas"></canvas>
|
||||
<canvas canvas-id="canvas8" class="share__canvas share__canvas-long"></canvas>
|
||||
</view>
|
||||
@ -1,18 +0,0 @@
|
||||
.share{
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.share__canvas {
|
||||
width: 680rpx;
|
||||
height: 420rpx;
|
||||
background: #f0f0f0;
|
||||
margin-bottom: 60rpx;
|
||||
}
|
||||
|
||||
.share__canvas-long {
|
||||
height: 800rpx;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
@ -1,260 +0,0 @@
|
||||
import Wxml2Canvas from '../../src/index';
|
||||
|
||||
Page({
|
||||
data: {
|
||||
imgs: []
|
||||
},
|
||||
|
||||
onLoad (res) {
|
||||
this.drawImage1();
|
||||
|
||||
setTimeout(() => {
|
||||
this.drawImage2();
|
||||
}, 300);
|
||||
|
||||
setTimeout(() => {
|
||||
this.drawImage3();
|
||||
}, 600)
|
||||
|
||||
setTimeout(() => {
|
||||
this.drawImage4();
|
||||
}, 900)
|
||||
|
||||
setTimeout(() => {
|
||||
this.drawImage5();
|
||||
}, 1200)
|
||||
|
||||
setTimeout(() => {
|
||||
this.drawImage6();
|
||||
}, 1500)
|
||||
},
|
||||
|
||||
saveImage (evt) {
|
||||
let index = evt.target.dataset.index;
|
||||
|
||||
wx.saveImageToPhotosAlbum({
|
||||
filePath: this.data.imgs[index],
|
||||
success(res) {
|
||||
wx.showToast({
|
||||
title: '保存成功',
|
||||
icon: 'success'
|
||||
})
|
||||
},
|
||||
fail () {
|
||||
wx.showToast({
|
||||
title: '保存失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
drawImage1 () {
|
||||
let self = this;
|
||||
this.drawImage1 = new Wxml2Canvas({
|
||||
width: 340,
|
||||
height: 210,
|
||||
element: 'canvas1',
|
||||
background: '#f0f0f0',
|
||||
progress (percent) {
|
||||
},
|
||||
finish(url) {
|
||||
let imgs = self.data.imgs;
|
||||
imgs.push(url);
|
||||
|
||||
self.setData({
|
||||
imgs
|
||||
})
|
||||
},
|
||||
error (res) {
|
||||
}
|
||||
});
|
||||
|
||||
let data = {
|
||||
list: [{
|
||||
type: 'wxml',
|
||||
class: '.share__canvas1 .draw_canvas',
|
||||
limit: '.share__canvas1',
|
||||
x: 0,
|
||||
y: 0
|
||||
}]
|
||||
}
|
||||
|
||||
this.drawImage1.draw(data);
|
||||
},
|
||||
|
||||
drawImage2 () {
|
||||
let self = this;
|
||||
this.drawImage2 = new Wxml2Canvas({
|
||||
width: 340,
|
||||
height: 210,
|
||||
element: 'canvas2',
|
||||
background: '#f0f0f0',
|
||||
progress (percent) {
|
||||
},
|
||||
finish(url) {
|
||||
console.log(url)
|
||||
let imgs = self.data.imgs;
|
||||
imgs.push(url);
|
||||
|
||||
self.setData({
|
||||
imgs
|
||||
})
|
||||
},
|
||||
error (res) {
|
||||
}
|
||||
});
|
||||
|
||||
let data = {
|
||||
list: [{
|
||||
type: 'wxml',
|
||||
class: '.share__canvas2 .draw_canvas',
|
||||
limit: '.share__canvas2',
|
||||
x: 0,
|
||||
y: 0
|
||||
}]
|
||||
}
|
||||
|
||||
this.drawImage2.draw(data);
|
||||
},
|
||||
|
||||
drawImage3 () {
|
||||
let self = this;
|
||||
this.drawImage3 = new Wxml2Canvas({
|
||||
width: 340,
|
||||
height: 210,
|
||||
element: 'canvas3',
|
||||
background: '#f0f0f0',
|
||||
progress (percent) {
|
||||
// console.log(percent)
|
||||
},
|
||||
finish(url) {
|
||||
let imgs = self.data.imgs;
|
||||
imgs.push(url);
|
||||
|
||||
self.setData({
|
||||
imgs
|
||||
})
|
||||
},
|
||||
error (res) {
|
||||
}
|
||||
});
|
||||
|
||||
let data = {
|
||||
list: [{
|
||||
type: 'wxml',
|
||||
class: '.share__canvas3 .draw_canvas',
|
||||
limit: '.share__canvas3',
|
||||
x: 0,
|
||||
y: 0
|
||||
}]
|
||||
}
|
||||
|
||||
this.drawImage3.draw(data);
|
||||
},
|
||||
|
||||
drawImage4 () {
|
||||
let self = this;
|
||||
this.drawImage4 = new Wxml2Canvas({
|
||||
width: 340,
|
||||
height: 400,
|
||||
element: 'canvas4',
|
||||
background: '#f0f0f0',
|
||||
progress (percent) {
|
||||
// console.log(percent)
|
||||
},
|
||||
finish(url) {
|
||||
let imgs = self.data.imgs;
|
||||
imgs.push(url);
|
||||
|
||||
self.setData({
|
||||
imgs
|
||||
})
|
||||
},
|
||||
error (res) {
|
||||
}
|
||||
});
|
||||
|
||||
let data = {
|
||||
list: [{
|
||||
type: 'wxml',
|
||||
class: '.share__canvas4 .draw_canvas',
|
||||
limit: '.share__canvas4',
|
||||
x: 0,
|
||||
y: 0
|
||||
}]
|
||||
}
|
||||
|
||||
this.drawImage4.draw(data);
|
||||
},
|
||||
|
||||
drawImage5 () {
|
||||
let self = this;
|
||||
this.drawImage5 = new Wxml2Canvas({
|
||||
width: 340,
|
||||
height: 210,
|
||||
element: 'canvas5',
|
||||
background: '#f0f0f0',
|
||||
progress (percent) {
|
||||
// console.log(percent)
|
||||
},
|
||||
finish(url) {
|
||||
let imgs = self.data.imgs;
|
||||
imgs.push(url);
|
||||
|
||||
self.setData({
|
||||
imgs
|
||||
})
|
||||
},
|
||||
error (res) {
|
||||
}
|
||||
});
|
||||
|
||||
let data = {
|
||||
list: [{
|
||||
type: 'wxml',
|
||||
class: '.share__canvas5 .draw_canvas',
|
||||
limit: '.share__canvas5',
|
||||
x: 0,
|
||||
y: 0
|
||||
}]
|
||||
}
|
||||
|
||||
this.drawImage5.draw(data);
|
||||
},
|
||||
|
||||
drawImage6 () {
|
||||
let self = this;
|
||||
this.drawImage6 = new Wxml2Canvas({
|
||||
width: 340,
|
||||
height: 450,
|
||||
element: 'canvas6',
|
||||
background: '#f0f0f0',
|
||||
progress (percent) {
|
||||
// console.log(percent)
|
||||
},
|
||||
finish(url) {
|
||||
let imgs = self.data.imgs;
|
||||
imgs.push(url);
|
||||
|
||||
self.setData({
|
||||
imgs
|
||||
})
|
||||
},
|
||||
error (res) {
|
||||
}
|
||||
});
|
||||
|
||||
let data = {
|
||||
list: [{
|
||||
type: 'wxml',
|
||||
class: '.share__canvas6 .draw_canvas',
|
||||
limit: '.share__canvas6',
|
||||
x: 0,
|
||||
y: 0
|
||||
}]
|
||||
}
|
||||
|
||||
this.drawImage6.draw(data);
|
||||
}
|
||||
});
|
||||
@ -1 +0,0 @@
|
||||
{}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,40 +0,0 @@
|
||||
{
|
||||
"description": "项目配置文件",
|
||||
"packOptions": {
|
||||
"ignore": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": false,
|
||||
"es6": true,
|
||||
"postcss": true,
|
||||
"minified": true,
|
||||
"newFeature": true,
|
||||
"autoAudits": false
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "2.6.2",
|
||||
"appid": "",
|
||||
"projectname": "wxml2canvas",
|
||||
"debugOptions": {
|
||||
"hidedInDevtools": []
|
||||
},
|
||||
"isGameTourist": false,
|
||||
"condition": {
|
||||
"search": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"conversation": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"currentL": -1,
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,187 +1,185 @@
|
||||
/* pages/home/me/grzl/grzl.wxss */
|
||||
.xgzl-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 88rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.xgzl-header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.reback{
|
||||
position: absolute;
|
||||
margin-left: 20rpx;
|
||||
margin-top:108rpx;
|
||||
width:48rpx;
|
||||
height:48rpx;
|
||||
margin-left: 20rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
||||
}
|
||||
|
||||
.title{
|
||||
position: absolute;
|
||||
left: 278rpx;
|
||||
top: 108rpx;
|
||||
width: 196rpx;
|
||||
height: 48rpx;
|
||||
margin-left: 210rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.xgzl-img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 224rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.yhtx{
|
||||
position: absolute;
|
||||
left: 74px;
|
||||
top: 109px;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 74rpx;
|
||||
border: 3px solid rgba(161, 134, 81, 1);
|
||||
}
|
||||
|
||||
.avatar1{
|
||||
position: absolute;
|
||||
left: 77px;
|
||||
top: 112px;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
margin: 0 64rpx 0 148rpx;
|
||||
border-radius: 74rpx;
|
||||
border: 6rpx solid #A18651;
|
||||
}
|
||||
|
||||
.nickname{
|
||||
border: 1px solid #ffffff;
|
||||
/* color: rgba(108, 108, 108, 1);
|
||||
font-size: 36rpx;
|
||||
text-align: left;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background-color: rgba(108, 108, 108, 0) !important; */
|
||||
}
|
||||
|
||||
.xgzl-sculpture {
|
||||
width: 100%;
|
||||
padding-left: 50rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.jltxtxt{
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.cameralogo{
|
||||
position: absolute;
|
||||
top: 144rpx;
|
||||
left: 296rpx;
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #4F4F4F;
|
||||
}
|
||||
|
||||
.cameralogo-img {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
left: 128px;
|
||||
top: 162px;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/camera.png);
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/camera.png);
|
||||
}
|
||||
|
||||
.txcheck-box {
|
||||
width: 100%;
|
||||
height: 164rpx;
|
||||
overflow-x: scroll;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.txcheck{
|
||||
width: 844rpx;
|
||||
height: 164rpx;
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.itemxx{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin-right: 32rpx;
|
||||
}
|
||||
|
||||
.xgzl-data {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.data-item {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
padding: 0 64rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.nickname{
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
left: 176px;
|
||||
top: 131px;
|
||||
width: 126px;
|
||||
height: 27px;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-medium;
|
||||
}
|
||||
|
||||
.xzwz{
|
||||
width: 64rpx;
|
||||
height: 48rpx;
|
||||
position: absolute;
|
||||
left: 32px;
|
||||
top: 436px;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.srwz{
|
||||
width: 64rpx;
|
||||
height: 48rpx;
|
||||
position: absolute;
|
||||
left: 32px;
|
||||
top: 380px;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.xbwz{
|
||||
width: 64rpx;
|
||||
height: 48rpx;
|
||||
position: absolute;
|
||||
left: 32px;
|
||||
top: 324px;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.ssxz{
|
||||
width: 104rpx;
|
||||
height: 48rpx;
|
||||
position: absolute;
|
||||
left: 291px;
|
||||
top: 436px;
|
||||
width: 52px;
|
||||
height: 24px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 32rpx;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.rlt{
|
||||
position: absolute;
|
||||
left: 260px;
|
||||
top: 380px;
|
||||
width: 83px;
|
||||
height: 24px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.srtxt{
|
||||
position: absolute;
|
||||
left: 500rpx;
|
||||
top: 380px;
|
||||
width: 200rpx;
|
||||
height: 48rpx;
|
||||
height: 24px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 32rpx;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.xbtxt{
|
||||
width: 64rpx;
|
||||
height: 48rpx;
|
||||
position: absolute;
|
||||
left: 311px;
|
||||
top: 324px;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 32rpx;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
.jltxtxt{
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
top: 200px;
|
||||
width: 56px;
|
||||
height: 21px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.txcheck{
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 221px;
|
||||
width: 422px;
|
||||
height: 82px;
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.itemxx{
|
||||
margin-left: 21px;
|
||||
margin-top: 32rpx;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.iii{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
@ -1,106 +0,0 @@
|
||||
// pages/home/me/jcjb/jcjb.js
|
||||
const app = getApp();//新建页面时 默认引入
|
||||
const req = app.xzjlReq();//初始化一个的request() 实例
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
timeout:3,
|
||||
showTimeout:false,
|
||||
showDialog:false
|
||||
},
|
||||
go2Reback(){
|
||||
wx.navigateBack({ changed: true });
|
||||
},
|
||||
// 长按解除羁绊
|
||||
handleLongPress() {
|
||||
this.setData({showTimeout:true})
|
||||
this.setIn = setInterval(() => {
|
||||
this.setData({
|
||||
timeout: this.data.timeout - 1
|
||||
})
|
||||
if(this.data.timeout === 0){
|
||||
req.patchRequest('/api/user/curt/lover/unbinding',{}).then((res) => {
|
||||
console.log(res,'已经解除羁绊');
|
||||
})
|
||||
clearInterval(this.setIn)
|
||||
this.setData({
|
||||
showTimeout:false,
|
||||
showDialog:true
|
||||
})
|
||||
}
|
||||
},1000)
|
||||
},
|
||||
// 取消长按
|
||||
handleTouchEnd(){
|
||||
this.setData({
|
||||
timeout:3,
|
||||
showTimeout:false,
|
||||
})
|
||||
clearInterval(this.setIn)
|
||||
},
|
||||
closeDialog(){
|
||||
this.setData({showDialog:false})
|
||||
wx.switchTab({
|
||||
url: '/pages/home/me/indexx'
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
}
|
||||
}
|
||||
@ -1,148 +0,0 @@
|
||||
/* pages/home/me/jcjb/jcjb.wxss */
|
||||
.reback{
|
||||
position: absolute;
|
||||
margin-left: 20rpx;
|
||||
margin-top:108rpx;
|
||||
width:48rpx;
|
||||
height:48rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
|
||||
}
|
||||
|
||||
.title{
|
||||
position: absolute;
|
||||
left: 278rpx;
|
||||
top: 108rpx;
|
||||
width: 196rpx;
|
||||
height: 48rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.main-img {
|
||||
position: absolute;
|
||||
top: 240rpx;
|
||||
left: 174rpx;
|
||||
width: 400rpx;
|
||||
height: 400rpx;
|
||||
}
|
||||
|
||||
.main-img image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
position: absolute;
|
||||
top: 740rpx;
|
||||
width: 100%;
|
||||
color: rgba(248, 99, 42, 1);
|
||||
font-size: 48rpx;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-bold;
|
||||
}
|
||||
|
||||
.text2 {
|
||||
position: absolute;
|
||||
top: 852rpx;
|
||||
width: 100%;
|
||||
padding: 0 100rpx;
|
||||
box-sizing: border-box;
|
||||
color: rgba(248, 99, 42, 1);
|
||||
font-size: 16px;
|
||||
text-align: justify;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 1140rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 181rpx;
|
||||
height: 181rpx;
|
||||
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: 4px solid rgba(255, 255, 255, 1);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.text3 {
|
||||
position: absolute;
|
||||
top: 1384rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.timeout {
|
||||
position: absolute;
|
||||
top: 310rpx;
|
||||
width: 100%;
|
||||
color: rgba(248, 99, 42, 1);
|
||||
font-size: 100px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.dialog-main{
|
||||
position: absolute;
|
||||
left: 82rpx;
|
||||
top: 544rpx;
|
||||
width: 586rpx;
|
||||
height: 434rpx;
|
||||
line-height: 20px;
|
||||
border-radius: 15px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.dialog-text {
|
||||
width: 100%;
|
||||
margin-top: 146rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dialog-btn {
|
||||
width: 210rpx;
|
||||
height: 70rpx;
|
||||
margin: 120rpx auto;
|
||||
box-sizing: border-box;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
|
||||
text-align: center;
|
||||
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||
border: 3px solid rgba(255, 255, 255, 1);
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
@ -1,9 +1,3 @@
|
||||
{
|
||||
"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"
|
||||
"usingComponents": {}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,40 +1,12 @@
|
||||
<!--pages/home/xx/hy/xz/zt.wxml-->
|
||||
<!--pages/home/xx/hy/hx/hx.wxml-->
|
||||
<!--返回图标-->
|
||||
<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" bindlongpress="delBtn" data-item="{{item}}">
|
||||
<view class="item-del" wx:if="{{delKey === item}}" bindtap="delBtnHx">删除</view>
|
||||
<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" bindtap="go2Xz">信札</view>
|
||||
<view class="xxqlcd" bindtap="go2Yx">音讯</view>
|
||||
<view class="xxqlcd" bindtap="go2Hx">画像</view>
|
||||
<view class="xxqlcd" bindtap="go2Zt">纸条</view>
|
||||
<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,5 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
||||
"t-image": "tdesign-miniprogram/image/image"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,92 @@
|
||||
// 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() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
<!--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>
|
||||
@ -0,0 +1,66 @@
|
||||
/* 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;
|
||||
}
|
||||
@ -1,140 +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/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() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
||||
}
|
||||
}
|
||||
@ -1,136 +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%;
|
||||
z-index: 1;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/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://wish-assets.windymuse.com.cn/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://wish-assets.windymuse.com.cn/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,5 +1,3 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
||||
}
|
||||
"usingComponents": {}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,5 @@
|
||||
<template name="foot">
|
||||
<navigator class="page-foot" openType="switchTab" url="/page/component/index" hover-class="none">
|
||||
<image class="icon-foot" src="../../../../image/icon_foot.png"></image>
|
||||
</navigator>
|
||||
</template>
|
||||
@ -0,0 +1,7 @@
|
||||
<template name="head">
|
||||
<view class="page-head">
|
||||
<view class="page-head-title">{{title}}</view>
|
||||
<view class="page-head-line"></view>
|
||||
<view wx:if="{{desc}}" class="page-head-desc">{{desc}}</view>
|
||||
</view>
|
||||
</template>
|
||||
@ -0,0 +1,111 @@
|
||||
.index-hd {
|
||||
padding: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.index-bd {
|
||||
padding: 0 30rpx 40rpx;
|
||||
}
|
||||
.index-ft {
|
||||
padding-bottom: 20rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.index-logo {
|
||||
width: 86rpx;
|
||||
height: 86rpx;
|
||||
}
|
||||
.index-desc {
|
||||
margin-top: 20rpx;
|
||||
color: #888888;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
|
||||
.navigator-box {
|
||||
opacity: 0;
|
||||
position: relative;
|
||||
background-color: #FFFFFF;
|
||||
line-height: 1.41176471;
|
||||
font-size: 34rpx;
|
||||
|
||||
transform: translateY(-50%);
|
||||
transition: .3s;
|
||||
}
|
||||
.navigator-box-show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.navigator {
|
||||
padding: 20rpx 30rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.navigator:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 0;
|
||||
right: 30rpx;
|
||||
height: 1px;
|
||||
border-top: 1rpx solid #D8D8D8;
|
||||
color: #D8D8D8;
|
||||
}
|
||||
.navigator:first-child:before {
|
||||
display: none;
|
||||
}
|
||||
.navigator-text {
|
||||
flex: 1;
|
||||
}
|
||||
.navigator-arrow {
|
||||
padding-right: 26rpx;
|
||||
position: relative;
|
||||
}
|
||||
.navigator-arrow:after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
height: 18rpx;
|
||||
width: 18rpx;
|
||||
border-width: 2rpx 2rpx 0 0;
|
||||
border-color: #888888;
|
||||
border-style: solid;
|
||||
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -8rpx;
|
||||
right: 28rpx;
|
||||
}
|
||||
|
||||
|
||||
.kind-list-item {
|
||||
margin: 20rpx 0;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 4rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kind-list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.kind-list-text{
|
||||
flex: 1;
|
||||
}
|
||||
.kind-list-img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.kind-list-item-hd {
|
||||
padding: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
transition: opacity .3s;
|
||||
}
|
||||
.kind-list-item-hd-show {
|
||||
opacity: .2;
|
||||
}
|
||||
.kind-list-item-bd {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kind-list-item-bd-show {
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,7 +1,7 @@
|
||||
{
|
||||
"navigationBarTitleText": "发表文章",
|
||||
"disableScroll": true,
|
||||
"usingComponents": {
|
||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||
"t-textarea": "tdesign-miniprogram/textarea/textarea",
|
||||
"t-input": "tdesign-miniprogram/input/input"
|
||||
|
||||
}
|
||||
}
|
||||
@ -1,134 +1,36 @@
|
||||
<!--pages/home/xx/xz/xz.wxml-->
|
||||
<view class="bgt1"></view>
|
||||
<view class="xinfo">
|
||||
<scroll-view scroll-y enhanced="{{true}}" show-scrollbar="{{false}}" class="xinfo-content">
|
||||
<view class="xinfo-yl-title" wx:if="{{Preview}}">
|
||||
To: {{to}}
|
||||
</view>
|
||||
<view class="xinfo-title" wx:if="{{!Preview}}">
|
||||
<view class="title-to">
|
||||
<view class="text">To:</view>
|
||||
<t-input model:value="{{to}}" />
|
||||
</view>
|
||||
<view class="title-form">
|
||||
<view class="text">From:</view>
|
||||
<t-input model:value="{{from}}"/>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 信件文本 -->
|
||||
<view class="xinfo-main">
|
||||
<t-textarea autosize="true" model:value="{{content}}" placeholder="信件正文" />
|
||||
</view>
|
||||
<!-- 信件语音 -->
|
||||
<view class="{{Preview ? 'xinfo-ltqp-yl' : 'xinfo-ltqp'}}" wx:for="{{audioList}}" wx:key="index" bindtap="listen" data-url="{{item}}">
|
||||
<image class="xinfo-yuying" src="https://wish-assets.windymuse.com.cn/xy/%E8%AF%AD%E9%9F%B3.png"></image>
|
||||
<view class="xinfo-ltqp-text">{{item.extra.duration}}</view>
|
||||
<t-icon class="xinfo-close" name="close-circle" size="48rpx" wx:if="{{!Preview}}" bindtap="ClearYl" data-id="{{item.resourceId}}"/>
|
||||
</view>
|
||||
<!-- 信件图片 -->
|
||||
<view class="{{Preview ? 'xinfo-img-yl' : 'xinfo-img'}}" wx:for="{{imgList}}" wx:key="index">
|
||||
<image src="{{item.img}}" mode="widthFix"></image>
|
||||
<view class="xinfo-img-close" bindtap="ClearImg" data-id="{{item.resourceId}}">
|
||||
<t-icon name="close-circle" size="48rpx" wx:if="{{!Preview}}"/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="xinfo-yl-form" wx:if="{{Preview}}">
|
||||
From: {{from}}
|
||||
</view>
|
||||
|
||||
<view class="xinfo-yl" wx:if="{{Preview}}"></view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="bgt2" wx:if="{{showBtn}}">
|
||||
<view class="bgt2-btn1" bindtap="goBack">
|
||||
<image src="https://wish-assets.windymuse.com.cn/xy/iconPark-return%401x.png"></image>
|
||||
</view>
|
||||
<view class="bgt2-btn2" bindtap="openSound" wx:if="{{!Preview}}">音讯</view>
|
||||
<view class="bgt2-btn3" bindtap="addImg" wx:if="{{!Preview}}">画像</view>
|
||||
<view class="bgt2-btn4" bindtap="openPreview" wx:if="{{!Preview}}">预览</view>
|
||||
<view class="bgt2-btn5" bindtap="openShowSend" wx:if="{{!Preview}}">寄出</view>
|
||||
<view class="bgt2-yz"></view>
|
||||
</view>
|
||||
|
||||
<view class="taost" wx:if="{{showImgBig}}">
|
||||
<view class="taost-box">
|
||||
<view class="taost-box-text">图片太大了</view>
|
||||
<view class="taost-box-text">请上传5M以内的图片</view>
|
||||
<view class="taost-box-btn" bindtap="closeShowImgBig">好的</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="sound" wx:if="{{showSound}}">
|
||||
<view class="sound-box">
|
||||
<view class="sound-box-top">
|
||||
<view bindtap="closeSound">取消</view>
|
||||
<view bindtap="addSound">添加</view>
|
||||
</view>
|
||||
<view class="sound-box-time">{{soundTime}}</view>
|
||||
<view class="sound-box-img" wx:if="{{showSoundImg}}"></view>
|
||||
<view class="sound-box-img2" wx:if="{{!showSoundImg}}">
|
||||
<image wx:for="{{35}}" wx:key="index" src="https://wish-assets.windymuse.com.cn/xy/iconPark-acoustic%20Copy%203%401x.png"/>
|
||||
</view>
|
||||
<view class="sound-box-btn">
|
||||
<view class="btn1" wx:if="{{btn1}}" bindtap="startSound">
|
||||
<view class="btn-being"></view>
|
||||
</view>
|
||||
<view class="btn1" wx:if="{{btn2}}" bindtap="endSound">
|
||||
<view class="btn-have"></view>
|
||||
</view>
|
||||
<view class="btn1" wx:if="{{btn3}}" bindtap="playVoice">
|
||||
<view class="btn-over"></view>
|
||||
</view>
|
||||
<view class="btn1" wx:if="{{btn4}}" bindtap="stopVoice">
|
||||
<view class="btn-video"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="taost" wx:if="{{showSoundMore}}">
|
||||
<view class="taost-box">
|
||||
<view class="taost-box-text">最多只能添加</view>
|
||||
<view class="taost-box-text">3条语言</view>
|
||||
<view class="taost-box-btn" bindtap="closeShowSoundMore">好的</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="taost" wx:if="{{showImgToast}}">
|
||||
<view class="taost-box">
|
||||
<view class="taost-box-text">最多只能上传</view>
|
||||
<view class="taost-box-text">9张图片</view>
|
||||
<view class="taost-box-btn" bindtap="closeShowImgToast">好的</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="taost" wx:if="{{showSend}}">
|
||||
<view class="taost-box">
|
||||
<view class="taost-box-text">确定要寄出吗？</view>
|
||||
<view class="taost-box-text">信件寄出后，再次使用晶石激活</view>
|
||||
<view class="taost-box-text">将直接提示打开信件</view>
|
||||
<view class="Send-btn">
|
||||
<view class="taost-box-btn" bindtap="closeShowSend">取消</view>
|
||||
<view class="taost-box-btn" bindtap="already">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="already" wx:if="{{showAlready}}">
|
||||
<view class="already-top"></view>
|
||||
<view class="already-img"></view>
|
||||
<view class="already-text">
|
||||
<view class="already-text1">你的信件已打包好！</view>
|
||||
<view class="already-text1">快把晶石送给收信人吧！</view>
|
||||
<view class="already-text3">收信人首次将晶石贴近手机</view>
|
||||
<view class="already-text2">将会提示打开信件</view>
|
||||
<view class="already-text2">点击OK回到未激活初始页面</view>
|
||||
<view class="already-text2">如果误打开信件，需要再次寄出哦！</view>
|
||||
<view class="already-btn">
|
||||
<view class="btn" bindtap="modify">修改</view>
|
||||
<view class="btn" bindtap="logout">OK</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="already-bom"></view>
|
||||
<!--pages/home/xx/lindex/lxz/lxz.wxml-->
|
||||
<view class="container" style="height:{{editorHeight}}px;">
|
||||
<view class="xzsfhl"></view><!--信封上方花篮框-->
|
||||
<view class="xzxfnr">
|
||||
<editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatuschange="onStatusChange" bindready="onEditorReady">
|
||||
</editor>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="toolbar" catchtouchend="format" style="bottom: {{isIOS ? keyboardHeight : 0}}px">
|
||||
<i class="iconfont icon-charutupian" catchtouchend="insertImage"></i>
|
||||
<i class="iconfont icon-format-header-2 {{formats.header === 2 ? 'ql-active' : ''}}" data-name="header" data-value="{{2}}"></i>
|
||||
<i class="iconfont icon-format-header-3 {{formats.header === 3 ? 'ql-active' : ''}}" data-name="header" data-value="{{3}}"></i>
|
||||
<i class="iconfont icon-zitijiacu {{formats.bold ? 'ql-active' : ''}}" data-name="bold"></i>
|
||||
<i class="iconfont icon-zitixieti {{formats.italic ? 'ql-active' : ''}}" data-name="italic"></i>
|
||||
<i class="iconfont icon-zitixiahuaxian {{formats.underline ? 'ql-active' : ''}}" data-name="underline"></i>
|
||||
<i class="iconfont icon--checklist" data-name="list" data-value="check"></i>
|
||||
<i class="iconfont icon-youxupailie {{formats.list === 'ordered' ? 'ql-active' : ''}}" data-name="list" data-value="ordered"></i>
|
||||
<i class="iconfont icon-wuxupailie {{formats.list === 'bullet' ? 'ql-active' : ''}}" data-name="list" data-value="bullet"></i>
|
||||
</view>
|
||||
|
||||
|
||||
<!--信封下方花篮框&菜单栏-->
|
||||
<view class="xfxfhl">
|
||||
<view class="xfzjhz"></view>
|
||||
<view class="xzylanbtn xzylan1">预览</view>
|
||||
<view class="xzylanbtn xzylan2">发送</view>
|
||||
<!--返回按钮-->
|
||||
<view class="xzfhan xzfhan1"
|
||||
bindtap="doCancelXz"><view class="fan11r2"></view></view>
|
||||
<!--音讯按钮-->
|
||||
<view class="xzfhan xzfhan2" >音讯</view>
|
||||
<!--画像按钮-->
|
||||
<view class="xzfhan xzfhan3" catchtouchend="insertImage">画像</view>
|
||||
</view>
|
||||
@ -1,605 +1,159 @@
|
||||
/* pages/home/xx/xz/xz.wxss */
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* pages/home/xx/lindex/lxz/lxz.wxss */
|
||||
@import "./common/lib/weui.wxss";
|
||||
@import "./assets/iconfont.wxss"
|
||||
|
||||
.bgt1{
|
||||
.container {
|
||||
position: absolute;
|
||||
width: 690rpx;
|
||||
height: 227.33rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
margin-left:30rpx;
|
||||
margin-top: 104.67rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/bgt1.png);
|
||||
color:#9A9A9A;
|
||||
text-align: center;
|
||||
font-size: 27rpx;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bgt2{
|
||||
position: absolute;
|
||||
width: 750rpx;
|
||||
height: 1081.33rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
margin-top: 608.67rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/bgt2.png);
|
||||
color:#9A9A9A;
|
||||
text-align: center;
|
||||
font-size: 27rpx;
|
||||
pointer-events: none;
|
||||
.xzsfhl{
|
||||
position: fixed;
|
||||
left: 15px;
|
||||
top: 52px;
|
||||
width: 345px;
|
||||
height: 115px;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xzhlpic.png);
|
||||
}
|
||||
|
||||
.xinfo{
|
||||
background-color: #FFFCF3;
|
||||
.xzxfnr{
|
||||
position: absolute;
|
||||
width: 616rpx;
|
||||
height: 1242rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
margin-top: 132rpx;
|
||||
margin-left: 66rpx;
|
||||
border-radius: 6rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.xinfo-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-bottom: 100rpx;
|
||||
box-sizing: border-box;
|
||||
left: 31px;
|
||||
top: 64px;
|
||||
width: 315px;
|
||||
height: 657px;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.xinfo-yl {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
||||
}
|
||||
|
||||
.xinfo-title {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin-top: 60rpx;
|
||||
padding-left: 64rpx;
|
||||
.ql-container {
|
||||
box-sizing: border-box;
|
||||
font-size: 28rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
}
|
||||
|
||||
.xinfo-yl-title {
|
||||
margin: 60rpx 0 0 50rpx;
|
||||
font-size: 32rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
}
|
||||
|
||||
.xinfo-yl-form {
|
||||
width: 100%;
|
||||
text-align: end;
|
||||
margin-top: 30rpx;
|
||||
padding-right: 64rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 32rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
}
|
||||
|
||||
.title-to {
|
||||
display: flex;
|
||||
margin-bottom: 10rpx;
|
||||
width: 200rpx;
|
||||
}
|
||||
|
||||
.title-to .text {
|
||||
padding-top: 14rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.title-to .t-input {
|
||||
padding: 0;
|
||||
height: 46rpx;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-bottom: 1px solid #444444;
|
||||
}
|
||||
|
||||
.title-form {
|
||||
display: flex;
|
||||
width: 250rpx;
|
||||
width: 264px;
|
||||
margin-left: 52rpx;
|
||||
height: 100%;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
overflow: auto;
|
||||
padding: 10px 10px 20px 10px;
|
||||
}
|
||||
|
||||
.title-form .t-input {
|
||||
padding: 0;
|
||||
height: 46rpx;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-bottom: 1px solid #444444;
|
||||
.ql-active {
|
||||
color: #22C704;
|
||||
}
|
||||
|
||||
.title-form .text {
|
||||
padding-top: 14rpx;
|
||||
margin-right: 20rpx;
|
||||
.iconfont {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.xinfo-main {
|
||||
width: 100%;
|
||||
margin: 60rpx 0 32rpx 0;
|
||||
padding: 0 64rpx;
|
||||
.toolbar {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: none;
|
||||
}
|
||||
|
||||
.xinfo-main .t-textarea {
|
||||
padding: 0 10px;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
font-size: 28rpx;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.t-textarea__wrapper-inner {
|
||||
color: rgba(108, 108, 108, 1) !important;
|
||||
}
|
||||
|
||||
.xinfo-ltqp {
|
||||
position: relative;
|
||||
width: 382rpx;
|
||||
height: 84rpx;
|
||||
margin: 0 0 20rpx 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-size: contain;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/ltqpp.png);
|
||||
}
|
||||
|
||||
.xinfo-ltqp-yl {
|
||||
position: relative;
|
||||
width: 382rpx;
|
||||
height: 84rpx;
|
||||
margin: 0 0 20rpx 64rpx;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 100%;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-size: contain;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/ltqpp.png);
|
||||
}
|
||||
|
||||
.xinfo-ltqp-yl image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.xinfo-ltqp image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.xinfo-ltqp-text {
|
||||
color: rgba(79, 79, 79, 1);
|
||||
font-size: 14px;
|
||||
justify-content: space-between;
|
||||
border: 1px solid #ECECEC;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.xinfo-yuying {
|
||||
margin: 0 40rpx;
|
||||
width: 70rpx !important;
|
||||
height: 70rpx !important;
|
||||
}
|
||||
|
||||
.xinfo-close {
|
||||
.xfxfhl{
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 331px;
|
||||
width: 375px;
|
||||
height: 462px;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfxfhlpic.png);
|
||||
}
|
||||
.xzxfnr{
|
||||
position: absolute;
|
||||
top: 20rpx;
|
||||
right: -60rpx;
|
||||
color: #6c6c6c;
|
||||
}
|
||||
|
||||
.xinfo-img {
|
||||
position: relative;
|
||||
width: 480rpx;
|
||||
margin: 40rpx 0 0 64rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.xinfo-img-yl {
|
||||
position: relative;
|
||||
width: 480rpx;
|
||||
margin: 40rpx 0 0 64rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.xinfo-img-yl image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.xinfo-img image {
|
||||
width: 100%;
|
||||
left: 31px;
|
||||
top: 64px;
|
||||
width: 315px;
|
||||
height: 657px;
|
||||
overflow: auto;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
||||
}
|
||||
|
||||
.xinfo-img-close {
|
||||
.xfzjhz{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -60rpx;
|
||||
color: #6c6c6c;
|
||||
left: 154px;
|
||||
top: 482rpx;
|
||||
width: 73px;
|
||||
height: 71px;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfzjhzpic.png);
|
||||
}
|
||||
|
||||
.bgt2-btn1 {
|
||||
.xzfhan{
|
||||
position: absolute;
|
||||
top: 648rpx;
|
||||
left: 32rpx;
|
||||
width: 110rpx;
|
||||
height: 110rpx;
|
||||
border-radius: 50%;
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
line-height: 110rpx;
|
||||
border-radius: 59rpx;
|
||||
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: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||
font-family: Arial;
|
||||
border: 3px solid rgba(255, 255, 255, 1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
pointer-events: auto;
|
||||
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-medium;
|
||||
}
|
||||
|
||||
.bgt2-btn1 image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
.xzfhan1{
|
||||
left: 16px;
|
||||
top: 592rpx;
|
||||
}
|
||||
|
||||
.bgt2-btn2 {
|
||||
position: absolute;
|
||||
top: 460rpx;
|
||||
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;
|
||||
color: #fff;
|
||||
pointer-events: auto;
|
||||
.xzfhan2{
|
||||
left: 608rpx;
|
||||
top: 440rpx;
|
||||
}
|
||||
|
||||
.bgt2-btn3 {
|
||||
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;
|
||||
color: #fff;
|
||||
pointer-events: auto;
|
||||
.xzfhan3{
|
||||
left: 608rpx;
|
||||
top: 592rpx;
|
||||
}
|
||||
|
||||
.bgt2-btn4 {
|
||||
.xzylanbtn{
|
||||
position: absolute;
|
||||
top: 900rpx;
|
||||
left: 124rpx;
|
||||
width: 210rpx;
|
||||
height: 70rpx;
|
||||
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);
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.bgt2-btn5 {
|
||||
position: absolute;
|
||||
top: 900rpx;
|
||||
right: 124rpx;
|
||||
width: 210rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 20rpx;
|
||||
top: 396px;
|
||||
width: 105px;
|
||||
height: 35px;
|
||||
line-height: 70rpx;
|
||||
border-radius: 10px;
|
||||
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||
text-align: center;
|
||||
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||
border: 3px solid rgba(255, 255, 255, 1);
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.bgt2-yz {
|
||||
position: absolute;
|
||||
top: 550rpx;
|
||||
left: 310rpx;
|
||||
width: 146rpx;
|
||||
height: 146rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/%E5%8D%B0%E7%AB%A0.png);
|
||||
background-size: cover;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.taost{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.taost-box {
|
||||
width: 586rpx;
|
||||
height: 434rpx;
|
||||
padding-top: 104rpx;
|
||||
box-sizing: border-box;
|
||||
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);
|
||||
}
|
||||
|
||||
.sound {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.sound-box {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 462rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 14px;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-medium;
|
||||
}
|
||||
|
||||
.sound-box-top {
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
padding: 0 64rpx;
|
||||
box-sizing: border-box;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
border-bottom: 1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.sound-box-time {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #6c6c6c;
|
||||
font-size: 16px;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.sound-box-img {
|
||||
width: 100%;
|
||||
height: 50rpx;
|
||||
margin-top: 40rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/iconPark-acoustic%20Copy%203%401x%20%281%29.png);
|
||||
}
|
||||
|
||||
.sound-box-img2 {
|
||||
width: 1000px;
|
||||
height: 50rpx;
|
||||
margin-top: 40rpx;
|
||||
animation: move 5s infinite linear;
|
||||
}
|
||||
|
||||
.sound-box-img2 image {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
/* 定义动画 */
|
||||
/* 定义和调用动画 */
|
||||
@keyframes move {
|
||||
|
||||
/* 动画的第一个状态和盒子的默认状态相同, 可以省略动画的开始状态代码 */
|
||||
/* from {
|
||||
transform: translateX(0);
|
||||
} */
|
||||
to {
|
||||
transform: translateX(-750rpx);
|
||||
/* transform: translateX(-900px); */
|
||||
/* transform: translateX(-800px); */
|
||||
}
|
||||
}
|
||||
|
||||
.sound-box-btn {
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
margin-top: 52rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.xzylan1{
|
||||
left: 62px;
|
||||
}
|
||||
|
||||
.sound-box-btn .btn1 {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||
border: 3px solid rgba(255, 255, 255, 1);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-being {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||
.xzylan2{
|
||||
left: 448rpx;
|
||||
}
|
||||
|
||||
.btn-over {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/if-ui-play%20Copy%401x.png);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.btn-video {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/semiDesign.png);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.btn-have {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 10rpx;
|
||||
background-color: #F8632A;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.taost-box-text {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-bottom: 20rpx;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.taost-box-btn {
|
||||
width: 210rpx;
|
||||
height: 64rpx;
|
||||
margin: 80rpx auto;
|
||||
border-radius: 20rpx;
|
||||
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: 6rpx solid rgba(255, 255, 255, 1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.Send-btn {
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.Send-btn .taost-box-btn{
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.already {
|
||||
.fan11r2{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
background-color: #fff;
|
||||
left: 26rpx;
|
||||
top: 24rpx;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xtreturn.png);
|
||||
}
|
||||
|
||||
.already-top {
|
||||
width: 100%;
|
||||
height: 230rpx;
|
||||
margin-top: 104rpx;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/bgt1.png);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.already-bom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 230rpx;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.already-img {
|
||||
margin: 0 auto;
|
||||
width: 660rpx;
|
||||
height: 522rpx;
|
||||
background-size: contain;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/xzt.png);
|
||||
}
|
||||
|
||||
.already-text {
|
||||
width: 100%;
|
||||
margin-top: 80rpx;
|
||||
}
|
||||
|
||||
.already-text1 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 18px;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.already-text2 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 14px;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.already-text3 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 14px;
|
||||
margin-top: 72rpx;
|
||||
}
|
||||
|
||||
.already-btn {
|
||||
width: 100%;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.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;
|
||||
z-index: 999;
|
||||
}
|
||||
@ -1,7 +1,3 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||
"t-textarea": "tdesign-miniprogram/textarea/textarea",
|
||||
"t-input": "tdesign-miniprogram/input/input"
|
||||
}
|
||||
"usingComponents": {}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue