star-uni/pages/user/user.vue

<template>
	<view>
		<view class="user-header">
			<view class="header-bg"><image src="https://blue-data.oss-cn-guangzhou.aliyuncs.com/star/hero-grid.png" mode="widthFix"></image></view>
			<cu-custom>
				<block slot="content">我的</block>
			</cu-custom>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		
	},
	onLoad() {
		
	},
	methods: {
		
	}
}
</script>

<style lang="scss">
page{background-color: #f8f8f8;}
.user-header{position: relative;background: linear-gradient(180deg, #87e0ff 9.04%, rgba(207, 238, 248, 0.35) 62.55%, rgba(245, 245, 245, 0) 100%);height: 560rpx;}
.user-header .header-bg{position: absolute;top: 0;left: 0;right: 0;z-index: 9999;}
.user-header .header-bg image{width: 100%;}
</style>