mobile_h5/card/App.vue

<script>
	export default {
		globalData: {
			// 默认赛事LOGO
			defaultMatchLogo: "https://oss-mbh5.colormaprun.com/static/logo/default.png",
			// 默认赛事BANNER
			defaultMatchBanner: "https://oss-mbh5.colormaprun.com/static/banner/banner1.png"
		},
		onLaunch: function() {
			// console.log('App Launch')

			const style = document.documentElement.style;
			
			// 通过JS设置CSS变量值
			const defaultMatchLogoUrl = `url("${this.globalData.defaultMatchLogo}")`;
			style.setProperty('--default-matchLogo-url', defaultMatchLogoUrl);
			
			const defaultMatchBannerUrl = `url("${this.globalData.defaultMatchBanner}")`;
			style.setProperty('--default-matchBanner-url', defaultMatchBannerUrl);

			// 通过JS获取CSS变量值
			// console.log("--default-matchLogo-url:", style.getPropertyValue('--default-matchLogo-url'));
			// console.log("--default-matchBanner-url:", style.getPropertyValue('--default-matchBanner-url'));
		},
		onShow: function() {
			// console.log('App Show')
			// this.$audio.play();
		},
		onHide: function() {
			// console.log('App Hide')
			// this.$audio.pause();
		},
		methods: {}
	}
</script>

<style>
	/*每个页面公共css */
	@import "global.css";
</style>