123

src/views/pay/index.vue

@@ -0,0 +1,50 @@
+<template>
+	<div class="pay">
+		<div class="content">
+			<sc-list title="Order Summary" is-view is-mini :list="list" />
+		</div>
+		<my-footer />
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { computed, onMounted, ref } from 'vue'
+	import scList from '../shoppingCart/sc-list.vue'
+	import myFooter from '@/components/Footer.vue'
+	import { useRoute } from 'vue-router'
+	const route = useRoute()
+	const list = ref([])
+	try {
+		let str = route.query.list as string
+		list.value = JSON.parse(decodeURIComponent(atob(str)))
+	} catch (error) {}
+</script>
+
+<style lang="less" scoped>
+	.pay {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		overflow-y: auto;
+		--content-top: 4.8rem;
+		> .content {
+			max-width: 126rem;
+			padding-top: var(--content-top);
+			margin: 0 auto;
+			min-height: var(--app-view-height);
+			display: flex;
+			align-items: flex-start;
+			> .sc-list {
+				flex: 1;
+				margin-right: 7.5rem;
+				margin-bottom: 8rem;
+				--sc-list-header-top: var(--content-top);
+			}
+			> .order-summary {
+				position: sticky;
+				top: var(--content-top);
+				max-height: var(--app-view-height);
+			}
+		}
+	}
+</style>