初始化项目模板

2026-01-04 17:53:40 +08:00
1 parent 80fd6a1d4b
commit b3a69a1f27
@@ -0,0 +1,128 @@
+export default {
+  theme: {
+    colors: {
+      /**
+       * 项目主题颜色，背景色系、字体色系、边框色系均有用到
+       * 用法： 背景色系（bg-theme）
+       *        字体色系（text-theme）
+       *        边框色系（border-theme）
+       * 页面：首页/pages/index/index、产品列表页/pages/product/index、客服页/pages/customer/index、个人中心/pages/mine/index
+       */
+      theme: '#00A88E',
+      /**
+       * 用法： 浅背景主题色（bg-theme-opacity）
+       * 页面： 产品列表页/pages/product/index
+       */
+      'theme-opacity': '#ECF8EA',
+      tab: '#303030', //导航栏字体颜色
+      main: '#333333', //黑色字体颜色
+      white: '#fff', //白色字体
+      /**
+       * 用法： 备注类字体颜色（text-describe）
+       * 页面： 产品列表页/pages/product/index
+       */
+      describe: '#666666',
+      /**
+       * 用法： 价格字体颜色（text-price）
+       * 页面： 订单详情页/pages/order/order-detail、订单列表页/pages/order/index
+       */
+      price: '#D4493C',
+      /**
+       * 用法： 价格后缀字体颜色（text-price-after）
+       * 页面： 产品详情页/pages/product/detail
+       */
+      'price-after': '#7F8186',
+      /**
+       * 用法： 倒计时字体颜色（text-countdown）
+       * 页面： 订单详情页/pages/order/order-detail、订单列表页/pages/order/index
+       */
+      countdown: '#DB1D0C',
+      /**
+       * 用法： 未支付字体颜色（text-order-unpay）
+       * 页面： 订单详情页/pages/order/order-detail
+       */
+      'order-unpay': '#DB1D0C',
+      /**
+       * 用法： 未支付字体颜色（text-order-usable）
+       * 页面： 订单详情页/pages/order/order-detail
+       */
+      'order-usable': '#274C40',
+      /**
+       * 用法： 已完成字体颜色（text-order-finish）
+       * 页面： 订单详情页/pages/order/order-detail
+       */
+      'order-finish': '#666666',
+      /**
+       * 主要边框颜色（用的最多）
+       * 用法：（border-bg-theme）
+       * 页面：产品列表页/pages/product/index
+       */
+      'bd-main': '#D1B043',
+      /**
+       * 产品详情页-tab栏背景色
+       * 页面：产品详情页/pages/product/detail
+       */
+      'product-detail-tabs-bg': '#f4f6f5',
+      /**
+       * 产品详情页-tab栏字体颜色
+       * 页面：产品详情页/pages/product/detail
+       */
+      'product-detail-tabs-text': '#252527',
+      /**
+       * 产品详情页-套餐背景色
+       * 页面：产品详情页/pages/product/detail
+       */
+      productPckBg: '#f9f9f9',
+      /**
+       * 評價tab背景色
+       * 页面：产品详情页/pages/product/detail
+       */
+      commentTabBg: '#eaedec',
+      /**
+       * 評價tab背景色-選中
+       * 页面：产品详情页/pages/product/detail
+       */
+      commentTabBgActive: '#fff',
+      /**
+       * 評價tab字體顏色
+       * 页面：产品详情页/pages/product/detail
+       */
+      commentTabText: '#333333',
+      /**
+       * 評價tab字體顏色-選中
+       * 页面：产品详情页/pages/product/detail
+       */
+      commentTabTextActive: '#274C40',
+      /**
+       * 預訂彈窗日期字體顏色
+       * 页面：产品详情页/pages/product/detail
+       */
+      bookingPopupDateText: '#222',
+      /**
+       * 預訂彈窗日期字體顏色-選中
+       * 页面：产品详情页/pages/product/detail
+       */
+      bookingPopupDateTextActive: '#222',
+      /**
+       * 預訂彈窗日期邊框顏色
+       * 页面：产品详情页/pages/product/detail
+       */
+      bookingPopupDateBorderColor: 'rgba(39, 76, 64, 0.40)',
+      /**
+       * 預訂彈窗日期邊框顏色-選中
+       * 页面：产品详情页/pages/product/detail
+       */
+      bookingPopupDateBorderColorActive: '#274C40',
+      /**
+       * 預訂彈窗日期背景顏色
+       * 页面：产品详情页/pages/product/detail
+       */
+      bookingPopupDateBgColor: '#fff',
+      /**
+       * 預訂彈窗日期背景顏色-選中
+       * 页面：产品详情页/pages/product/detail
+       */
+      bookingPopupDateBgColorActive: '#eaedec',
+    },
+  },
+};