service_card/qianshancard_wx/pages/index/card.vue

<template>
    <view class="card">
		<!-- 头部 -->
		<navbar :back="true" title="我的卡片" :bgcolor="backgroundColor" color="#fff" fixed zIndex="1010" :center="true"	:custom='true' @getTop="getTop"/>
		<image :src="bgimg" class="cardbg"></image>
		
	 </view>
</template>

<script>
    export default {
        data() {
            return {
				padtop:this.$http._GET.customBarH||0,
				backgroundColor: 'transparent',
				bgimg:require('@/static/image/cardbg.png'),
				headimg:require('@/static/image/head.png'),
				// mtitimg:require('@/static/image/mtit.png'),
				rimg:require("@/static/image/rimg.png"),
				// lista:require("@/static/image/mlista.png"),
				// listb:require("@/static/image/mlistb.png"),
				// listc:require("@/static/image/mlistc.png"),
				// listd:require("@/static/image/mlistd.png"),
				// liste:require("@/static/image/mliste.png"),
				// listf:require("@/static/image/mlistf.png"),
				// listg:require("@/static/image/mlistg.png"),
            };
        },
        methods: {
			getTop(e){
				this.padtop=e;
			},
		},
		onPageScroll(res) {
			var scrolltop=res.scrollTop;
			if(scrolltop>0){
				this.backgroundColor='linear-gradient(60deg, #1b1b1d, #322c26,#1b1b1d)'
			}else{
				this.backgroundColor='transparent'
			}
		 },
    };
</script>
<style scoped lang="scss">
	.card{min-height: 100vh;background: #ffffff;overflow: auto;
		.cardbg{width: 100%;height:660rpx;}
	}
</style>