xiongmao/pages/my-order/select-service/select-service.vue

<!-- 选择服务 -->
<template>
	<view class="wrap">
		
		<view class="item">
			<view class="item-top">
				<text>限源预售</text>
			</view>
			<view class="item-content">
				<image src="../../../static/img-4.png" class="product-img" mode="aspectFill"></image>
				<view class="item-content-sidebar">
					<view class="product-item-row-between">
						<view class="product-item-name">
							冻干柠檬片 蜂蜜柠檬茶 保留鲜度96% 美白神器
						</view>
						<view class="row-end">
							<text class="product-item-price">￥394.00</text>
							<text class="product-item-num">x <text>1</text></text>
						</view>
					</view>
					<view class="product-item-tag">
						<text>一盒15g*20袋</text> 
					</view> 
				</view>
			</view> 
		</view>
		
		<view class="box">
			<view class="box-label">
				选择服务类型
			</view>
			<view class="select-service-list">
				<view class="select-service-item" @tap="applyForRefund">
					<image src="../../../static/service-2.png" class="select-service-icon" mode="widthFix"></image>
					<view class="select-service-sidebar">
						<view class="select-service-column">
							<view class="select-service-name">我要退款(无需退货)</view>
							<view class="select-service-msg">没收到货,或与卖家协商同意不用退货只退款</view>
						</view>
						<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
					</view>
				</view>
				<view class="select-service-item" @tap="applyForRefund">
					<image src="../../../static/service-1.png" class="select-service-icon" mode="widthFix"></image>
					<view class="select-service-sidebar">
						<view class="select-service-column">
							<view class="select-service-name">我要退货退款</view>
							<view class="select-service-msg">已收到货,需要退还收到的货物</view>
						</view>
						<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转申请退款
			applyForRefund() {
				uni.navigateTo({
					url: '../apply-for-refund/apply-for-refund'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	@import "./select-service.css";
</style>