<template>
	<view class="content p-4">
		<view class="w-full grid grid-cols-2 gap-4">
			<!-- <view @click="utils.toUrl('/store/order/index')"
				class="text-white bg-gradient-to-r from-orange-200 to-orange-400 shadow rounded-md p-4">
				<wd-icon name="circle1" size="24px"></wd-icon>
				<view class="mt-2 text-end font-bold ">订单中心</view>
			</view> -->
			<view @click="utils.toUrl('/store/goods/index')"
				class="text-white bg-gradient-to-r from-orange-200 to-orange-400 shadow rounded-md p-4">
				<wd-icon name="goods" size="24px"></wd-icon>
				<view class="mt-2 text-end font-bold">商品管理</view>
			</view>
			<!-- <view class="bg-dark shadow-md rounded-md p-4">
				<wd-icon name="goods" size="22px"></wd-icon>
				<view class="mt-2 text-end font-bold">订单中心</view>
			</view>

			<view class="bg-dark shadow-md rounded-md p-4">
				<wd-icon name="goods" size="22px"></wd-icon>
				<view class="mt-2 text-end font-bold">订单中心</view>
			</view> -->
		</view>


	</view>
</template>

<script setup>
import utils from '@/utils/utils.js'
</script>

<style>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>
