|
@@ -1,36 +1,36 @@
|
|
<template>
|
|
<template>
|
|
<view class="report-container">
|
|
<view class="report-container">
|
|
-
|
|
|
|
|
|
+
|
|
<cu-custom bgColor="#000000"><view slot="content" style="color: #FFFFFF">UU睡眠</view></cu-custom>
|
|
<cu-custom bgColor="#000000"><view slot="content" style="color: #FFFFFF">UU睡眠</view></cu-custom>
|
|
<time-slot
|
|
<time-slot
|
|
ref="timeslot"
|
|
ref="timeslot"
|
|
:title="'选择时间段'"
|
|
:title="'选择时间段'"
|
|
@confirm="confirmTime">
|
|
@confirm="confirmTime">
|
|
</time-slot>
|
|
</time-slot>
|
|
-
|
|
|
|
|
|
+
|
|
<view v-if="!isDeviceAdded" class="flex-col page">
|
|
<view v-if="!isDeviceAdded" class="flex-col page">
|
|
<view class="flex-col flex-auto image-wrapper_2">
|
|
<view class="flex-col flex-auto image-wrapper_2">
|
|
<image
|
|
<image
|
|
class="image_6"
|
|
class="image_6"
|
|
src="../../static/report/reportBG.png"
|
|
src="../../static/report/reportBG.png"
|
|
/>
|
|
/>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row items-center self-center bottom-btns">
|
|
<view class="flex-row items-center self-center bottom-btns">
|
|
<view class="btn_1 bottom-btn">立即体验</view>
|
|
<view class="btn_1 bottom-btn">立即体验</view>
|
|
<view class="btn_2 bottom-btn">添加设备</view>
|
|
<view class="btn_2 bottom-btn">添加设备</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view v-if="isDeviceAdded" class="flex-col justify-start page">
|
|
<view v-if="isDeviceAdded" class="flex-col justify-start page">
|
|
<view class="flex-col report">
|
|
<view class="flex-col report">
|
|
-
|
|
|
|
|
|
+
|
|
<!-- report header -->
|
|
<!-- report header -->
|
|
<view class="flex-col justify-start report_header relative">
|
|
<view class="flex-col justify-start report_header relative">
|
|
-
|
|
|
|
|
|
+
|
|
<img class="report-header-img" src="../../static/report/reportIconLight.png" />
|
|
<img class="report-header-img" src="../../static/report/reportIconLight.png" />
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col report_score space-y-55">
|
|
<view class="flex-col report_score space-y-55">
|
|
<view class="flex-row space-x-10 report_period">
|
|
<view class="flex-row space-x-10 report_period">
|
|
<view class="flex-row justify-between flex-auto section_3">
|
|
<view class="flex-row justify-between flex-auto section_3">
|
|
@@ -47,7 +47,7 @@
|
|
/>
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view @click="handleTimeChoose" class="flex-row items-center shrink-0 section_4 space-x-10">
|
|
<view @click="handleTimeChoose" class="flex-row items-center shrink-0 section_4 space-x-10">
|
|
<text class="font_2 text_3">23:30~05:42</text>
|
|
<text class="font_2 text_3">23:30~05:42</text>
|
|
<image
|
|
<image
|
|
@@ -56,7 +56,7 @@
|
|
/>
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col report_score_data items-center">
|
|
<view class="flex-col report_score_data items-center">
|
|
<view class="flex-row justify-between items-center space-x-76-reverse">
|
|
<view class="flex-row justify-between items-center space-x-76-reverse">
|
|
<text class="text_4">极好</text>
|
|
<text class="text_4">极好</text>
|
|
@@ -71,10 +71,10 @@
|
|
<text class="self-center text_6">98</text>
|
|
<text class="self-center text_6">98</text>
|
|
<text class="self-center font_2 text_7">香睡指数</text>
|
|
<text class="self-center font_2 text_7">香睡指数</text>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row report-data-sum justify-between">
|
|
<view class="flex-row report-data-sum justify-between">
|
|
<view class="flex-row items-center">
|
|
<view class="flex-row items-center">
|
|
- <image
|
|
|
|
|
|
+ <image
|
|
class="icon-data-sum"
|
|
class="icon-data-sum"
|
|
src="../../static/report/reportIconTime.png"
|
|
src="../../static/report/reportIconTime.png"
|
|
/>
|
|
/>
|
|
@@ -88,9 +88,9 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row items-center">
|
|
<view class="flex-row items-center">
|
|
- <image
|
|
|
|
|
|
+ <image
|
|
class="icon-data-sum"
|
|
class="icon-data-sum"
|
|
src="../../static/report/reportIconClock.png"
|
|
src="../../static/report/reportIconClock.png"
|
|
/>
|
|
/>
|
|
@@ -104,13 +104,13 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<!-- report analysis -->
|
|
<!-- report analysis -->
|
|
<view class="flex-col report_analysis space-y-4">
|
|
<view class="flex-col report_analysis space-y-4">
|
|
<text class="self-start font_4 text_8">各项睡眠监测数据统计</text>
|
|
<text class="self-start font_4 text_8">各项睡眠监测数据统计</text>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col justify-start items-center relative report_analysis_data">
|
|
<view class="flex-col justify-start items-center relative report_analysis_data">
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row equal-division space-x-29 pos">
|
|
<view class="flex-row equal-division space-x-29 pos">
|
|
<view class="flex-col equal-division-item">
|
|
<view class="flex-col equal-division-item">
|
|
<view class="flex-col section_6 space-y-12">
|
|
<view class="flex-col section_6 space-y-12">
|
|
@@ -144,11 +144,11 @@
|
|
/>
|
|
/>
|
|
<text class="font_3">温馨提示</text>
|
|
<text class="font_3">温馨提示</text>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<text class="font_2 text_10">本次睡眠,您有1项指标不及格。</text>
|
|
<text class="font_2 text_10">本次睡眠,您有1项指标不及格。</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col equal-division-item_2 space-y-10">
|
|
<view class="flex-col equal-division-item_2 space-y-10">
|
|
<view class="flex-col section_7 space-y-12">
|
|
<view class="flex-col section_7 space-y-12">
|
|
<view class="flex-row space-x-10">
|
|
<view class="flex-row space-x-10">
|
|
@@ -165,7 +165,7 @@
|
|
<text class="font_5">分钟</text>
|
|
<text class="font_5">分钟</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col section_7 space-y-12">
|
|
<view class="flex-col section_7 space-y-12">
|
|
<view class="flex-row space-x-10">
|
|
<view class="flex-row space-x-10">
|
|
<image
|
|
<image
|
|
@@ -179,7 +179,7 @@
|
|
<text class="font_5">次/分</text>
|
|
<text class="font_5">次/分</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row justify-between section_8">
|
|
<view class="flex-row justify-between section_8">
|
|
<view class="flex-row items-center space-x-8">
|
|
<view class="flex-row items-center space-x-8">
|
|
<image
|
|
<image
|
|
@@ -193,7 +193,7 @@
|
|
<text class="font_5">次</text>
|
|
<text class="font_5">次</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row shrink-0 justify-between section_8 space-x-34">
|
|
<view class="flex-row shrink-0 justify-between section_8 space-x-34">
|
|
<view class="flex-row items-center space-x-8">
|
|
<view class="flex-row items-center space-x-8">
|
|
<image
|
|
<image
|
|
@@ -208,9 +208,9 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row justify-between section_efficiency">
|
|
<view class="flex-row justify-between section_efficiency">
|
|
<view class="flex-row items-center">
|
|
<view class="flex-row items-center">
|
|
<image
|
|
<image
|
|
@@ -223,7 +223,7 @@
|
|
<text class="font_4">68%</text>
|
|
<text class="font_4">68%</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row justify-between section_easy">
|
|
<view class="flex-row justify-between section_easy">
|
|
<view class="flex-row items-center">
|
|
<view class="flex-row items-center">
|
|
<image
|
|
<image
|
|
@@ -236,14 +236,14 @@
|
|
<text class="font_4"><text class="font_7">入睡时间</text>134分钟</text>
|
|
<text class="font_4"><text class="font_7">入睡时间</text>134分钟</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col page report-charts">
|
|
<view class="flex-col page report-charts">
|
|
<view class="flex-col justify-start flex-auto group">
|
|
<view class="flex-col justify-start flex-auto group">
|
|
<view class="flex-col justify-start group_3">
|
|
<view class="flex-col justify-start group_3">
|
|
<view class="flex-col group_8 space-y-10">
|
|
<view class="flex-col group_8 space-y-10">
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col justify-start relative report_leave_bed">
|
|
<view class="flex-col justify-start relative report_leave_bed">
|
|
<view class="section_10"></view>
|
|
<view class="section_10"></view>
|
|
<view class="flex-row justify-between items-center pos_2">
|
|
<view class="flex-row justify-between items-center pos_2">
|
|
@@ -259,9 +259,9 @@
|
|
<text class="font_6">次</text>
|
|
<text class="font_6">次</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col justify-start relative report_move">
|
|
<view class="flex-col justify-start relative report_move">
|
|
<view class="section_20"></view>
|
|
<view class="section_20"></view>
|
|
<view class="flex-row justify-between items-center pos_11">
|
|
<view class="flex-row justify-between items-center pos_11">
|
|
@@ -277,9 +277,9 @@
|
|
<text class="font_6">次</text>
|
|
<text class="font_6">次</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col justify-start relative report_heart">
|
|
<view class="flex-col justify-start relative report_heart">
|
|
<view class="section_25"></view>
|
|
<view class="section_25"></view>
|
|
<view class="flex-row justify-center items-center group_11 space-x-9 pos_21">
|
|
<view class="flex-row justify-center items-center group_11 space-x-9 pos_21">
|
|
@@ -304,7 +304,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col justify-start relative report_breath">
|
|
<view class="flex-col justify-start relative report_breath">
|
|
<view class="flex-col justify-start relative">
|
|
<view class="flex-col justify-start relative">
|
|
<view class="section_31"></view>
|
|
<view class="section_31"></view>
|
|
@@ -333,13 +333,13 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
<!-- <view class="list-divider" v-if="i !== 2"></view> -->
|
|
<!-- <view class="list-divider" v-if="i !== 2"></view> -->
|
|
<!-- </template> -->
|
|
<!-- </template> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-col justify-start relative report_heart">
|
|
<view class="flex-col justify-start relative report_heart">
|
|
<view class="section_25"></view>
|
|
<view class="section_25"></view>
|
|
<view class="flex-row justify-center items-center group_11 space-x-9 pos_21">
|
|
<view class="flex-row justify-center items-center group_11 space-x-9 pos_21">
|
|
@@ -353,7 +353,7 @@
|
|
src="../../static/report/reportIconWhy.png"
|
|
src="../../static/report/reportIconWhy.png"
|
|
/>
|
|
/>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<view class="flex-row justify-between report-sleep items-center">
|
|
<view class="flex-row justify-between report-sleep items-center">
|
|
<view class="flex-col item-sleep">
|
|
<view class="flex-col item-sleep">
|
|
<text class="item-sleep-title">清醒</text>
|
|
<text class="item-sleep-title">清醒</text>
|
|
@@ -366,25 +366,24 @@
|
|
<view class="flex-col item-sleep">
|
|
<view class="flex-col item-sleep">
|
|
<text class="item-sleep-title">深睡</text>
|
|
<text class="item-sleep-title">深睡</text>
|
|
<text class="item-sleep-desc">2小时14分钟</text>
|
|
<text class="item-sleep-desc">2小时14分钟</text>
|
|
- </view>
|
|
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
<!-- <tab-bar currentPage="report" /> -->
|
|
<!-- <tab-bar currentPage="report" /> -->
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import * as echarts from '@/uni_modules/lime-echart/static/echarts.min'
|
|
|
|
import timeSlot from "@/components/wanghexu-timeslot/wanghexu-timeslot.vue"
|
|
import timeSlot from "@/components/wanghexu-timeslot/wanghexu-timeslot.vue"
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -398,7 +397,7 @@
|
|
};
|
|
};
|
|
},
|
|
},
|
|
onReady: function() {
|
|
onReady: function() {
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
timeSlot
|
|
timeSlot
|
|
@@ -416,7 +415,7 @@
|
|
this.$refs.timeslot.open();
|
|
this.$refs.timeslot.open();
|
|
},
|
|
},
|
|
confirmTime(val) {
|
|
confirmTime(val) {
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
bindDateChange: function(e) {
|
|
bindDateChange: function(e) {
|
|
this.date = e.detail.value
|
|
this.date = e.detail.value
|
|
@@ -426,7 +425,7 @@
|
|
let year = date.getFullYear();
|
|
let year = date.getFullYear();
|
|
let month = date.getMonth() + 1;
|
|
let month = date.getMonth() + 1;
|
|
let day = date.getDate();
|
|
let day = date.getDate();
|
|
-
|
|
|
|
|
|
+
|
|
if (type === 'start') {
|
|
if (type === 'start') {
|
|
year = year - 60;
|
|
year = year - 60;
|
|
} else if (type === 'end') {
|
|
} else if (type === 'end') {
|
|
@@ -434,8 +433,8 @@
|
|
}
|
|
}
|
|
month = month > 9 ? month : '0' + month;
|
|
month = month > 9 ? month : '0' + month;
|
|
day = day > 9 ? day : '0' + day;
|
|
day = day > 9 ? day : '0' + day;
|
|
- return `${year}-${month}-${day}`;
|
|
|
|
- }
|
|
|
|
|
|
+ return `${year}-${month}-${day}`;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -446,9 +445,9 @@
|
|
top: 3rem;
|
|
top: 3rem;
|
|
width: 100%;
|
|
width: 100%;
|
|
padding: 0.3rem;
|
|
padding: 0.3rem;
|
|
-
|
|
|
|
|
|
+
|
|
.item-sleep {
|
|
.item-sleep {
|
|
-
|
|
|
|
|
|
+
|
|
.item-sleep-title {
|
|
.item-sleep-title {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
@@ -476,7 +475,7 @@
|
|
.bottom-btns {
|
|
.bottom-btns {
|
|
position: absolute;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
bottom: 10px;
|
|
-
|
|
|
|
|
|
+
|
|
.bottom-btn {
|
|
.bottom-btn {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
@@ -504,7 +503,7 @@
|
|
margin: 1rem;
|
|
margin: 1rem;
|
|
padding-top: 2.5rem;
|
|
padding-top: 2.5rem;
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
-
|
|
|
|
|
|
+
|
|
.icon-data-sum {
|
|
.icon-data-sum {
|
|
width: 40px;
|
|
width: 40px;
|
|
height: 40px;
|
|
height: 40px;
|
|
@@ -512,7 +511,7 @@
|
|
.text-data-sum {
|
|
.text-data-sum {
|
|
margin-left: 6px;
|
|
margin-left: 6px;
|
|
text-align: left;
|
|
text-align: left;
|
|
-
|
|
|
|
|
|
+
|
|
.title-data-sum {
|
|
.title-data-sum {
|
|
width: 100%;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
@@ -527,18 +526,18 @@
|
|
}
|
|
}
|
|
.font_5 {
|
|
.font_5 {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- line-height: 24px;
|
|
|
|
|
|
+ line-height: 24px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.page {
|
|
.page {
|
|
background-color: #000000;
|
|
background-color: #000000;
|
|
width: 100%;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
overflow-x: hidden;
|
|
height: 100%;
|
|
height: 100%;
|
|
-
|
|
|
|
|
|
+
|
|
.group {
|
|
.group {
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
.group_3 {
|
|
.group_3 {
|
|
@@ -909,7 +908,7 @@
|
|
right: 0;
|
|
right: 0;
|
|
top: 0;
|
|
top: 0;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.pos_31 {
|
|
.pos_31 {
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 0;
|
|
left: 0;
|
|
@@ -1033,7 +1032,7 @@
|
|
right: 0;
|
|
right: 0;
|
|
top: 0;
|
|
top: 0;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.pos_43 {
|
|
.pos_43 {
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 0;
|
|
left: 0;
|
|
@@ -1172,19 +1171,19 @@
|
|
overflow-x: hidden;
|
|
overflow-x: hidden;
|
|
height: 100%;
|
|
height: 100%;
|
|
margin-bottom: 1rem;
|
|
margin-bottom: 1rem;
|
|
-
|
|
|
|
|
|
+
|
|
.report {
|
|
.report {
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
-
|
|
|
|
|
|
+
|
|
.report_header {
|
|
.report_header {
|
|
-
|
|
|
|
|
|
+
|
|
.report-header-img {
|
|
.report-header-img {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: -3rem;
|
|
top: -3rem;
|
|
left: 50%;
|
|
left: 50%;
|
|
width: 22.5rem;
|
|
width: 22.5rem;
|
|
height: 28.5em;
|
|
height: 28.5em;
|
|
- margin-left: -11.25rem;
|
|
|
|
|
|
+ margin-left: -11.25rem;
|
|
}
|
|
}
|
|
.report_score {
|
|
.report_score {
|
|
padding-top: 1rem;
|
|
padding-top: 1rem;
|
|
@@ -1262,7 +1261,7 @@
|
|
opacity: 0.8;
|
|
opacity: 0.8;
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
background: linear-gradient(180deg, rgba(22, 125, 242, 1) 0%, rgba(52, 26, 75, 1) 100%);
|
|
background: linear-gradient(180deg, rgba(22, 125, 242, 1) 0%, rgba(52, 26, 75, 1) 100%);
|
|
-
|
|
|
|
|
|
+
|
|
.image_7 {
|
|
.image_7 {
|
|
width: 32px;
|
|
width: 32px;
|
|
height: 32px;
|
|
height: 32px;
|
|
@@ -1291,7 +1290,7 @@
|
|
opacity: 0.8;
|
|
opacity: 0.8;
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
background: linear-gradient(180deg, rgba(22, 125, 242, 1) 0%, rgba(52, 26, 75, 1) 100%);
|
|
background: linear-gradient(180deg, rgba(22, 125, 242, 1) 0%, rgba(52, 26, 75, 1) 100%);
|
|
-
|
|
|
|
|
|
+
|
|
.image_7 {
|
|
.image_7 {
|
|
width: 32px;
|
|
width: 32px;
|
|
height: 32px;
|
|
height: 32px;
|
|
@@ -1310,7 +1309,7 @@
|
|
}
|
|
}
|
|
.report_analysis_data {
|
|
.report_analysis_data {
|
|
padding-top: 17.5rem;
|
|
padding-top: 17.5rem;
|
|
-
|
|
|
|
|
|
+
|
|
.space-x-26 {
|
|
.space-x-26 {
|
|
& > view:not(:first-child),
|
|
& > view:not(:first-child),
|
|
& > text:not(:first-child),
|
|
& > text:not(:first-child),
|
|
@@ -1366,13 +1365,13 @@
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-size: cover;
|
|
border-radius: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
-
|
|
|
|
|
|
+
|
|
.text_10 {
|
|
.text_10 {
|
|
line-height: 1.4rem;
|
|
line-height: 1.4rem;
|
|
margin-top: 0.2rem;
|
|
margin-top: 0.2rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
.equal-division-item_2 {
|
|
.equal-division-item_2 {
|
|
padding: 0.25rem 0.38rem;
|
|
padding: 0.25rem 0.38rem;
|
|
@@ -1526,7 +1525,7 @@
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
overflow-x: hidden;
|
|
height: 100%;
|
|
height: 100%;
|
|
-
|
|
|
|
|
|
+
|
|
.image-wrapper_2 {
|
|
.image-wrapper_2 {
|
|
padding-bottom: 0.38rem;
|
|
padding-bottom: 0.38rem;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|