xingmingyi_applet/pagesA/mall/ordReturn.vue

<template>
	<view class="content">
		<navigator :url="'/pagesA/mall/ordRetInfo?type=2&id='+id" class="box dffs">
			<image src="/static/img/pro/tui1.png" mode=""></image>
			<view class="rig dffd">
				<text class="black">我要退货退款</text>
				<text class="textgrey">已收到货，需要退还已收到的货物</text>
			</view>
		</navigator>
		<navigator :url="'/pagesA/mall/ordRetInfo?type=1&id='+id" class="box dffs">
			<image src="/static/img/pro/tui2.png" mode=""></image>
			<view class="rig dffd">
				<text class="black">我要退款（无需退货）</text>
				<text class="textgrey">未收到货，协商之后申请</text>
			</view>
		</navigator>
	</view>
</template>

<script>
import goods from '../components/collageMall.vue';
import hotgods from './componets/hotgodlist.vue';
export default {
	components: {
		goods,
		hotgods
	},
	data() {
		return {
			id:'', 
		};
	}, 
	onLoad(opt) {
		this.id = opt.id || 1;  
	},
	methods: { 
	}
};
</script>

<style lang="scss" scoped>
.content {
	padding: 20rpx 30rpx;
}
.box {
	padding: 60rpx 40rpx;
	background-color: #fff;
	margin-bottom: 30rpx;
	border-radius: 8rpx;
	image {
		width: 48rpx;
		height: 44rpx;
		margin-right: 41rpx;
	}
	.rig {
		.black {
			color: #333;
			font-size: 34rpx;
			margin-bottom: 14rpx;
		}
		.textgrey {
			font-size: 26rpx;
		}
	}
}
</style>