<template>
	<view class="mg-lr-24">
		<view class="white-bg-wrap mg-bot-24">
			<view class="u-f u-f-jcfs u-f-aic">
				<view class="fw400 light-gray fs28 mg-right-14 vertical-text">适用门店</view>
				<view class="right u-f u-f-jcfs">
					<view class="mg-right-12">
						<!-- <image style="width: 134rpx;height: 134rpx;" :mode="'widthFix'"
							src="../.././static/shop/server-type.png"></image> -->
					</view>
					<view>
						<view class="u-f u-f-jcsb u-f-aic mg-bot-10">
							<view class="fs28 fw400 light-black">宏达汽修（民族路店）</view>
							<view class="u-f u-f-jcfs u-f-aic">
								<text class="fs24 fw400 light-gray mg-right-18">17家门店</text>
								<text class="big-gray-right-arrow"></text>
							</view>
						</view>
						<view class="mg-bot-10">
							<text class="fs28 light-gray fw400">2.3km</text>
						</view>
						<view class="u-f u-f-jcsb u-f-aic">
							<text class="fs28 fw400 light-gray">南阳市西峡县民族路135号</text>
							<text class="send-icon"></text>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="white-bg-wrap">
			<view class="u-f u-f-jcsb u-f-aic mg-bot-20">
				<!-- <image src="../.././static/demo/test.png" style="width: 128rpx;height: 128rpx;flex: 1"
					:mode="'widthFix'" class="mg-right-10"></image> -->
				<view class="u-f u-f-fdc" style="flex: 4">
					<view class="fs28 light-black fw400 mg-bot-10">马牌高性能轮胎马牌高性能轮胎</view>
					<view class="mg-bot-10 u-f u-f-aic u-f-jcsb">
						<text class="light-gray fs24 mg-right-8">四只装</text>
					</view>
					<view class="u-f u-f-aic u-f-jcsb">
						<view class="u-f u-f-jcsb u-f-aic" style="margin-right: 96rpx;">
							<text class="fs32 main-color fw700">699积分</text>
						</view>
						<view class="fs24 light-gray">x1</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="fix-bot u-f u-f-jcsa u-f-aic">
			<view class="u-f u-f-jcfs u-f-aic">
				<text class="fs24 light-gray mg-right-22">所需积分</text>
				<text class="fs32 main-color">699</text>
			</view>
			<view class="line-gradient-btn" style="padding: 24rpx 0;width: 50%" @click="goDetail('/pages/exchange-success/exchange-success')">
				去使用
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goDetail(url) {
				uni.redirectTo({
					url: url
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #FAFBFF;
	}
</style>

<style lang="scss" scoped>
	.send-icon {
		width: 56rpx;
		height: 56rpx;
		// background: url(../.././static/maintenance/send.png) no-repeat center center;
		background-size: 100%;
	}
	
	.fix-bot {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 10rpx 0;
		background-color: #ffffff;
	}
</style>
