parent
34af96c41e
commit
7c52a50e99
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 2.8 KiB |
@ -1,5 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
.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,154 +1,315 @@
|
|||||||
|
// pages/home/xx/xz/xz.js
|
||||||
|
const app = getApp();//新建页面时 默认引入
|
||||||
|
const req = app.xzjlReq();//初始化一个的request() 实例
|
||||||
|
|
||||||
Page({
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
data: {
|
data: {
|
||||||
isYuLan:false,//是否是预览状态
|
|
||||||
to:'',
|
to:'',
|
||||||
from:'',
|
from:'',
|
||||||
form:{
|
content:'',
|
||||||
to:'',
|
img:'https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/xzimg.png',
|
||||||
from:''
|
messageList:[],
|
||||||
},
|
sound:'',
|
||||||
yxVisible:false,//音讯弹窗
|
soundTime:0,
|
||||||
formats: {},
|
showBtn:true,
|
||||||
readOnly: false,
|
showImg:true,
|
||||||
placeholder: '开始输入...',
|
showLtqp:true,
|
||||||
editorHeight: 300,
|
showImgBig:false, //图片太大弹层
|
||||||
keyboardHeight: 0,
|
showSoundMore:false, //语音太多提示
|
||||||
isIOS: false
|
showSend:false, //寄出提示
|
||||||
},
|
Preview:false, //预览
|
||||||
bINput(e){
|
showSound:false,
|
||||||
console.log(e)
|
showAlready:false,
|
||||||
},
|
btn1:true,
|
||||||
sqjdSj: function(e) {
|
btn2:false,
|
||||||
console.log('到这里了。。。。')
|
btn3:false
|
||||||
console.log(e.detail.value);
|
|
||||||
console.log(this.editorCtx)
|
|
||||||
},
|
|
||||||
doYulan(){
|
|
||||||
console.log('点击了预览！！！')
|
|
||||||
this.setData({isYuLan:true})
|
|
||||||
},
|
|
||||||
doCancelYuLan(){
|
|
||||||
console.log('取消了预览')
|
|
||||||
this.setData({isYuLan:false})
|
|
||||||
},
|
|
||||||
doSend(){
|
|
||||||
console.log(this.data.to)
|
|
||||||
console.log('点击了发送！！！')
|
|
||||||
},
|
|
||||||
doClickYinXun(){
|
|
||||||
this.setData({yxVisible:true})
|
|
||||||
},
|
|
||||||
doCancelLuyin(){
|
|
||||||
this.setData({yxVisible:false})
|
|
||||||
},
|
|
||||||
doCancelXz(){
|
|
||||||
wx.navigateTo({
|
|
||||||
url: '/pages/home/xx/lindex/lindex'
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
readOnlyChange() {
|
writeLetters(){
|
||||||
this.setData({
|
console.log('写信');
|
||||||
readOnly: !this.data.readOnly
|
this.setData({
|
||||||
})
|
showImg:false,
|
||||||
},
|
showLtqp:false,
|
||||||
onLoad() {
|
})
|
||||||
const platform = wx.getSystemInfoSync().platform
|
|
||||||
const isIOS = platform === 'ios'
|
|
||||||
this.setData({ isIOS})
|
|
||||||
const that = this
|
|
||||||
this.updatePosition(0)
|
|
||||||
let keyboardHeight = 0
|
|
||||||
wx.onKeyboardHeightChange(res => {
|
|
||||||
if (res.height === keyboardHeight) return
|
|
||||||
const duration = res.height > 0 ? res.duration * 1000 : 0
|
|
||||||
keyboardHeight = res.height
|
|
||||||
setTimeout(() => {
|
|
||||||
wx.pageScrollTo({
|
|
||||||
scrollTop: 0,
|
|
||||||
success() {
|
|
||||||
that.updatePosition(keyboardHeight)
|
|
||||||
that.editorCtx.scrollIntoView()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}, duration)
|
|
||||||
|
|
||||||
})
|
|
||||||
},
|
|
||||||
updatePosition(keyboardHeight) {
|
|
||||||
const toolbarHeight = 50
|
|
||||||
const { windowHeight, platform } = wx.getSystemInfoSync()
|
|
||||||
let editorHeight = keyboardHeight > 0 ? (windowHeight - keyboardHeight - toolbarHeight) : windowHeight
|
|
||||||
this.setData({ editorHeight, keyboardHeight })
|
|
||||||
},
|
|
||||||
calNavigationBarAndStatusBar() {
|
|
||||||
const systemInfo = wx.getSystemInfoSync()
|
|
||||||
const { statusBarHeight, platform } = systemInfo
|
|
||||||
const isIOS = platform === 'ios'
|
|
||||||
const navigationBarHeight = isIOS ? 44 : 48
|
|
||||||
return statusBarHeight + navigationBarHeight
|
|
||||||
},
|
|
||||||
onEditorReady() {
|
|
||||||
const that = this
|
|
||||||
wx.createSelectorQuery().select('#editor').context(function (res) {
|
|
||||||
that.editorCtx = res.context
|
|
||||||
}).exec()
|
|
||||||
},
|
|
||||||
blur() {
|
|
||||||
this.editorCtx.blur()
|
|
||||||
},
|
|
||||||
format(e) {
|
|
||||||
let { name, value } = e.target.dataset
|
|
||||||
if (!name) return
|
|
||||||
// console.log('format', name, value)
|
|
||||||
this.editorCtx.format(name, value)
|
|
||||||
|
|
||||||
},
|
|
||||||
onStatusChange(e) {
|
|
||||||
const formats = e.detail
|
|
||||||
this.setData({ formats })
|
|
||||||
},
|
|
||||||
insertDivider() {
|
|
||||||
this.editorCtx.insertDivider({
|
|
||||||
success: function () {
|
|
||||||
console.log('insert divider success')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
clear() {
|
already(){
|
||||||
this.editorCtx.clear({
|
console.log('确定寄出');
|
||||||
success: function (res) {
|
this.setData({showAlready:true})
|
||||||
console.log("clear success")
|
const list = this.data.messageList
|
||||||
|
list.push({
|
||||||
|
type: 'text',
|
||||||
|
content: this.data.content
|
||||||
|
})
|
||||||
|
const formData = {
|
||||||
|
from: this.data.from,
|
||||||
|
to: this.data.to,
|
||||||
|
messageList: list
|
||||||
}
|
}
|
||||||
})
|
console.log(formData);
|
||||||
},
|
req.putRequest('/api/user/curt/letter',{formData}).then(res => {
|
||||||
removeFormat() {
|
console.log(res);
|
||||||
this.editorCtx.removeFormat()
|
})
|
||||||
},
|
},
|
||||||
insertDate() {
|
closeShowImgBig(){
|
||||||
const date = new Date()
|
this.setData({showImgBig:false})
|
||||||
const formatDate = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`
|
},
|
||||||
this.editorCtx.insertText({
|
closeShowSoundMore(){
|
||||||
text: formatDate
|
this.setData({showSoundMore:false})
|
||||||
})
|
},
|
||||||
},
|
openShowSend(){
|
||||||
insertImage() {
|
this.setData({showSend:true})
|
||||||
const that = this
|
},
|
||||||
wx.chooseImage({
|
closeShowSend(){
|
||||||
count: 1,
|
this.setData({showSend:false})
|
||||||
success: function (res) {
|
},
|
||||||
that.editorCtx.insertImage({
|
openPreview(){
|
||||||
src: res.tempFilePaths[0],
|
console.log('预览');
|
||||||
data: {
|
this.setData({Preview:true})
|
||||||
id: 'abcd',
|
},
|
||||||
role: 'god'
|
ClearYl(){
|
||||||
|
console.log('清除语音');
|
||||||
|
// this.setData({showLtqp:false})
|
||||||
|
},
|
||||||
|
goBack(){
|
||||||
|
console.log('返回');
|
||||||
|
wx.navigateBack()
|
||||||
|
},
|
||||||
|
ClearImg(){
|
||||||
|
console.log('清除图片');
|
||||||
|
const list = this.data.messageList.filter(item => {
|
||||||
|
return item.type !== "graphic"
|
||||||
|
})
|
||||||
|
this.setData({
|
||||||
|
img:'https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/xzimg.png',
|
||||||
|
messageList: list
|
||||||
|
})
|
||||||
|
console.log(this.data.messageList);
|
||||||
|
},
|
||||||
|
// 上传图片
|
||||||
|
addImg(){
|
||||||
|
console.log('添加图片');
|
||||||
|
this.setData({
|
||||||
|
showImg:true
|
||||||
|
})
|
||||||
|
wx.chooseMedia({
|
||||||
|
mediaType: 'image',
|
||||||
|
success: (res) => {
|
||||||
|
const files = res.tempFiles[0]
|
||||||
|
if(files.size > 5 * 1024 * 1024 ){
|
||||||
|
this.setData({showImgBig:true})
|
||||||
|
}
|
||||||
|
this.uploadFile(res.tempFiles[0].tempFilePath,'poster')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
uploadFile(file,type) {
|
||||||
|
wx.uploadFile({
|
||||||
|
url: 'https://xzjl-api.windymuse.cn/api/resource',
|
||||||
|
filePath: file,
|
||||||
|
name: 'file',
|
||||||
|
header: {
|
||||||
|
'Authorization': wx.getStorageSync('token'),
|
||||||
|
'Content-Type': 'multipart/form-data'
|
||||||
},
|
},
|
||||||
width: '100%',
|
formData: {
|
||||||
success: function () {
|
type: type
|
||||||
console.log('insert image success')
|
},
|
||||||
|
success: (async(res) => {
|
||||||
|
const data = JSON.parse(res.data);
|
||||||
|
console.log(data);
|
||||||
|
if (data.data.type === 'audio') {
|
||||||
|
console.log('添加音频');
|
||||||
|
const list = this.data.messageList
|
||||||
|
const audio = this.data.messageList.filter(item => {
|
||||||
|
return item.type === 'audio'
|
||||||
|
})
|
||||||
|
// 判断语音条数大于3条
|
||||||
|
if(audio.length >= 3){
|
||||||
|
this.setData({showSoundMore:true})
|
||||||
|
}else {
|
||||||
|
list.push({
|
||||||
|
type: 'audio',
|
||||||
|
resourceId: data.data.id,
|
||||||
|
})
|
||||||
|
this.setData({
|
||||||
|
messageList: list
|
||||||
|
})
|
||||||
|
}
|
||||||
|
console.log(this.data.messageList);
|
||||||
|
|
||||||
|
} else if (data.data.type === 'poster') {
|
||||||
|
console.log('添加图片');
|
||||||
|
const list = this.data.messageList
|
||||||
|
list.push({
|
||||||
|
type: 'graphic',
|
||||||
|
resourceId: data.data.id
|
||||||
|
})
|
||||||
|
this.setData({
|
||||||
|
img:data.data.abUrl,
|
||||||
|
messageList:list
|
||||||
|
})
|
||||||
|
console.log(this.data.messageList);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
// success: async res => {
|
||||||
|
// let data = JSON.parse(res.data);
|
||||||
|
// console.log(data, '111111');
|
||||||
|
// if (data.code == 200) {
|
||||||
|
// this.setData({imgUrl:data.data.abUrl})
|
||||||
|
// console.log('打印1111')
|
||||||
|
// console.log(this.data.imgUrl)
|
||||||
|
// res.data = JSON.parse(res.data);
|
||||||
|
// console.log(res.data);
|
||||||
|
// if (res.data.code == 1) {
|
||||||
|
// console.log(res.data.data.url);
|
||||||
|
// this.img = this.baseUrl + res.data.data.url;
|
||||||
|
// 图片路径
|
||||||
|
// this.userinfo.avatar = res.data.data.url;
|
||||||
|
// let n = await this.$api.upload({ file: res.data.fullurl });
|
||||||
|
// console.log(n, '上传后');
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
fail(res) {
|
||||||
|
console.log('上传失败');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
openSound(){
|
||||||
|
console.log('添加声音');
|
||||||
|
this.setData({showSound:true,showLtqp:true})
|
||||||
|
},
|
||||||
|
closeSound(){
|
||||||
|
this.setData({showSound:false})
|
||||||
|
},
|
||||||
|
startSound(){
|
||||||
|
console.log('开始录音');
|
||||||
|
const time = setInterval(()=>{
|
||||||
|
this.setData({soundTime:this.data.soundTime + 1})
|
||||||
|
},1000)
|
||||||
|
this.setData({ timeId: time })
|
||||||
|
wx.startRecord({
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res.tempFilePath);
|
||||||
|
this.setData({sound:res.tempFilePath,btn1:false,btn2:true})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
},
|
||||||
})
|
endSound(){
|
||||||
|
console.log('结束录音');
|
||||||
|
wx.stopRecord()
|
||||||
|
clearInterval(this.data.timeId)
|
||||||
|
},
|
||||||
|
playVoice(){
|
||||||
|
console.log('播放录音');
|
||||||
|
this.setData({btn2:false,btn3:true})
|
||||||
|
wx.playVoice({
|
||||||
|
filePath: this.data.sound,
|
||||||
|
complete: () => {
|
||||||
|
console.log('录音播放结束');
|
||||||
|
this.setData({btn2:true,btn3:false})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
addSound(){
|
||||||
|
console.log('添加录音');
|
||||||
|
this.uploadFile(this.data.sound,'audio')
|
||||||
|
this.setData({
|
||||||
|
btn1:true,
|
||||||
|
btn2:false,
|
||||||
|
btn3:false,
|
||||||
|
soundTime:0
|
||||||
|
})
|
||||||
|
// console.log(this.data.messageList);
|
||||||
|
},
|
||||||
|
delSound(){
|
||||||
|
console.log('不添加该条语音');
|
||||||
|
this.setData({
|
||||||
|
sound:'',
|
||||||
|
btn1:true,
|
||||||
|
btn2:false,
|
||||||
|
btn3:false,
|
||||||
|
soundTime:0
|
||||||
|
})
|
||||||
|
},
|
||||||
|
logout(){
|
||||||
|
req.deleteRequest('/api/user/logout',{}).then((res)=>{
|
||||||
|
if(res.data.code===200){
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
wx.showToast({
|
||||||
|
title:'寄出成功'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getLetter(){
|
||||||
|
console.log('获取当前用户信札内容');
|
||||||
|
req.getRequest('/api/user/curt/letter',{}).then(res => {
|
||||||
|
console.log(res);
|
||||||
|
this.setData({
|
||||||
|
to: res.data.data.to,
|
||||||
|
from: res.data.data.from,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
this.getLetter()
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"navigationBarTitleText": "发表文章",
|
|
||||||
"disableScroll": true,
|
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"t-popup": "tdesign-miniprogram/popup/popup"
|
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||||
|
"t-textarea": "tdesign-miniprogram/textarea/textarea",
|
||||||
|
"t-input": "tdesign-miniprogram/input/input"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,333 +1,538 @@
|
|||||||
/* pages/home/xx/lindex/lxz/lxz.wxss */
|
/* pages/home/xx/xz/xz.wxss */
|
||||||
@import "./common/lib/weui.wxss";
|
.bgt1{
|
||||||
@import "./assets/iconfont.wxss"
|
|
||||||
|
|
||||||
.container {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.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);
|
|
||||||
}
|
|
||||||
.xzxfnr{
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 31px;
|
width: 690rpx;
|
||||||
top: 64px;
|
height: 227.33rpx;
|
||||||
width: 315px;
|
display: flex;
|
||||||
height: 657px;
|
flex-direction: column;
|
||||||
overflow: auto;
|
background-repeat: no-repeat;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
background-size:100% 100%;
|
||||||
}
|
margin-left:30rpx;
|
||||||
|
margin-top: 104.67rpx;
|
||||||
.ql-container {
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xz/bgt1.png);
|
||||||
box-sizing: border-box;
|
color:#9A9A9A;
|
||||||
width: 264px;
|
text-align: center;
|
||||||
margin-left: 52rpx;
|
font-size: 27rpx;
|
||||||
height: 100%;
|
}
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.5;
|
.bgt2{
|
||||||
overflow: auto;
|
|
||||||
top: 50rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ql-active {
|
|
||||||
color: #22C704;
|
|
||||||
}
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
display: inline-block;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar {
|
|
||||||
box-sizing: border-box;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.xfxfhl{
|
|
||||||
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;
|
position: absolute;
|
||||||
left: 31px;
|
width: 750rpx;
|
||||||
top: 64px;
|
height: 1081.33rpx;
|
||||||
width: 315px;
|
display: flex;
|
||||||
height: 657px;
|
flex-direction: column;
|
||||||
overflow: auto;
|
background-repeat: no-repeat;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
background-size:100% 100%;
|
||||||
}
|
margin-top: 608.67rpx;
|
||||||
.xfzjhz{
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xz/bgt2.png);
|
||||||
|
color:#9A9A9A;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 27rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo{
|
||||||
|
background-color: #FFFCF3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 154px;
|
width: 616rpx;
|
||||||
top: 1144rpx;
|
height: 1242rpx;
|
||||||
width: 73px;
|
display: flex;
|
||||||
height: 71px;
|
flex-direction: column;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfzjhzpic.png);
|
background-repeat: no-repeat;
|
||||||
|
background-size:100% 100%;
|
||||||
|
margin-top: 132rpx;
|
||||||
|
margin-left: 66rpx;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-title {
|
||||||
|
width: 100%;
|
||||||
|
height: 100rpx;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
padding-left: 64rpx;
|
||||||
|
/* background-color: pink; */
|
||||||
|
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);
|
||||||
}
|
}
|
||||||
|
|
||||||
.xzfhan{
|
.xinfo-yl-form {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 55px;
|
top: 980rpx;
|
||||||
height: 55px;
|
right: 200rpx;
|
||||||
line-height: 110rpx;
|
font-size: 32rpx;
|
||||||
border-radius: 59rpx;
|
color: rgba(108, 108, 108, 1);
|
||||||
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;
|
.title-to {
|
||||||
text-align: center;
|
display: flex;
|
||||||
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
margin-bottom: 10rpx;
|
||||||
font-family: Arial;
|
width: 200rpx;
|
||||||
border: 3px solid rgba(255, 255, 255, 1);
|
}
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
font-size: 16px;
|
.title-to .text {
|
||||||
text-align: center;
|
padding-top: 14rpx;
|
||||||
font-family: SourceHanSansSC-medium;
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xzfhan1{
|
.xinfo-main {
|
||||||
left: 16px;
|
width: 100%;
|
||||||
top: 1252rpx;
|
height: 800rpx;
|
||||||
|
padding: 0 48rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.xzfhan2{
|
|
||||||
left: 608rpx;
|
.xinfo-main .t-textarea {
|
||||||
top: 1102rpx;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-size: 28rpx;
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
.xzfhan3{
|
|
||||||
left: 608rpx;
|
.t-textarea__wrapper-inner {
|
||||||
top: 1252rpx;
|
color: rgba(108, 108, 108, 1) !important;
|
||||||
}
|
}
|
||||||
.xzylanbtn{
|
|
||||||
|
.xinfo-ltqp {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1452rpx;
|
top: 470rpx;
|
||||||
width: 105px;
|
left: 44rpx;
|
||||||
height: 35px;
|
width: 384rpx;
|
||||||
line-height: 70rpx;
|
height: 84rpx;
|
||||||
border-radius: 10px;
|
z-index: 9;
|
||||||
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: rgba(255, 255, 255, 1);
|
|
||||||
font-size: 14px;
|
|
||||||
text-align: center;
|
|
||||||
font-family: SourceHanSansSC-medium;
|
|
||||||
}
|
}
|
||||||
.xzylan1{
|
|
||||||
left: 62px;
|
.xinfo-ltqp-yl {
|
||||||
|
position: absolute;
|
||||||
|
top: 300rpx;
|
||||||
|
left: 44rpx;
|
||||||
|
width: 384rpx;
|
||||||
|
height: 84rpx;
|
||||||
}
|
}
|
||||||
.xzylan2{
|
|
||||||
left: 448rpx;
|
.xinfo-ltqp-yl image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
.fan11r2{
|
|
||||||
|
.xinfo-ltqp image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-ltqp-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 26rpx;
|
top: 28rpx;
|
||||||
top: 24rpx;
|
left: 160rpx;
|
||||||
width: 30px;
|
color: rgba(79, 79, 79, 1);
|
||||||
height: 30px;
|
font-size: 14px;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xtreturn.png);
|
|
||||||
}
|
}
|
||||||
.xfxc1{
|
|
||||||
|
.xinfo-yuying {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 750rpx;
|
top: 8rpx;
|
||||||
height: 472rpx;
|
left: 40rpx;
|
||||||
top: 1113rpx;
|
width: 70rpx !important;
|
||||||
background-repeat: no-repeat;
|
height: 70rpx !important;
|
||||||
background-size: 100% 100%;
|
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/lxz/lxzzxf.png);
|
|
||||||
}
|
}
|
||||||
.lzxzz1{
|
|
||||||
|
.xinfo-close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 154rpx;
|
top: 22rpx;
|
||||||
height: 184rpx;
|
right: -76rpx;
|
||||||
top: 929rpx;
|
color: #6c6c6c;
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/lxz/lzxzz1.png);
|
|
||||||
}
|
}
|
||||||
.lzxzs1{
|
|
||||||
|
.xinfo-img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 74rpx;
|
top: 600rpx;
|
||||||
height: 211rpx;
|
padding: 60rpx 0 0 30rpx;
|
||||||
top: 718rpx;
|
box-sizing: border-box;
|
||||||
background-repeat: no-repeat;
|
width: 100%;
|
||||||
background-size: 100% 100%;
|
height: 682rpx;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/lxz/lzxzs1.png);
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.lzxyz1{
|
|
||||||
|
.xinfo-img-yl {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100rpx;
|
top: 400rpx;
|
||||||
left: 650rpx;
|
box-sizing: border-box;
|
||||||
height: 140.67rpx;
|
width: 100%;
|
||||||
top: 972.07rpx;
|
height: 682rpx;
|
||||||
background-repeat: no-repeat;
|
display: flex;
|
||||||
background-size: 100% 100%;
|
justify-content: center;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/lxz/lzxyz1.png);
|
}
|
||||||
|
|
||||||
|
.xinfo-img-yl image {
|
||||||
|
width: 480rpx;
|
||||||
|
height: 550rpx;
|
||||||
}
|
}
|
||||||
.lzxys1{
|
|
||||||
|
.xinfo-img image {
|
||||||
|
width: 480rpx;
|
||||||
|
height: 550rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xinfo-img-close {
|
||||||
|
color: #6c6c6c;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bgt2-btn1 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 47.33rpx;
|
top: 648rpx;
|
||||||
left: 702.67rpx;
|
left: 32rpx;
|
||||||
height: 311.33rpx;
|
width: 110rpx;
|
||||||
top: 662.07rpx;
|
height: 110rpx;
|
||||||
background-repeat: no-repeat;
|
border-radius: 50%;
|
||||||
background-size: 100% 100%;
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/lxz/lzxys1.png);
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
}
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
.xzxjto{
|
display: flex;
|
||||||
margin-left: 50rpx;
|
justify-content: center;
|
||||||
margin-top: 68rpx;
|
align-items: center;
|
||||||
width: 147px;
|
z-index: 1;
|
||||||
height: 21px;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 14px;
|
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
.xzxjto111{
|
|
||||||
|
.bgt2-btn1 image {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bgt2-btn2 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 147px;
|
top: 460rpx;
|
||||||
height: 21px;
|
right: 32rpx;
|
||||||
color: rgba(108, 108, 108, 1);
|
width: 110rpx;
|
||||||
font-size: 14px;
|
height: 110rpx;
|
||||||
text-align: left;
|
border-radius: 50%;
|
||||||
font-family: SourceHanSansSC-regular;
|
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;
|
||||||
}
|
}
|
||||||
.toText111{
|
|
||||||
|
.bgt2-btn3 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 21px;
|
top: 648rpx;
|
||||||
line-height: 42rpx;
|
right: 32rpx;
|
||||||
}
|
width: 110rpx;
|
||||||
.xzxjfrom{
|
height: 110rpx;
|
||||||
margin-left: 50rpx;
|
border-radius: 50%;
|
||||||
margin-top: 30rpx;
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
width: 147px;
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
height: 21px;
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
color: rgba(108, 108, 108, 1);
|
display: flex;
|
||||||
font-size: 14px;
|
justify-content: center;
|
||||||
text-align: left;
|
align-items: center;
|
||||||
font-family: SourceHanSansSC-regular;
|
color: #fff;
|
||||||
|
|
||||||
}
|
}
|
||||||
.xzxjtot1{
|
|
||||||
display: inline-block;
|
.bgt2-btn4 {
|
||||||
width: 30rpx;
|
position: absolute;
|
||||||
background-color: blue;
|
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;
|
||||||
}
|
}
|
||||||
.xzxjtoipt{
|
|
||||||
|
.bgt2-btn5 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: 60rpx;
|
top: 900rpx;
|
||||||
width: 110px;
|
right: 124rpx;
|
||||||
height: 21px;
|
width: 210rpx;
|
||||||
border-bottom: 1rpx solid #000;
|
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;
|
||||||
}
|
}
|
||||||
.xzxjtoiptfrom{
|
|
||||||
display: inline-block;
|
.bgt2-yz {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: 90rpx;
|
top: 550rpx;
|
||||||
width: 90px;
|
left: 310rpx;
|
||||||
height: 21px;
|
width: 146rpx;
|
||||||
border-bottom: 1rpx solid #000;
|
height: 146rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/%E5%8D%B0%E7%AB%A0.png);
|
||||||
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.yxtc{
|
|
||||||
|
.taost, .sound {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1162rpx;
|
width: 100%;
|
||||||
width: 750rpx;
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
.closeSound {
|
||||||
|
width: 100%;
|
||||||
|
height: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sound-box {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
height: 462rpx;
|
height: 462rpx;
|
||||||
line-height: 20px;
|
line-height: 40rpx;
|
||||||
border-radius: 10px 10px 0px 0px;
|
border-radius: 10px 10px 0px 0px;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
color: rgba(16, 16, 16, 1);
|
color: rgba(16, 16, 16, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
z-index: 100;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: Arial;
|
|
||||||
}
|
|
||||||
.yxtchx{
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 72rpx;
|
|
||||||
width: 375px;
|
|
||||||
border: 1rpx solid rgba(233, 233, 232, 1);
|
|
||||||
}
|
}
|
||||||
.yxtcqxan{
|
|
||||||
position: absolute;
|
.sound-box-top {
|
||||||
left: 16px;
|
width: 100%;
|
||||||
width: 32px;
|
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
line-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);
|
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;
|
font-size: 16px;
|
||||||
text-align: left;
|
margin-top: 40rpx;
|
||||||
font-family: SourceHanSansSC-regular;
|
}
|
||||||
|
|
||||||
|
.sound-box-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/iconPark-acoustic%20Copy%203%401x.png);
|
||||||
}
|
}
|
||||||
.yxtctjan{
|
|
||||||
|
.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: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
border-radius: 5px;
|
||||||
|
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://wk921-1316969570.cos.ap-nanjing.myqcloud.com/if-ui-play%20Copy%401x.png);
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-audition {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/semiDesign-semi-icons-pause%20Copy%401x.png);
|
||||||
|
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 {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 999;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-top {
|
||||||
|
width: 100%;
|
||||||
|
height: 230rpx;
|
||||||
|
margin-top: 104rpx;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xz/bgt1.png);
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-bom {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 325px;
|
bottom: 0;
|
||||||
width: 32px;
|
width: 100%;
|
||||||
height: 72rpx;
|
height: 230rpx;
|
||||||
line-height:72rpx;
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/bottom.png?q-sign-algorithm=sha1&q-ak=AKIDA26Gi2QT6eEFH9w1Ci79jJA6qhcjEj6PtTFNKg7m94uF8G9C09W87_G3j4xur0YP&q-sign-time=1686215079;1686218679&q-key-time=1686215079;1686218679&q-header-list=host&q-url-param-list=ci-process&q-signature=6770b3e91ac3eef3f4ccc1454d8a3a62f974a2ad&x-cos-security-token=liea1KCZaPvP7X7AVEMsUpo4E4n0UJsa215000c747614340a2e2c022d52647652gmo41jTDzQWkJ-8pNsYx46n3W1z9Nw4nnW4jYpNr6G83Ignhr68mAZMB7ui3jLNZe9HUwbfutXw758m6NvzPKwKHH_CLeWZs9epshc-cEGwMHqijiv6mQx7gHCdB5DEvYea29JaI3rbis13K6tUXyUQrP5V6l9KA20noFJkeTeWJ0gNWmp5uVA_9disJ2aq&ci-process=originImage);
|
||||||
color: rgba(206, 206, 206, 1);
|
background-size: contain;
|
||||||
font-size: 16px;
|
}
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
.already-img {
|
||||||
}
|
margin: 0 auto;
|
||||||
.ylto{
|
width: 660rpx;
|
||||||
display: inline-block;
|
height: 522rpx;
|
||||||
margin-left: 60rpx;
|
background-size: contain;
|
||||||
margin-top: 50rpx;
|
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/%E4%BF%A1.png?q-sign-algorithm=sha1&q-ak=AKID75iKvt6pKeBH6kmQmugG7VsgGfLQq1lreUvTebnOcOYJjuHMexmmTv6BLsv8wnp7&q-sign-time=1686215487;1686219087&q-key-time=1686215487;1686219087&q-header-list=host&q-url-param-list=ci-process&q-signature=69197c8ac4f07d2037248bca09f6c0c5b0eabe5b&x-cos-security-token=liea1KCZaPvP7X7AVEMsUpo4E4n0UJsaba5cb9901edd2b22e04025e2028d4d1a2gmo41jTDzQWkJ-8pNsYx9bPLid0N78p6o0Zp4VO8m2JYh70Nq7Jr5BMVkX2pkZNiRDwUyYeXWYGXbihjwO2JK5NItEL5Y2E5av5GWTJlPw4E-pIGHqTSN0T5oZ1oDybeWI33Vx8EPpYf12eFO-5RLRgQcmXyI9i8YDkSF_bNKRVLVGe7n0cbNcVIk0QqECF&ci-process=originImage);
|
||||||
width: 300rpx;
|
}
|
||||||
height: 48rpx;
|
|
||||||
line-height: 48rpx;
|
.already-text {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.already-text1 {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 16px;
|
font-size: 18px;
|
||||||
text-align: left;
|
margin-bottom: 10rpx;
|
||||||
font-family: SourceHanSansSC-medium;
|
|
||||||
}
|
}
|
||||||
.ylfrom{
|
|
||||||
box-sizing: border-box;
|
.already-text2 {
|
||||||
margin-top: 10rpx;
|
width: 100%;
|
||||||
width: 630rpx;
|
display: flex;
|
||||||
height: 48rpx;
|
justify-content: center;
|
||||||
line-height: 48rpx;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
text-align: left;
|
margin-top: 20rpx;
|
||||||
font-family: SourceHanSansSC-medium;
|
|
||||||
padding-bottom: 200rpx;
|
|
||||||
}
|
}
|
||||||
.ylfrom1{
|
|
||||||
text-align: right;
|
.already-text3 {
|
||||||
margin-right: 50rpx;
|
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;
|
||||||
}
|
}
|
||||||
.ylfrombtm{
|
|
||||||
|
.already-btn .btn {
|
||||||
|
width: 210rpx;
|
||||||
|
height: 70rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 750rpx;
|
border-radius: 20rpx;
|
||||||
height: 200rpx;
|
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;
|
||||||
}
|
}
|
||||||
Loading…
Reference in new issue