|
@@ -5,6 +5,13 @@
|
|
|
<view class="hero-bg-circle hero-bg-circle-1"></view>
|
|
<view class="hero-bg-circle hero-bg-circle-1"></view>
|
|
|
<view class="hero-bg-circle hero-bg-circle-2"></view>
|
|
<view class="hero-bg-circle hero-bg-circle-2"></view>
|
|
|
|
|
|
|
|
|
|
+ <view class="hero-nav" :style="'padding-top:' + (statusBarHeight > 0 ? statusBarHeight : 20) + 'px'">
|
|
|
|
|
+ <view class="hero-nav-back" hover-class="hero-nav-back-hover" @click="goBack">
|
|
|
|
|
+ <text class="hero-nav-back-icon">←</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="hero-nav-title">{{ dimensionLabel }}</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
<view class="hero-top">
|
|
<view class="hero-top">
|
|
|
<text class="hero-name">{{ childName }}</text>
|
|
<text class="hero-name">{{ childName }}</text>
|
|
|
<view class="hero-dim-row">
|
|
<view class="hero-dim-row">
|
|
@@ -251,6 +258,7 @@ export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
reportId: null,
|
|
reportId: null,
|
|
|
|
|
+ statusBarHeight: 0,
|
|
|
loading: true,
|
|
loading: true,
|
|
|
childName: '',
|
|
childName: '',
|
|
|
dateText: '',
|
|
dateText: '',
|
|
@@ -513,10 +521,22 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad(options) {
|
|
onLoad(options) {
|
|
|
|
|
+ try {
|
|
|
|
|
+ var info = uni.getWindowInfo && uni.getWindowInfo()
|
|
|
|
|
+ if (info && info.statusBarHeight) this.statusBarHeight = info.statusBarHeight
|
|
|
|
|
+ } catch (e) {}
|
|
|
this.reportId = options.reportId ? parseInt(options.reportId) : null
|
|
this.reportId = options.reportId ? parseInt(options.reportId) : null
|
|
|
if (this.reportId) this.loadData()
|
|
if (this.reportId) this.loadData()
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ goBack() {
|
|
|
|
|
+ var pages = getCurrentPages()
|
|
|
|
|
+ if (pages && pages.length > 1) {
|
|
|
|
|
+ uni.navigateBack()
|
|
|
|
|
+ } else {
|
|
|
|
|
+ uni.reLaunch({ url: '/pages/index-home/index' })
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
getBlockKey(bi) {
|
|
getBlockKey(bi) {
|
|
|
return 'g' + bi
|
|
return 'g' + bi
|
|
|
},
|
|
},
|
|
@@ -662,11 +682,25 @@ $c-rpt-mask-ink: #000; // 遮罩渐变异色(mask-image)
|
|
|
.hero {
|
|
.hero {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
background: linear-gradient(160deg, $dim-wisdom-deep 0%, $facade-violet-deep 55%, $facade-violet 100%);
|
|
background: linear-gradient(160deg, $dim-wisdom-deep 0%, $facade-violet-deep 55%, $facade-violet 100%);
|
|
|
- padding: 48rpx 36rpx 44rpx;
|
|
|
|
|
|
|
+ padding: 0 36rpx 44rpx;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
border-bottom-left-radius: 24rpx;
|
|
border-bottom-left-radius: 24rpx;
|
|
|
border-bottom-right-radius: 24rpx;
|
|
border-bottom-right-radius: 24rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+.hero-nav {
|
|
|
|
|
+ position: relative; z-index: 2;
|
|
|
|
|
+ display: flex; align-items: center;
|
|
|
|
|
+ padding-bottom: 20rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.hero-nav-back {
|
|
|
|
|
+ width: 64rpx; height: 64rpx; border-radius: 50%;
|
|
|
|
|
+ background: rgba(255,255,255,0.22);
|
|
|
|
|
+ display: flex; align-items: center; justify-content: center;
|
|
|
|
|
+ margin-right: 16rpx;
|
|
|
|
|
+}
|
|
|
|
|
+.hero-nav-back-hover { background: rgba(255,255,255,0.38); }
|
|
|
|
|
+.hero-nav-back-icon { color: #fff; font-size: 44rpx; line-height: 1; font-weight: 700; }
|
|
|
|
|
+.hero-nav-title { color: rgba(255,255,255,0.95); font-size: calc(30rpx * var(--font-scale, 1)); font-weight: 600; }
|
|
|
.hero-bg-circle { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.06); }
|
|
.hero-bg-circle { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.06); }
|
|
|
.hero-bg-circle-1 { width: 380rpx; height: 380rpx; right: -120rpx; top: -140rpx; }
|
|
.hero-bg-circle-1 { width: 380rpx; height: 380rpx; right: -120rpx; top: -140rpx; }
|
|
|
.hero-bg-circle-2 { width: 220rpx; height: 220rpx; left: -80rpx; bottom: -60rpx; }
|
|
.hero-bg-circle-2 { width: 220rpx; height: 220rpx; left: -80rpx; bottom: -60rpx; }
|