812 lines
19 KiB
Vue
812 lines
19 KiB
Vue
<template>
|
||
<view class="content">
|
||
<u-navbar title="测评报告" @leftClick="leftClick" :autoBack="false">
|
||
</u-navbar>
|
||
<view class="header">
|
||
<image src="../../static/images/baogao-bg.png"></image>
|
||
</view>
|
||
<view class="record-con">
|
||
<view class="title">{{ table.tableInfo.tableName == null ? '' : table.tableInfo.tableName }}评定结果</view>
|
||
<view class="tip">该报表测评仅供参考</view>
|
||
|
||
<view class="text">
|
||
<p style="text-indent: 0;">尊敬的家长：</p>
|
||
<p>您好！</p>
|
||
<!-- <p>以下是您孩子各项指标的具体得分：</p> -->
|
||
<p>感谢您的测评参与，以下是您孩子各项的具体得分：</p>
|
||
</view>
|
||
<view class="assess-list">
|
||
<!-- <view class="assess-list-title">-->
|
||
<!-- <view class="one-assess">类型</view>-->
|
||
<!-- <view class="one-assess">得分</view>-->
|
||
<!-- </view>-->
|
||
<!-- <view v-for="(item,index) in reportData" :key="index">-->
|
||
<!-- <view class="one-assess-right">{{ item.optionIndex.replace('型','')+'型' }}</view>-->
|
||
<!-- </view>-->
|
||
|
||
<view class="assess-list-content" v-for="(item,index) in reportData" :key="index">
|
||
<view class="one-assess-right">{{ item.optionIndex }}</view>
|
||
<view class="one-assess-right score">{{ item.score }}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="table">
|
||
<radar ref="radar" :categories="categories" :series="series"></radar>
|
||
</view>
|
||
<view class="text parse">
|
||
<u-parse :content="reportContext"></u-parse>
|
||
</view>
|
||
<view class="text">
|
||
最后，我们对您的参与表示诚挚的谢意！祝您的孩子健康成长！
|
||
</view>
|
||
<u-divider text="分割线" lineColor="#2979ff" textColor="#2979ff" :dot="true"></u-divider>
|
||
<view class="text">
|
||
<p style="text-indent: 0;">参考资料：</p>
|
||
<p>1、Zhai J, Li X, Zhou Y, et al. Correlation and predictive ability of sensory characteristics and
|
||
social interaction in children with autism spectrum disorder. Frontiers in Psychiatry.
|
||
2023;14:1056051.</p>
|
||
<p>2、Turnbull A, Garfinkel SN, Ho NSP, Critchley HD, Bernhardt BC, Jefferies E, et al.
Word up –
|
||
Experiential and neurocognitive evidence for associations between autistic symptomology and a
|
||
preference for thinking in the form of words. Cortex. 2020;128:88–106. </p>
|
||
<p>3、Relationship between sensory characteristics and cortical thickness/volume in autism spectrum
|
||
disorders</p>
|
||
<p>4、Kojovic N, Ben Hadid L, Franchini M, Schaer M. Sensory processing issues and their association with
|
||
social difficulties in children with autism spectrum disorders. Journal of clinical medicine.
|
||
2019;8(10):1508. </p>
|
||
<p>5、Meng F-C, Xu X-J, Song T-J, et al. Development of an autism subtyping questionnaire based on social
|
||
behaviors. Neuroscience bulletin. 2018;34:789-800.</p>
|
||
<p>6、Defining the Behavioral Phenotype of Asperger Syndrome</p>
|
||
</p>
|
||
</view>
|
||
</view>
|
||
<view class="device-con">
|
||
<view class="device-title">
|
||
<view class="icon"></view>
|
||
<view class="name">推荐设备</view>
|
||
</view>
|
||
<view class="list">
|
||
<view class="one-device" @click="deviceClick(item.id)" v-for="item,index in locationList" :key="index">
|
||
<view class="left">
|
||
<image class="left-img" src="@/static/images/article.png"></image>
|
||
<view class="distance">{{item.distance/1000}}km</view>
|
||
</view>
|
||
<view class="right">
|
||
<view class="right-title">{{item.locationName}}</view>
|
||
<view class="right-num">设备数量：{{item.equipmentNums}}</view>
|
||
<view class="right-address">
|
||
{{item.locationState + item.locationCity+item.locationDistrict + item.locationAddress }}
|
||
</view>
|
||
</view>
|
||
<view class="tuijian">
|
||
<image src="@/static/images/tuijian.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<u-modal :show="localShow" @confirm="localModalConfirm" @cancel="localModalCancel" confirmText="前往"
|
||
:showCancelButton="true">
|
||
<view class="slot-content">您已拒绝位置授权，请在小程序我的-隐私权限中自行打开授权</view>
|
||
</u-modal>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// let music = uni.createInnerAudioContext(); //创建播放器对象
|
||
import radar from '@/components/radar/radar.vue'
|
||
import {
|
||
openPay,
|
||
prepayment,
|
||
getAdInfo
|
||
} from "@/common/api/api.js"
|
||
export default {
|
||
components: {
|
||
radar
|
||
},
|
||
data() {
|
||
return {
|
||
showModal: false,
|
||
recordId: null,
|
||
table: {
|
||
tableInfo: {
|
||
tableName: null
|
||
}
|
||
},
|
||
deptId: uni.getStorageSync('CodeDeptId') ? uni.getStorageSync('CodeDeptId') : "",
|
||
tableType: '', // 量表类型 table1 2 3
|
||
reportData: [],
|
||
reportType: '', // 量表1的测量类型结果
|
||
reportContext: null, // 报告内容
|
||
deviceList: [{
|
||
title: '设备名',
|
||
content: '具体位置具体位置具体位置具体具体位置具体位置具体位置',
|
||
}, {
|
||
title: '设备名1',
|
||
content: '具体位置具体位置具体位置具体具体位置具体位置具体位置',
|
||
}],
|
||
categories: [],
|
||
series: [{
|
||
name: '指标分布',
|
||
data: []
|
||
}],
|
||
locationList: [],
|
||
location: {},
|
||
localShow: false, //定位未授权提示弹框
|
||
user: {},
|
||
TimerOut: null,
|
||
isAdVisible: false,
|
||
currentTime: 0, // 当前视频播放时间
|
||
videourl: '',
|
||
videoLastTime: 0,
|
||
adStatus: null
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
if (uni.$u.test.isEmpty(option.recordId)) {
|
||
return uni.switchTab({
|
||
url: '/pages/tabbar/home/Home'
|
||
})
|
||
}
|
||
this.recordId = option.recordId;
|
||
|
||
this.adStatus = option.adStatus
|
||
|
||
},
|
||
onShow() {
|
||
console.log(this.adStatus);
|
||
//查询支付信息
|
||
if (!this.adStatus) {
|
||
let param = {
|
||
lgt: uni.getStorageSync("lon"),
|
||
lat: uni.getStorageSync("lat")
|
||
}
|
||
|
||
if(uni.getStorageSync("chooseVido")){
|
||
uni.setStorageSync("chooseVido",false)
|
||
//关闭支付
|
||
getAdInfo(param).then(adInfo => {
|
||
if (adInfo.data) {
|
||
uni.navigateTo({
|
||
url: '/tablePackage/pages/vdo?videourl=' +
|
||
this.baseUrl +
|
||
adInfo.data.video + "&type=back" +
|
||
"&recordId=" + this
|
||
.recordId
|
||
})
|
||
}
|
||
})
|
||
}else{
|
||
this.getRecordInfo();
|
||
this.$nextTick(() => {
|
||
this.$refs['radar'].showRadar("canvasRadar", this.categories, this
|
||
.series)
|
||
})
|
||
}
|
||
|
||
} else {
|
||
this.getRecordInfo();
|
||
this.$nextTick(() => {
|
||
this.$refs['radar'].showRadar("canvasRadar", this.categories, this
|
||
.series)
|
||
})
|
||
}
|
||
|
||
},
|
||
onUnload() {
|
||
clearTimeout(this.TimerOut)
|
||
},
|
||
methods: {
|
||
leftClick() {
|
||
console.log('57');
|
||
uni.switchTab({
|
||
url: '/pages/tabbar/home/Home'
|
||
})
|
||
},
|
||
ignore() {
|
||
this.showModal = false;
|
||
},
|
||
sure() {
|
||
if (this.user.longitude && this.user.latitude) {
|
||
this.showModal = false;
|
||
this.updateUserLocation();
|
||
// #ifdef MP-WEIXIN
|
||
this.getLocationList()
|
||
// #endif
|
||
} else {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '地址不能为空'
|
||
})
|
||
}
|
||
},
|
||
async updateUserLocation() {
|
||
const res = await this.$myRequest({
|
||
method: 'PUT',
|
||
url: '/system/user/profile/updateUserLocation',
|
||
data: {
|
||
longitude: this.user.longitude,
|
||
latitude: this.user.latitude,
|
||
state: this.user.state, //省
|
||
city: this.user.city, // 市
|
||
district: '', //县
|
||
address: this.user.address
|
||
}
|
||
})
|
||
uni.showToast({
|
||
icon: "none",
|
||
title: "可前往设备页查看设备地图"
|
||
})
|
||
console.log('97', res)
|
||
},
|
||
chooseAddress() {
|
||
uni.chooseLocation({
|
||
latitude: this.location.latitude,
|
||
longitude: this.location.longitude,
|
||
success: (data) => {
|
||
console.log('98', data)
|
||
this.user.address = data.address + data.name;
|
||
this.user.latitude = data.latitude;
|
||
this.user.longitude = data.longitude;
|
||
this.user.state = data.address.split('省')[0] + '省';
|
||
this.user.city = data.address.split('省')[1].split('市')[0] +
|
||
'市';
|
||
},
|
||
fail: (data) => {
|
||
console.log('104', data)
|
||
this.localShow = true;
|
||
}
|
||
})
|
||
},
|
||
async getUserInfo() {
|
||
const res = await this.$myRequest({
|
||
url: '/getInfo'
|
||
})
|
||
this.user = res.data.user;
|
||
if (this.user.longitude && this.user.latitude) {
|
||
return;
|
||
}
|
||
//10秒钟后弹出弹窗
|
||
this.TimerOut = setTimeout(() => {
|
||
this.showModal = true;
|
||
}, 10000)
|
||
},
|
||
//定位未授权提示弹框前往
|
||
localModalConfirm() {
|
||
this.localShow = false;
|
||
uni.switchTab({
|
||
url: '/pages/tabbar/mine/Mine'
|
||
})
|
||
},
|
||
//定位未授权提示弹框关闭
|
||
localModalCancel() {
|
||
this.localShow = false;
|
||
},
|
||
async getRecordInfo() {
|
||
uni.showLoading({
|
||
title: '获取报告中'
|
||
})
|
||
// 获取问卷记录
|
||
const res = await this.$myRequest({
|
||
url: '/system/record/getRecordInfo/' + this.recordId,
|
||
})
|
||
console.log('126', res.data.data.reportResult)
|
||
console.log('127', res.data.data.totalScore)
|
||
console.log('128', res.data.data.answer);
|
||
console.log('129', res.data.data.reportData);
|
||
// 校验是否存在记录
|
||
if (!res.data.hasOwnProperty('data')) {
|
||
uni.showToast({
|
||
title: '无此测量记录',
|
||
icon: 'error',
|
||
success: () => {
|
||
setTimeout(() => {
|
||
uni.switchTab({
|
||
url: '/pages/tabbar/home/Home'
|
||
})
|
||
}, 1500)
|
||
|
||
}
|
||
})
|
||
return
|
||
}
|
||
const userInfo = await this.$myRequest({
|
||
url: '/getInfo'
|
||
})
|
||
this.user = userInfo.data.user;
|
||
// 校验是否本人回答的记录
|
||
if (res.data.data.userId != userInfo.data.user.userId) {
|
||
uni.showToast({
|
||
title: '非本人测量记录',
|
||
icon: 'error',
|
||
success: () => {
|
||
setTimeout(() => {
|
||
uni.switchTab({
|
||
url: '/pages/tabbar/home/Home'
|
||
})
|
||
}, 1500)
|
||
|
||
}
|
||
})
|
||
return
|
||
}
|
||
|
||
|
||
|
||
this.tableType = res.data.data.tableType;
|
||
|
||
this.table = JSON.parse(uni.getStorageSync(res.data.data.tableType));
|
||
|
||
let reportData = JSON.parse(res.data.data.reportData);
|
||
|
||
/* */
|
||
|
||
this.reportData = reportData;
|
||
console.log('这是个什么玩意', reportData);
|
||
// 填充雷达图
|
||
for (let i = 0; i < reportData.length; i++) {
|
||
let text = '';
|
||
if (reportData[i].optionIndex.length > 2) {
|
||
text = reportData[i].optionIndex.slice(0, 9)
|
||
} else {
|
||
text = reportData[i].optionIndex;
|
||
}
|
||
|
||
// this.categories.push(reportData[i].optionIndex);
|
||
this.categories.push(text.replace('', '') + '');
|
||
console.log('174', this.categories);
|
||
this.series[0].data.push(reportData[i].score)
|
||
|
||
}
|
||
console.log('174', this.categories)
|
||
console.log('175', this.series)
|
||
|
||
if (res.data.data.tableType == "table1") {
|
||
console.log("res", res.data.data.reportResult);
|
||
const report = await this.$myRequest({
|
||
url: '/system/answer1/getReport/' + res.data.data
|
||
.reportResult + "?recordId=" + this
|
||
.recordId
|
||
})
|
||
console.log(report);
|
||
|
||
|
||
this.reportContext =
|
||
'根据您对孩子的日常行为评分，经综合统计评定，您的孩子在社交分型上属于<text class="underline">' + res.data
|
||
.data
|
||
.reportResult.replace('A', '').replace('B', '') + '</text>' + (report
|
||
.data.data ? report.data
|
||
.data.answerDesc : "")
|
||
} else {
|
||
this.reportContext = "本次测评总分为" + res.data.data.totalScore + "，";
|
||
this.reportContext += res.data.data.reportResult + "。";
|
||
}
|
||
|
||
|
||
|
||
|
||
// this.getReport()
|
||
uni.hideLoading()
|
||
this.TimerOut = setTimeout(() => {
|
||
this.showModal = true;
|
||
}, 10000)
|
||
},
|
||
async getLocationList() {
|
||
// #ifdef MP-WEIXIN
|
||
uni.showLoading({
|
||
title: '加载中',
|
||
mask: true
|
||
})
|
||
// #endif
|
||
// uni.authorize({
|
||
// scope: 'scope.userLocation',
|
||
// success: () => {
|
||
uni.getLocation({
|
||
type: 'wgs84',
|
||
success: (res) => {
|
||
console.log('当前位置的经度：' + res.longitude);
|
||
console.log('当前位置的纬度：' + res.latitude);
|
||
this.location = res
|
||
this.locationList = [];
|
||
this.locationListByLl()
|
||
uni.hideLoading()
|
||
},
|
||
fail: (data) => {
|
||
console.log('104', data)
|
||
this.localShow = true;
|
||
}
|
||
});
|
||
// }
|
||
// })
|
||
},
|
||
// 查询医疗设备场所列表(距离由近至远)
|
||
async locationListByLl() {
|
||
const res = await this.$myRequest({
|
||
url: '/system/location/locationListByLl/?longitude=' + this
|
||
.location.longitude +
|
||
'&latitude=' + this.location.latitude +
|
||
'&pageNum=1&pageSize=8',
|
||
})
|
||
this.locationList = res.data.rows
|
||
},
|
||
deviceClick(id) {
|
||
uni.navigateTo({
|
||
url: "/devicePackage/pages/DeviceList?equipmentLocationId=" + id
|
||
})
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
.header {
|
||
width: 100%;
|
||
|
||
image {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.record-con {
|
||
line-height: 40rpx;
|
||
border-radius: 20rpx;
|
||
background-color: rgba(255, 255, 255, 1);
|
||
// text-align: center;
|
||
box-shadow: 0px 2px 6px 0px rgba(228, 228, 228, 100);
|
||
padding: 30rpx 40rpx;
|
||
margin: 0 40rpx;
|
||
|
||
.title {
|
||
color: rgba(16, 16, 16, 1);
|
||
font-size: 40rpx;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.tip {
|
||
margin-top: 10rpx;
|
||
color: rgba(82, 81, 81, 1);
|
||
font-size: 24rpx;
|
||
text-align: center;
|
||
}
|
||
|
||
.text {
|
||
color: rgba(82, 81, 81, 1);
|
||
font-size: 28rpx;
|
||
margin-top: 30rpx;
|
||
text-indent: 2em;
|
||
|
||
&.parse {
|
||
margin-top: 0px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.device-con {
|
||
padding-bottom: 40rpx;
|
||
}
|
||
|
||
.device-title {
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 30rpx 40rpx;
|
||
|
||
.icon {
|
||
width: 6px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
border-radius: 50px;
|
||
background-color: rgba(40, 124, 206, 1);
|
||
text-align: center;
|
||
margin: 0rpx 10rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.name {
|
||
color: rgba(16, 16, 16, 1);
|
||
font-size: 36rpx;
|
||
text-align: left;
|
||
font-weight: 600;
|
||
}
|
||
}
|
||
|
||
.device-one {
|
||
line-height: 20px;
|
||
border-radius: 15px;
|
||
background-color: rgba(255, 255, 255, 1);
|
||
text-align: center;
|
||
padding: 20rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
border-radius: 15px;
|
||
background-color: rgba(255, 255, 255, 1);
|
||
box-shadow: 0px 0px 5px 0px rgba(230, 230, 230, 100);
|
||
margin: 0px 30rpx 16rpx;
|
||
|
||
.img {
|
||
width: 112px;
|
||
height: 90px;
|
||
border-radius: 6px;
|
||
margin-right: 20rpx;
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.right {
|
||
width: 65%;
|
||
|
||
.title {
|
||
color: rgba(16, 16, 16, 1);
|
||
font-size: 16px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
}
|
||
|
||
.info {
|
||
color: rgba(140, 139, 139, 1);
|
||
font-size: 13px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
text-align: left;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.assess-list {
|
||
display: flex;
|
||
justify-content: center;
|
||
width: 100%;
|
||
margin-top: 20rpx;
|
||
font-size: 14rpx;
|
||
|
||
.assess-list-title {}
|
||
|
||
.assess-list-content {}
|
||
|
||
.one-assess,
|
||
.one-assess-right {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
// width: 110rpx;
|
||
height: 100rpx;
|
||
font-size: 24rpx;
|
||
// padding: 6rpx 25rpx;
|
||
border: 1px solid #000000;
|
||
font-weight: bold;
|
||
padding: 0 3px;
|
||
width: 120rpx;
|
||
|
||
&.score {
|
||
font-weight: 100;
|
||
}
|
||
}
|
||
|
||
.one-assess-right:nth-child(1n) {
|
||
// border-left: none;
|
||
}
|
||
|
||
.one-assess:nth-child(2n) {
|
||
border-top: none;
|
||
}
|
||
|
||
.one-assess-right:nth-child(2n) {
|
||
border-top: none;
|
||
}
|
||
}
|
||
|
||
.list {
|
||
margin: 0px 40rpx;
|
||
|
||
.one-device {
|
||
padding: 20rpx;
|
||
margin-bottom: 24rpx;
|
||
line-height: 40rpx;
|
||
border-radius: 10rpx;
|
||
background-color: rgba(255, 255, 255, 1);
|
||
text-align: center;
|
||
box-shadow: 0px 2px 8px 1px rgba(228, 228, 228, 100);
|
||
display: flex;
|
||
justify-content: space-between;
|
||
position: relative;
|
||
|
||
.left {
|
||
position: relative;
|
||
width: 268rpx;
|
||
height: 182rpx;
|
||
border-radius: 10rpx;
|
||
margin-right: 20rpx;
|
||
|
||
.left-img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.distance {
|
||
position: absolute;
|
||
bottom: 0rpx;
|
||
width: 250rpx;
|
||
height: 24px;
|
||
line-height: 20px;
|
||
border-radius: 0rpx 0rpx 10rpx 10rpx;
|
||
background-color: rgba(16, 16, 16, 0.51);
|
||
color: rgba(16, 16, 16, 1);
|
||
font-size: 14px;
|
||
text-align: center;
|
||
color: #fff;
|
||
}
|
||
}
|
||
|
||
.right {
|
||
width: 61%;
|
||
|
||
// margin-left:20rpx;
|
||
.right-title {
|
||
color: rgba(16, 16, 16, 1);
|
||
font-size: 30rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.right-num {
|
||
color: rgba(16, 16, 16, 1);
|
||
font-size: 24rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
text-align: left;
|
||
margin-top: 10rpx;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
|
||
.right-address {
|
||
color: rgba(113, 113, 113, 1);
|
||
font-size: 24rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
text-align: left;
|
||
|
||
}
|
||
}
|
||
|
||
.tuijian {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
width: 96rpx;
|
||
height: 96rpx;
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.underline {
|
||
font-weight: bold;
|
||
padding-bottom: 3rpx;
|
||
border-bottom: 1px solid #000
|
||
}
|
||
|
||
.tip-area {
|
||
width: 90%;
|
||
height: 700rpx;
|
||
// height: 620rpx;
|
||
position: fixed;
|
||
top: 200rpx;
|
||
left: 5%;
|
||
// background-color: #fff;
|
||
// padding-bottom: 20px;
|
||
|
||
&.one {
|
||
border-radius: 20px;
|
||
box-shadow: 0px 2px 0px #E1E2FF, inset 0px -4px 2px #D1D3FF;
|
||
}
|
||
|
||
.one-tip {
|
||
// position: relative;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: #fff;
|
||
border-radius: 46rpx;
|
||
|
||
.tip-img {
|
||
width: 100%;
|
||
height: 300px;
|
||
// height: 250px;
|
||
|
||
// background: #FFFFFF;
|
||
// mix-blend-mode: normal;
|
||
// box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
|
||
image {
|
||
width: 100%;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.tip-content {
|
||
width: 100%;
|
||
color: #333;
|
||
font-size: 14px;
|
||
position: absolute;
|
||
top: 27%;
|
||
background: #fff;
|
||
padding: 0px 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
|
||
.one-row {
|
||
width: 89%;
|
||
|
||
}
|
||
|
||
.row {
|
||
width: 89%;
|
||
|
||
text-indent: 2em;
|
||
}
|
||
|
||
.four-row {
|
||
width: 89%;
|
||
height: 100rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.title {
|
||
margin-right: 30rpx;
|
||
}
|
||
|
||
input {
|
||
// width: 70%;
|
||
}
|
||
|
||
.right-img {
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
float: right;
|
||
}
|
||
}
|
||
}
|
||
|
||
.btn-area {
|
||
margin-top: 20rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
.tip-button {
|
||
font-size: 28rpx;
|
||
background: linear-gradient(278.96deg, #558FFF 3.23%, #0047FD 98.88%);
|
||
mix-blend-mode: normal;
|
||
box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.3);
|
||
border-radius: 22px;
|
||
text-align: center;
|
||
color: #FFFFFF;
|
||
width: 28%;
|
||
padding: 5px 0px;
|
||
margin: 0 auto;
|
||
margin-top: 10rpx;
|
||
}
|
||
</style> |