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;