feat(shop): 添加文章详情页面并优化购物车样式

- 新增文章详情页面组件，用于显示文章内容
- 优化购物车页面样式，增加空购物车状态的透明背景
- 添加多个购物相关 API 接口，包括优惠券、订单等
- 更新环境配置，修改 API 基础 URL
- 调整发现页面布局，增加文章详情入口

src/api/shop/shopArticle/index.ts

@@ -0,0 +1,101 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopArticle, ShopArticleParam } from './model';
+
+/**
+ * 分页查询商品文章
+ */
+export async function pageShopArticle(params: ShopArticleParam) {
+  const res = await request.get<ApiResult<PageResult<ShopArticle>>>(
+    '/shop/shop-article/page',
+    params
+  );
+  if (res.code === 0) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 查询商品文章列表
+ */
+export async function listShopArticle(params?: ShopArticleParam) {
+  const res = await request.get<ApiResult<ShopArticle[]>>(
+    '/shop/shop-article',
+    params
+  );
+  if (res.code === 0 && res.data) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 添加商品文章
+ */
+export async function addShopArticle(data: ShopArticle) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/shop/shop-article',
+    data
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 修改商品文章
+ */
+export async function updateShopArticle(data: ShopArticle) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/shop/shop-article',
+    data
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 删除商品文章
+ */
+export async function removeShopArticle(id?: number) {
+  const res = await request.del<ApiResult<unknown>>(
+    '/shop/shop-article/' + id
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 批量删除商品文章
+ */
+export async function removeBatchShopArticle(data: (number | undefined)[]) {
+  const res = await request.del<ApiResult<unknown>>(
+    '/shop/shop-article/batch',
+    {
+      data
+    }
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 根据id查询商品文章
+ */
+export async function getShopArticle(id: number) {
+  const res = await request.get<ApiResult<ShopArticle>>(
+    '/shop/shop-article/' + id
+  );
+  if (res.code === 0 && res.data) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.message));
+}