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,67 +1,40 @@
|
|||||||
<view class="xgzl-container">
|
<!--pages/home/me/grzl/grzl.wxml-->
|
||||||
<!-- 头部返回 -->
|
<!--返回图标-->
|
||||||
<view class="xgzl-header">
|
<view class="reback" bindtap="go2Reback"></view>
|
||||||
<view class="reback" bindtap="go2Reback"></view>
|
<view class="title">修改资料</view>
|
||||||
<view class="title">修改资料</view>
|
<image class="avatar1" src="{{userInfo.avatar}}"></image>
|
||||||
</view>
|
<view class="cameralogo"></view>
|
||||||
<!-- 头像 -->
|
|
||||||
<view class="xgzl-img">
|
|
||||||
<view class="cameralogo"><view class="cameralogo-img"></view></view>
|
|
||||||
<image class="avatar1" src="{{userInfo.avatar}}"></image>
|
|
||||||
<input focus="doChangeName1" class="nickname" name="nick" placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1"></input>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 精灵头像 -->
|
<view class="yhtx"></view>
|
||||||
<view class="xgzl-sculpture">
|
|
||||||
<view class="jltxtxt">精灵头像</view>
|
|
||||||
<view class="txcheck-box">
|
|
||||||
<view class="txcheck">
|
|
||||||
<view wx:for="{{avatars}}" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- <form bindsubmit="go2UpdateUserInfo"></form> -->
|
<form bindsubmit="go2UpdateUserInfo">
|
||||||
|
|
||||||
<!-- 数据表单 -->
|
</form>
|
||||||
<view class="xgzl-data">
|
<t-input focus="doChangeName1" class="nickname" name="nick" placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1" ></t-input>
|
||||||
<view class="data-item">
|
|
||||||
<view class="xbwz">性别</view>
|
|
||||||
<view class="xbtxt" bindtap="changeSex">{{userInfo.spriteType=='male'?'男生':'女生'}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="data-item">
|
|
||||||
<view class="srwz">生日</view>
|
|
||||||
<view class="srtxt" bindtap="handleCalendar">{{userInfo.birthday ? userInfo.birthday : '点击选择日期'}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="data-item">
|
|
||||||
<view class="xzwz">星座</view>
|
|
||||||
<view class="ssxz">{{userInfo.birthdayConstellation}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- <t-calendar visible="{{cVisible}}" bind:confirm="changeDate" minDate="{{minDate}}" maxDate="{{maxDate}}"/> -->
|
<view class="xbwz">性别</view>
|
||||||
|
<view class="xzwz">星座</view>
|
||||||
|
<view class="srwz">生日</view>
|
||||||
|
<view class="jltxtxt">精灵头像</view>
|
||||||
|
<view class="xbtxt" bindtap="changeSex">{{userInfo.spriteType=='male'?'男生':'女生'}}</view>
|
||||||
|
<view class="ssxz">{{userInfo.horoscope.name}}</view>
|
||||||
|
<view class="srtxt" bindtap="handleCalendar">{{userInfo.horoscope.date}}</view><!--生日-->
|
||||||
|
<t-calendar visible="{{cVisible}}" bind:confirm="changeDate" />
|
||||||
|
|
||||||
<t-date-time-picker
|
<t-picker
|
||||||
title="选择日期"
|
visible="{{sexVisible}}"
|
||||||
visible="{{cVisible}}"
|
value="{{cityValue}}"
|
||||||
mode="date"
|
data-key="city"
|
||||||
format="YYYY-MM-DD"
|
title="选择性别"
|
||||||
value="{{userInfo.birthday}}"
|
cancelBtn="取消"
|
||||||
bind:confirm="changeDate"
|
confirmBtn="确认"
|
||||||
start="1980-1-1"
|
bindchange="onPickerChange"
|
||||||
end="{{endDate}}"
|
bindpick="onColumnChange"
|
||||||
/>
|
bindcancel="onPickerCancel"
|
||||||
|
>
|
||||||
<t-picker
|
<t-picker-item options="{{sexs}}" />
|
||||||
visible="{{sexVisible}}"
|
</t-picker>
|
||||||
value="{{cityValue}}"
|
|
||||||
data-key="city"
|
|
||||||
title="选择性别"
|
|
||||||
cancelBtn="取消"
|
|
||||||
confirmBtn="确认"
|
|
||||||
bind:confirm="onColumnChange"
|
|
||||||
>
|
|
||||||
<t-picker-item options="{{sexs}}" />
|
|
||||||
</t-picker>
|
|
||||||
|
|
||||||
|
<view class="txcheck" >
|
||||||
|
<view wx:for="{{avatars}}" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
|
||||||
</view>
|
</view>
|
||||||
@ -1,187 +1,185 @@
|
|||||||
/* pages/home/me/grzl/grzl.wxss */
|
/* 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{
|
.reback{
|
||||||
|
position: absolute;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-top:108rpx;
|
||||||
width:48rpx;
|
width:48rpx;
|
||||||
height:48rpx;
|
height:48rpx;
|
||||||
margin-left: 20rpx;
|
background-repeat: no-repeat;
|
||||||
background-size:100% 100%;
|
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{
|
.title{
|
||||||
|
position: absolute;
|
||||||
|
left: 278rpx;
|
||||||
|
top: 108rpx;
|
||||||
width: 196rpx;
|
width: 196rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
margin-left: 210rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xgzl-img {
|
.yhtx{
|
||||||
position: relative;
|
position: absolute;
|
||||||
width: 100%;
|
left: 74px;
|
||||||
height: 224rpx;
|
top: 109px;
|
||||||
display: flex;
|
width: 140rpx;
|
||||||
align-items: center;
|
height: 140rpx;
|
||||||
justify-content: center;
|
border-radius: 74rpx;
|
||||||
|
border: 3px solid rgba(161, 134, 81, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar1{
|
.avatar1{
|
||||||
|
position: absolute;
|
||||||
|
left: 77px;
|
||||||
|
top: 112px;
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
margin: 0 64rpx 0 148rpx;
|
|
||||||
border-radius: 74rpx;
|
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{
|
.cameralogo{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 144rpx;
|
left: 128px;
|
||||||
left: 296rpx;
|
top: 162px;
|
||||||
width: 38rpx;
|
width: 13px;
|
||||||
height: 38rpx;
|
height: 13px;
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: #4F4F4F;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cameralogo-img {
|
|
||||||
width: 26rpx;
|
|
||||||
height: 26rpx;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size:100% 100%;
|
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%;
|
|
||||||
}
|
}
|
||||||
|
.nickname{
|
||||||
.data-item {
|
z-index: 999;
|
||||||
width: 100%;
|
position: absolute;
|
||||||
height: 80rpx;
|
left: 176px;
|
||||||
padding: 0 64rpx;
|
top: 131px;
|
||||||
box-sizing: border-box;
|
width: 126px;
|
||||||
display: flex;
|
height: 27px;
|
||||||
align-items: center;
|
color: rgba(108, 108, 108, 1);
|
||||||
justify-content: space-between;
|
font-size: 18px;
|
||||||
|
text-align: left;
|
||||||
|
font-family: SourceHanSansSC-medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xzwz{
|
.xzwz{
|
||||||
width: 64rpx;
|
position: absolute;
|
||||||
height: 48rpx;
|
left: 32px;
|
||||||
color: rgba(108, 108, 108, 1);
|
top: 436px;
|
||||||
font-size: 32rpx;
|
width: 32px;
|
||||||
text-align: left;
|
height: 24px;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: left;
|
||||||
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.srwz{
|
.srwz{
|
||||||
width: 64rpx;
|
position: absolute;
|
||||||
height: 48rpx;
|
left: 32px;
|
||||||
color: rgba(108, 108, 108, 1);
|
top: 380px;
|
||||||
font-size: 32rpx;
|
width: 32px;
|
||||||
text-align: left;
|
height: 24px;
|
||||||
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: left;
|
||||||
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xbwz{
|
.xbwz{
|
||||||
width: 64rpx;
|
position: absolute;
|
||||||
height: 48rpx;
|
left: 32px;
|
||||||
color: rgba(108, 108, 108, 1);
|
top: 324px;
|
||||||
font-size: 32rpx;
|
width: 32px;
|
||||||
text-align: left;
|
height: 24px;
|
||||||
font-family: SourceHanSansSC-regular;
|
color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: left;
|
||||||
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ssxz{
|
.ssxz{
|
||||||
width: 104rpx;
|
position: absolute;
|
||||||
height: 48rpx;
|
left: 291px;
|
||||||
|
top: 436px;
|
||||||
|
width: 52px;
|
||||||
|
height: 24px;
|
||||||
color: rgba(154, 154, 154, 1);
|
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;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.srtxt{
|
.srtxt{
|
||||||
|
position: absolute;
|
||||||
|
left: 500rpx;
|
||||||
|
top: 380px;
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 48rpx;
|
height: 24px;
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 32rpx;
|
font-size: 16px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xbtxt{
|
.xbtxt{
|
||||||
width: 64rpx;
|
position: absolute;
|
||||||
height: 48rpx;
|
left: 311px;
|
||||||
|
top: 324px;
|
||||||
|
width: 32px;
|
||||||
|
height: 24px;
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 32rpx;
|
font-size: 16px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
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{
|
.iii{
|
||||||
width: 100rpx;
|
width: 50px;
|
||||||
height: 100rpx;
|
height: 50px;
|
||||||
border-radius: 50rpx;
|
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": {}
|
||||||
"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,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="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" 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="xfgjl" >
|
||||||
<view class="xxqlcd" bindtap="go2Xz">信札</view>
|
<view class="xxqlcd xxqlcd1" bindtap="go2Xz">信札</view>
|
||||||
<view class="xxqlcd" bindtap="go2Yx">音讯</view>
|
<view class="xxqlcd xxqlcd2" bindtap="go2Yx">音讯</view>
|
||||||
<view class="xxqlcd" bindtap="go2Hx">画像</view>
|
<view class="xxqlcd xxqlcd3" bindtap="go2Hx">画像</view>
|
||||||
<view class="xxqlcd" bindtap="go2Zt">纸条</view>
|
<view class="xxqlcd xxqlcd4" bindtap="go2Zt">纸条</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {
|
"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": {
|
"usingComponents": {}
|
||||||
"t-swipe-cell": "tdesign-miniprogram/swipe-cell/swipe-cell"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
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": {
|
"usingComponents": {
|
||||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
|
||||||
"t-textarea": "tdesign-miniprogram/textarea/textarea",
|
|
||||||
"t-input": "tdesign-miniprogram/input/input"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,605 +1,159 @@
|
|||||||
/* pages/home/xx/xz/xz.wxss */
|
/* pages/home/xx/lindex/lxz/lxz.wxss */
|
||||||
page {
|
@import "./common/lib/weui.wxss";
|
||||||
height: 100%;
|
@import "./assets/iconfont.wxss"
|
||||||
overflow: hidden;
|
|
||||||
}
|
.container {
|
||||||
|
position: absolute;
|
||||||
.bgt1{
|
top: 0;
|
||||||
position: absolute;
|
left: 0;
|
||||||
width: 690rpx;
|
width: 100%;
|
||||||
height: 227.33rpx;
|
}
|
||||||
display: flex;
|
.xzsfhl{
|
||||||
flex-direction: column;
|
position: fixed;
|
||||||
background-repeat: no-repeat;
|
left: 15px;
|
||||||
background-size:100% 100%;
|
top: 52px;
|
||||||
margin-left:30rpx;
|
width: 345px;
|
||||||
margin-top: 104.67rpx;
|
height: 115px;
|
||||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/bgt1.png);
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xzhlpic.png);
|
||||||
color:#9A9A9A;
|
}
|
||||||
text-align: center;
|
.xzxfnr{
|
||||||
font-size: 27rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xinfo{
|
|
||||||
background-color: #FFFCF3;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 616rpx;
|
left: 31px;
|
||||||
height: 1242rpx;
|
top: 64px;
|
||||||
display: flex;
|
width: 315px;
|
||||||
flex-direction: column;
|
height: 657px;
|
||||||
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;
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: relative;
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xinfo-yl {
|
|
||||||
width: 100%;
|
|
||||||
height: 200rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xinfo-title {
|
|
||||||
width: 100%;
|
|
||||||
height: 100rpx;
|
|
||||||
margin-top: 60rpx;
|
|
||||||
padding-left: 64rpx;
|
|
||||||
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 {
|
.ql-container {
|
||||||
display: flex;
|
box-sizing: border-box;
|
||||||
margin-bottom: 10rpx;
|
width: 264px;
|
||||||
width: 200rpx;
|
margin-left: 52rpx;
|
||||||
|
height: 100%;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 10px 10px 20px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-to .text {
|
.ql-active {
|
||||||
padding-top: 14rpx;
|
color: #22C704;
|
||||||
margin-right: 20rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-to .t-input {
|
.iconfont {
|
||||||
padding: 0;
|
display: inline-block;
|
||||||
height: 46rpx;
|
width: 30px;
|
||||||
background-color: rgba(0, 0, 0, 0);
|
height: 30px;
|
||||||
border-bottom: 1px solid #444444;
|
cursor: pointer;
|
||||||
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-form {
|
.toolbar {
|
||||||
display: flex;
|
box-sizing: border-box;
|
||||||
width: 250rpx;
|
padding: 0 10px;
|
||||||
|
height: 50px;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
border: 1px solid #ECECEC;
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-form .t-input {
|
|
||||||
padding: 0;
|
|
||||||
height: 46rpx;
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
border-bottom: 1px solid #444444;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-form .text {
|
|
||||||
padding-top: 14rpx;
|
|
||||||
margin-right: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xinfo-main {
|
|
||||||
width: 100%;
|
|
||||||
margin: 60rpx 0 32rpx 0;
|
|
||||||
padding: 0 64rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
height: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xinfo-main .t-textarea {
|
|
||||||
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;
|
|
||||||
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 {
|
.xfxfhl{
|
||||||
color: rgba(79, 79, 79, 1);
|
z-index: 100;
|
||||||
font-size: 14px;
|
position: fixed;
|
||||||
}
|
left: 0px;
|
||||||
|
top: 331px;
|
||||||
.xinfo-yuying {
|
width: 375px;
|
||||||
margin: 0 40rpx;
|
height: 462px;
|
||||||
width: 70rpx !important;
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfxfhlpic.png);
|
||||||
height: 70rpx !important;
|
}
|
||||||
}
|
.xzxfnr{
|
||||||
|
|
||||||
.xinfo-close {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20rpx;
|
left: 31px;
|
||||||
right: -60rpx;
|
top: 64px;
|
||||||
color: #6c6c6c;
|
width: 315px;
|
||||||
}
|
height: 657px;
|
||||||
|
overflow: auto;
|
||||||
.xinfo-img {
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
||||||
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%;
|
|
||||||
}
|
}
|
||||||
|
.xfzjhz{
|
||||||
.xinfo-img-close {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
left: 154px;
|
||||||
right: -60rpx;
|
top: 482rpx;
|
||||||
color: #6c6c6c;
|
width: 73px;
|
||||||
|
height: 71px;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfzjhzpic.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bgt2-btn1 {
|
.xzfhan{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 648rpx;
|
width: 55px;
|
||||||
left: 32rpx;
|
height: 55px;
|
||||||
width: 110rpx;
|
line-height: 110rpx;
|
||||||
height: 110rpx;
|
border-radius: 59rpx;
|
||||||
border-radius: 50%;
|
|
||||||
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
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);
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
font-family: Arial;
|
||||||
border: 3px solid rgba(255, 255, 255, 1);
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
display: flex;
|
color: rgba(255, 255, 255, 1);
|
||||||
justify-content: center;
|
font-size: 16px;
|
||||||
align-items: center;
|
text-align: center;
|
||||||
z-index: 1;
|
font-family: SourceHanSansSC-medium;
|
||||||
pointer-events: auto;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bgt2-btn1 image {
|
.xzfhan1{
|
||||||
width: 60rpx;
|
left: 16px;
|
||||||
height: 60rpx;
|
top: 592rpx;
|
||||||
}
|
}
|
||||||
|
.xzfhan2{
|
||||||
.bgt2-btn2 {
|
left: 608rpx;
|
||||||
position: absolute;
|
top: 440rpx;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
.xzfhan3{
|
||||||
.bgt2-btn3 {
|
left: 608rpx;
|
||||||
position: absolute;
|
top: 592rpx;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
.xzylanbtn{
|
||||||
.bgt2-btn4 {
|
|
||||||
position: absolute;
|
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 {
|
top: 396px;
|
||||||
position: absolute;
|
width: 105px;
|
||||||
top: 900rpx;
|
height: 35px;
|
||||||
right: 124rpx;
|
line-height: 70rpx;
|
||||||
width: 210rpx;
|
border-radius: 10px;
|
||||||
height: 70rpx;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
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);
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
border: 3px solid rgba(255, 255, 255, 1);
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
color: #fff;
|
color: rgba(255, 255, 255, 1);
|
||||||
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);
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
z-index: 100;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-family: SourceHanSansSC-medium;
|
||||||
}
|
}
|
||||||
|
.xzylan1{
|
||||||
.sound-box-top {
|
left: 62px;
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
}
|
||||||
|
.xzylan2{
|
||||||
.taost-box-btn {
|
left: 448rpx;
|
||||||
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 {
|
|
||||||
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://wish-assets.windymuse.com.cn/xy/bgt1.png);
|
|
||||||
background-size: contain;
|
|
||||||
}
|
}
|
||||||
|
.fan11r2{
|
||||||
.already-bom {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
left: 26rpx;
|
||||||
width: 100%;
|
top: 24rpx;
|
||||||
height: 230rpx;
|
width: 30px;
|
||||||
background-size: contain;
|
height: 30px;
|
||||||
}
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xtreturn.png);
|
||||||
|
|
||||||
.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": {
|
"usingComponents": {}
|
||||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
|
||||||
"t-textarea": "tdesign-miniprogram/textarea/textarea",
|
|
||||||
"t-input": "tdesign-miniprogram/input/input"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue