diff --git a/pages_order/thesis/index.vue b/pages_order/thesis/index.vue
index 7776682..693a2c8 100644
--- a/pages_order/thesis/index.vue
+++ b/pages_order/thesis/index.vue
@@ -6,7 +6,7 @@
-
+
{{ details.processTitle || '发表全流程辅导' }}
@@ -168,12 +168,17 @@
data() {
return {
details: {},
- coverImageHeight: '848rpx',
+ coverImageHeight: '566rpx',
+ coverImageShadowHeight: '113rpx'
}
},
onLoad({ thesisId }) {
+
const windowWidth = uni.getSystemInfoSync().windowWidth
- this.coverImageHeight = `${(windowWidth) * 848 / 714}px`
+ const coverImageHeight = (windowWidth) * 566 / 714
+ const coverImageShadowHeight = (windowWidth) * 113 / 714
+ this.coverImageHeight = `${coverImageHeight}px`
+ this.coverImageShadowHeight = `${coverImageShadowHeight}px`
this.getData(thesisId)
// this.getData('1949729528544800770')
@@ -273,19 +278,16 @@
.shadow {
position: absolute;
- top: 0;
+ bottom: 0;
left: 0;
width: 100%;
height: 100%;
- // background: linear-gradient(transparent, #FFFFFF);
- background: linear-gradient(transparent, #FFFFFF 90%, #FFFFFF);
+ background: linear-gradient(transparent, #FFFFFF);
}
}
.page-title {
- position: absolute;
padding: 0 36rpx;
- transform: translateY(-100%);
font-size: 60rpx;
font-weight: 700;
color: #4783F9;
diff --git a/pages_order/thesis/indexTwo.vue b/pages_order/thesis/indexTwo.vue
index 566d254..e110ff3 100644
--- a/pages_order/thesis/indexTwo.vue
+++ b/pages_order/thesis/indexTwo.vue
@@ -6,7 +6,7 @@
-
+
{{ details.title }}
@@ -153,13 +153,17 @@
data() {
return {
details: {},
- coverImageHeight: '848rpx',
+ coverImageHeight: '566rpx',
+ coverImageShadowHeight: '113rpx'
}
},
onLoad({ thesisId }) {
const windowWidth = uni.getSystemInfoSync().windowWidth
- this.coverImageHeight = `${(windowWidth) * 848 / 714}px`
+ const coverImageHeight = (windowWidth) * 566 / 714
+ const coverImageShadowHeight = (windowWidth) * 113 / 714
+ this.coverImageHeight = `${coverImageHeight}px`
+ this.coverImageShadowHeight = `${coverImageShadowHeight}px`
this.getData(thesisId)
},
@@ -258,19 +262,16 @@
.shadow {
position: absolute;
- top: 0;
+ bottom: 0;
left: 0;
width: 100%;
height: 100%;
- // background: linear-gradient(transparent, #FFFFFF);
- background: linear-gradient(transparent, #FFFFFF 90%, #FFFFFF);
+ background: linear-gradient(transparent, #FFFFFF);
}
}
.page-title {
- position: absolute;
padding: 0 36rpx;
- transform: translateY(-100%);
font-size: 60rpx;
font-weight: 700;
color: #4783F9;