uniapp-shunfengche/pageA/invoice/invoice.vue

<template>
	<view>
		<view class="invoice flex justify-center">
			<view style="border: none;" @click="goNav('./Invoicing')" class="invoice-box flex justify-between align-center">
				<view class="invoice-box-l flex align-center">
					<image v-if="globalImages" :src="globalImages + 'images/static/rider/kp.png'" style="width: 40rpx;height: 45rpx;margin-right: 20rpx;" mode=""></image>
					申请开票
				</view>
				<view class="invoice-box-r">
					<u-icon name="arrow-right" color="black" size="28"></u-icon>
				</view>
			</view>
		</view>
		
		<!-- <view class="invoice flex justify-center" style="margin-top: 20rpx;">
			<view class="invoice-box flex justify-between align-center">
				<view class="invoice-box-l flex align-center">
					<image v-if="globalImages" :src="globalImages + 'images/static/rider/kp.png'" style="width: 40rpx;height: 45rpx;margin-right: 20rpx;" mode=""></image>
					代征开票
				</view>
				<view class="invoice-box-r">
					<u-icon name="arrow-right" color="black" size="28"></u-icon>
				</view>
			</view>
		</view> -->
		<view class="invoice flex justify-center" style="margin-top: 20rpx;">
			<view class="invoice-box flex justify-between align-center" @click="goNav('./kpjl')">
				<view class="invoice-box-l flex align-center">
					<image src="../../static/rider/kpjl.png" style="width: 40rpx;height: 45rpx;margin-right: 20rpx;" mode=""></image>
					开票记录
				</view>
				<view class="invoice-box-r">
					<u-icon name="arrow-right" color="black" size="28"></u-icon>
				</view>
			</view>
		</view>
		<view class="invoice flex justify-center" @click="goNav('/pageA/kpsm/kpsm')">
			<view style="border: none;" class="invoice-box flex justify-between align-center">
				<view class="invoice-box-l flex align-center">
					<image src="../../static/rider/kpsm.png" style="width: 40rpx;height: 45rpx;margin-right: 20rpx;" mode=""></image>
					开票说明
				</view>
				<view class="invoice-box-r">
					<u-icon name="arrow-right" color="black" size="28"></u-icon>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				globalImages: '',
			};
		},
		onLoad() {
			waitForGlobalImages().then((path) => {
				console.log('✅ 全局图片路径:', path)
				this.globalImages = path
			  })
		},
		methods:{
			// 跳转
			goNav(url){
				uni.navigateTo({
					url:url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
.invoice{
	width: 100%;
	height: 88rpx;
	background-color: #ffffff;
	.invoice-box{
		width: 686rpx;
		height: 100%;
		border-bottom: 1rpx solid #f2f2f2;
	}
}
</style>