feat: 产品选择列表

pages.config.ts

@@ -1,4 +1,4 @@
-import { defineUniPages } from '@uni-helper/vite-plugin-uni-pages'
+import {defineUniPages} from '@uni-helper/vite-plugin-uni-pages'
 
 export default defineUniPages({
   easycom: {
@@ -18,7 +18,7 @@ export default defineUniPages({
       },
     },
     {
-      path: 'pages/feed-calculator/index',
+      path: 'pages/feed-questionnaire/index',
       type: 'page',
       style: {
         navigationBarTitleText: '喂养计算器',
@@ -64,33 +64,49 @@ export default defineUniPages({
       type: 'page',
     },
     {
-      path: 'pages/feed-calculator/components/FeedSlogan',
+      path: 'pages/feed-questionnaire/components/FeedSlogan',
       type: 'page',
     },
     {
-      path: 'pages/feed-calculator/components/FeedForm',
+      path: 'pages/feed-questionnaire/components/FeedForm',
       type: 'page',
     },
     {
-      path: 'pages/feed-calculator/components/FeedQuestionnaire',
+      path: 'pages/feed-questionnaire/components/FeedQuestionnaire',
       type: 'page',
     },
     {
-      path: 'pages/feed-calculator/components/FeedStart',
+      path: 'pages/feed-questionnaire/components/FeedStart',
       type: 'page',
     },
     {
-      path: 'pages/feed-calculator/components/FeedStep',
+      path: 'pages/feed-questionnaire/components/FeedStep',
       type: 'page',
     },
     {
-      path: 'pages/feed-calculator/components/ProgressBar',
+      path: 'pages/feed-questionnaire/components/ProgressBar',
       type: 'page',
     },
     {
       path: 'pages/pet-manual/components/CardList',
       type: 'page',
     },
+    {
+      path: 'pages/feed-plan-calculator/index',
+      type: 'page',
+      style: {
+        navigationBarTitleText: '喂养问卷',
+      },
+      layout: 'custom',
+    },
+    {
+      path: 'pages/feed-plan-calculator/choose-product',
+      type: 'page',
+      style: {
+        navigationBarTitleText: '喂养问卷',
+      },
+      layout: 'custom',
+    },
   ],
   globalStyle: {
     backgroundColor: '#fff',

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useAppStore } from '@/stores/app'
+import {useAppStore} from '@/stores/app'
 
 onLaunch(() => {
   const authStore = useAppStore()
@@ -8,7 +8,3 @@ onLaunch(() => {
   }
 })
 </script>
-
-<template>
-  <TabBar />
-</template>

src/api/product.ts

@@ -0,0 +1,6 @@
+import type {Product} from '@/model/product'
+import httpClient from '@/api/httpClient'
+
+export function fetchProductList() {
+  return httpClient.get<Product[]>('/products/list')
+}

src/components.d.ts

@@ -7,6 +7,8 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    AddFeedingPlan: typeof import('./components/AddFeedingPlan.vue')['default']
+    BButton: typeof import('./components/BButton.vue')['default']
     Cell: typeof import('./components/Cell.vue')['default']
     CellGroup: typeof import('./components/CellGroup.vue')['default']
     PickerDate: typeof import('./components/PickerDate.vue')['default']

src/components/AddFeedingPlan.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <view class="w-full h-[135px] bg-white shadow-cell-group rounded-xl flex flex-col justify-center items-center gap-[5px] text-xs text-disabled">
+    <image src="@/static/icons/plus-circle-2.svg" class="w-[47px] h-[47px]" />
+    添加
+  </view>
+</template>
+
+<style scoped>
+
+</style>

src/components/BButton.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  disabled: boolean
+  type: 'primary' | 'default'
+}>(), {
+  disabled: false,
+  type: 'primary',
+})
+</script>
+
+<template>
+  <button
+    class="px-[60px] py-[5px]  bg-primary border-none outline-none text-white rounded-3xl flex items-center justify-center text-lg disabled:bg-[red] after:border-none"
+    :disabled="disabled"
+    :class="{
+      '!bg-disabled !text-white': disabled,
+      'bg-primary': !disabled && type === 'primary',
+    }"
+  >
+    <slot />
+  </button>
+</template>
+
+<style scoped>
+
+</style>

src/layouts/custom.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <view class="w-screen h-screen">
+    <slot />
+  </view>
+</template>
+
+<style scoped>
+
+</style>

src/model/product.ts

@@ -0,0 +1,14 @@
+import type {BaseModel} from '@/model/base'
+
+export interface Product extends BaseModel {
+  name: string
+  category: ProductCategory
+  photo: string
+  tags: string[]
+  totalCalories: number
+  totalWeight: number
+}
+export enum ProductCategory {
+  DRY_FOOD = '干粮',
+  WET_FOOD = '湿粮',
+}

src/pages.json

@@ -8,17 +8,33 @@
   "entryPagePath": "pages/home/index",
   "pages": [
     {
-      "path": "pages/feed-calculator/index",
+      "path": "pages/feed-plan/index",
       "type": "page",
       "style": {
-        "navigationBarTitleText": "喂养计算器"
+        "navigationBarTitleText": "喂养计划"
       }
     },
     {
-      "path": "pages/feed-plan/index",
+      "path": "pages/feed-plan-calculator/choose-product",
       "type": "page",
       "style": {
-        "navigationBarTitleText": "喂养计划"
+        "navigationBarTitleText": "喂养问卷"
+      },
+      "layout": "custom"
+    },
+    {
+      "path": "pages/feed-plan-calculator/index",
+      "type": "page",
+      "style": {
+        "navigationBarTitleText": "喂养问卷"
+      },
+      "layout": "custom"
+    },
+    {
+      "path": "pages/feed-questionnaire/index",
+      "type": "page",
+      "style": {
+        "navigationBarTitleText": "喂养计算器"
       }
     },
     {
@@ -62,32 +78,32 @@
       "style": {}
     },
     {
-      "path": "pages/feed-calculator/components/FeedForm",
+      "path": "pages/feed-questionnaire/components/FeedForm",
       "type": "page",
       "style": {}
     },
     {
-      "path": "pages/feed-calculator/components/FeedQuestionnaire",
+      "path": "pages/feed-questionnaire/components/FeedQuestionnaire",
       "type": "page",
       "style": {}
     },
     {
-      "path": "pages/feed-calculator/components/FeedSlogan",
+      "path": "pages/feed-questionnaire/components/FeedSlogan",
       "type": "page",
       "style": {}
     },
     {
-      "path": "pages/feed-calculator/components/FeedStart",
+      "path": "pages/feed-questionnaire/components/FeedStart",
       "type": "page",
       "style": {}
     },
     {
-      "path": "pages/feed-calculator/components/FeedStep",
+      "path": "pages/feed-questionnaire/components/FeedStep",
       "type": "page",
       "style": {}
     },
     {
-      "path": "pages/feed-calculator/components/ProgressBar",
+      "path": "pages/feed-questionnaire/components/ProgressBar",
       "type": "page",
       "style": {}
     },

src/pages/feed-plan-calculator/choose-product.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { useProductStore } from '@/stores/product'
+
+const productStore = useProductStore()
+
+onMounted(() => {
+  productStore.fetchAllProducts()
+})
+</script>
+
+<template>
+  <view class="w-full h-full overflow-y-auto bg-regular px-4 py-5">
+    <view class="w-full flex gap-2">
+      <view
+        v-for="category in productStore.categoryList" :key="category.value" class="rounded-t-xl px-4 py-[9px] font-semibold" :class="{
+          'bg-white ': category.value === productStore.currentProductCategory,
+          'bg-disabled text-white': category.value !== productStore.currentProductCategory,
+        }"
+        @tap="() => productStore.switchCurrentProductCategory(category.value)"
+      >
+        {{ category.label }}
+      </view>
+    </view>
+    <view class="w-full bg-white rounded-tr-xl shadow-cell-group">
+      <view v-for="product in productStore.productList" :key="product.id" class="py-4 px-8 flex gap-3 items-center border-b-1">
+        <image :src="product.photo" class="w-[80px] h-[80px]" />
+        <view class="h-full flex flex-col gap-4">
+          <view class="font-semibold">
+            {{ product.name }}
+          </view>
+          <view class="flex gap-2">
+            <view v-for="tag in product.tags" :key="tag" class="px-2 py-0.5 bg-[#f3f3f3] rounded-0.75">
+              {{ tag }}
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+
+</style>

src/pages/feed-plan-calculator/index.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import AddFeedingPlan from '@/components/AddFeedingPlan.vue'
+
+function goToChooseProductPage() {
+  uni.navigateTo({
+    url: '/pages/feed-plan-calculator/choose-product',
+  })
+}
+</script>
+
+<template>
+  <view class="w-full h-full bg-regular flex flex-col items-center">
+    <view class="mt-[54px] flex flex-col gap-1 mb-[60px] items-center">
+      <view class="gradient-text text-[48px] font-bold">
+        400<text class="text-[24px] font-semibold">
+          Kcal
+        </text>
+      </view>
+      <view class="font-semibold">
+        总热量
+      </view>
+      <view class="text-xs text-disabled font-semibold">
+        （未添加产品）
+      </view>
+    </view>
+    <image src="@/static/svg/plate.svg" class="w-[289px] h-[176px] mb-[50px]" />
+    <view class="w-full px-4 mb-[52px]">
+      <AddFeedingPlan @tap="goToChooseProductPage" />
+    </view>
+    <BButton disabled>
+      确认
+    </BButton>
+  </view>
+</template>
+
+<style scoped>
+.gradient-text {
+  background: linear-gradient(180deg, #151515 0%, #7B7B7B 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+</style>

src/pages/feed-calculator/components/FeedQuestionnaire.vue → src/pages/feed-questionnaire/components/FeedQuestionnaire.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { FeedFormQuestions, PetCard, StepInfo, UserList } from '@/model/pet-manual'
-import FeedForm from '@/pages/feed-calculator/components/FeedForm.vue'
-import FeedSlogan from '@/pages/feed-calculator/components/FeedSlogan.vue'
-import ProgressBar from '@/pages/feed-calculator/components/ProgressBar.vue'
+import FeedForm from '@/pages/feed-questionnaire/components/FeedForm.vue'
+import FeedSlogan from '@/pages/feed-questionnaire/components/FeedSlogan.vue'
+import ProgressBar from '@/pages/feed-questionnaire/components/ProgressBar.vue'
 import avator from '@/static/image/pet-parameters/avatar.png'
 
 const props = defineProps<{

src/pages/feed-calculator/components/FeedStart.vue → src/pages/feed-questionnaire/components/FeedStart.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { StepInfo } from '@/model/pet-manual'
-import FeedStep from '@/pages/feed-calculator/components/FeedStep.vue'
+import type {StepInfo} from '@/model/pet-manual'
+import FeedStep from '@/pages/feed-questionnaire/components/FeedStep.vue'
 import feedTitle from '@/static/image/feed-plan/feed-title.png'
 
 const props = defineProps<{
@@ -24,9 +24,9 @@ function handleReady() {
   </view>
   <FeedFlogan />
   <view class="flex items-center justify-center">
-    <button class="w-[176px] h-[47px] flex items-center justify-center bg-[#4545E5] border-none text-[white] rounded-3xl mt-[87px]" @tap="handleReady">
+    <BButton class="w-[176px] h-[47px] flex items-center justify-center bg-[#4545E5] border-none text-[white] rounded-3xl mt-[87px]" @tap="handleReady">
       准备好了
-    </button>
+    </BButton>
   </view>
 </template>
 

src/pages/feed-calculator/index.vue → src/pages/feed-questionnaire/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { FeedFormQuestions, UserList } from '@/model/pet-manual'
 import { PetBodyType } from '@/model/pet'
-import FeedQuestionnaire from '@/pages/feed-calculator/components/FeedQuestionnaire.vue'
-import FeedStart from '@/pages/feed-calculator/components/FeedStart.vue'
-import FeedStep from '@/pages/feed-calculator/components/FeedStep.vue'
+import FeedQuestionnaire from '@/pages/feed-questionnaire/components/FeedQuestionnaire.vue'
+import FeedStart from '@/pages/feed-questionnaire/components/FeedStart.vue'
+import FeedStep from '@/pages/feed-questionnaire/components/FeedStep.vue'
 import extremelyObese from '@/static/image/body-type/extremely-obese.svg'
 import extremelyThin from '@/static/image/body-type/extremely-thin.svg'
 import ideal from '@/static/image/body-type/ideal.svg'

src/pages/start-filing/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import PickerItem from '@/components/PickerItem.vue'
-import FeedSlogan from '@/pages/feed-calculator/components/FeedSlogan.vue'
+import FeedSlogan from '@/pages/feed-questionnaire/components/FeedSlogan.vue'
 import edit from '@/static/image/start-filing/edit.png'
 import { useFeedingPlanStore } from '@/stores/feeding-plan'
 import ToolApi from '@/utils'
@@ -9,7 +9,7 @@ const safeHeight = ToolApi.getSafeHeight()
 
 const feedSloganBottom = ref<number>(13)
 function handleNext() {
-  uni.navigateTo({ url: '/pages/feed-calculator/index' })
+  uni.navigateTo({ url: '/pages/feed-questionnaire/index' })
 }
 
 const { pet, petTypeOptions, genderOptions } = useFeedingPlanStore()

src/pages/userInfo/index.vue

@@ -31,9 +31,9 @@ import union from '@/static/image/user-info/union.png'
       <uni-list-item show-arrow title="地址" right-text="杭州" />
     </uni-card>
     <view class=" w-full flex justify-center items-center mt-[80px]">
-      <button class="w-[176px] h-[47px] font-normal bg-[#4545E5] text-[18px] rounded-[69px] text-[#fff] flex justify-center items-center">
+      <BButton class="w-[176px] h-[47px] font-normal bg-[#4545E5] text-[18px] rounded-[69px] text-[#fff] flex justify-center items-center">
         确认
-      </button>
+      </BButton>
     </view>
     <view class="mt-[20px] flex justify-center items-center">
       <image

src/static/icons/plus-circle-2.svg

@@ -0,0 +1,4 @@
+<svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21.8214 25.1766V35.248H25.1786V25.1766H35.25V21.8194H25.1786V11.748H21.8214V21.8194H11.75V25.1766H21.8214Z" fill="#D9D9D9"/>
+    <path d="M23.5 46.998C36.4787 46.998 47 36.4767 47 23.498C47 10.5193 36.4787 -0.00201416 23.5 -0.00201416C10.5213 -0.00201416 0 10.5193 0 23.498C0 36.4767 10.5213 46.998 23.5 46.998ZM23.5 43.6408C12.3754 43.6408 3.35714 34.6226 3.35714 23.498C3.35714 12.3734 12.3754 3.35513 23.5 3.35513C34.6246 3.35513 43.6429 12.3734 43.6429 23.498C43.6429 34.6226 34.6246 43.6408 23.5 43.6408Z" fill="#D9D9D9"/>
+</svg>

src/static/svg/plate.svg

@@ -0,0 +1,60 @@
+<svg width="314" height="202" viewBox="0 0 314 202" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_259_3139)">
+        <g filter="url(#filter0_d_259_3139)">
+            <path d="M301.8 164.36C301.8 177.5 236.93 188.16 156.9 188.16C76.87 188.16 12 177.5 12 164.36L42.78 95.93C42.78 106.29 93.81 115.52 156.9 115.52C219.99 115.52 271.03 106.29 271.03 95.93L301.8 164.36Z" fill="url(#paint0_linear_259_3139)"/>
+        </g>
+        <g filter="url(#filter1_d_259_3139)">
+            <path d="M156.9 115.52C219.987 115.52 271.13 107.121 271.13 96.76C271.13 86.3991 219.987 78 156.9 78C93.8124 78 42.6699 86.3991 42.6699 96.76C42.6699 107.121 93.8124 115.52 156.9 115.52Z" fill="#5B5BF4"/>
+        </g>
+        <path d="M156.9 109.72C214.802 109.72 261.74 103.918 261.74 96.76C261.74 89.6024 214.802 83.8 156.9 83.8C98.9985 83.8 52.0601 89.6024 52.0601 96.76C52.0601 103.918 98.9985 109.72 156.9 109.72Z" fill="#4545E5"/>
+        <path d="M164.63 132.34H144.5L138.3 171.5H159.26C166.24 171.5 172.11 167.43 173.3 159.95C174.17 154.45 171.25 152.42 169.81 151.43C171.15 150.6 174.62 148.13 175.33 143.68C176.4 136.92 172.78 132.35 164.64 132.35L164.63 132.34ZM163.75 159.4C163.49 161.05 162.32 162.86 159.68 162.86H153.19H149.28L150.36 156.05H154.27V155.99H160.77C163.41 155.99 164.01 157.75 163.75 159.4ZM165.61 144.17C165.37 145.71 164.28 147.36 161.64 147.36H155.65H151.74L152.75 141H156.66L162.65 140.99C165.29 140.99 165.85 142.64 165.61 144.18V144.17Z" fill="white"/>
+    </g>
+    <g filter="url(#filter2_d_259_3139)">
+        <path d="M157.24 47.59V16.67" stroke="#4545E5" stroke-width="11.34" stroke-miterlimit="10" stroke-linecap="round"/>
+        <path d="M214.62 55.85L236.48 33.98" stroke="#4545E5" stroke-width="11.34" stroke-miterlimit="10" stroke-linecap="round"/>
+        <path d="M99.86 55.85L78 33.98" stroke="#4545E5" stroke-width="11.34" stroke-miterlimit="10" stroke-linecap="round"/>
+    </g>
+    <defs>
+        <filter id="filter0_d_259_3139" x="0" y="84.93" width="313.8" height="116.23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1"/>
+            <feGaussianBlur stdDeviation="6"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.270588 0 0 0 0 0.898039 0 0 0 0.6 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_259_3139"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_259_3139" result="shape"/>
+        </filter>
+        <filter id="filter1_d_259_3139" x="30.6699" y="67" width="252.46" height="61.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1"/>
+            <feGaussianBlur stdDeviation="6"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.270588 0 0 0 0 0.898039 0 0 0 0.6 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_259_3139"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_259_3139" result="shape"/>
+        </filter>
+        <filter id="filter2_d_259_3139" x="60.3301" y="0" width="193.82" height="74.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1"/>
+            <feGaussianBlur stdDeviation="6"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.270588 0 0 0 0 0.898039 0 0 0 0.6 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_259_3139"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_259_3139" result="shape"/>
+        </filter>
+        <linearGradient id="paint0_linear_259_3139" x1="131.64" y1="246.3" x2="199.46" y2="27.12" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#6191FF"/>
+            <stop offset="0.13" stop-color="#597CF7"/>
+            <stop offset="0.32" stop-color="#5063EF"/>
+            <stop offset="0.52" stop-color="#4A52E9"/>
+            <stop offset="0.74" stop-color="#4648E6"/>
+            <stop offset="1" stop-color="#4545E5"/>
+        </linearGradient>
+        <clipPath id="clip0_259_3139">
+            <rect width="314" height="135" fill="white" transform="translate(0 67)"/>
+        </clipPath>
+    </defs>
+</svg>

src/stores/product.ts

@@ -0,0 +1,36 @@
+import {fetchProductList} from '@/api/product'
+import {type Product, ProductCategory} from '@/model/product'
+import {defineStore} from 'pinia'
+
+export const useProductStore = defineStore('product', () => {
+  const allProducts = ref<Product[]>([])
+  const currentProductCategory = ref<ProductCategory>(ProductCategory.WET_FOOD)
+
+  const categoryList = [
+    { label: '湿粮', value: ProductCategory.WET_FOOD },
+    { label: '干粮', value: ProductCategory.DRY_FOOD },
+
+  ]
+
+  const productList = computed<Product[]>(() => {
+    return allProducts.value.filter(product => product.category === currentProductCategory.value)
+  })
+
+  const switchCurrentProductCategory = (category: ProductCategory) => {
+    currentProductCategory.value = category
+  }
+
+  const fetchAllProducts = async () => {
+    allProducts.value = await fetchProductList()
+  }
+
+  return {
+    allProducts,
+    currentProductCategory,
+    productList,
+    categoryList,
+    switchCurrentProductCategory,
+    fetchAllProducts,
+
+  }
+})

src/uni-pages.d.ts

@@ -4,20 +4,22 @@
 // Generated by vite-plugin-uni-pages
 
 interface NavigateToOptions {
-  url: "/pages/feed-calculator/index" |
-       "/pages/feed-plan/index" |
+  url: "/pages/feed-plan/index" |
+       "/pages/feed-plan-calculator/choose-product" |
+       "/pages/feed-plan-calculator/index" |
+       "/pages/feed-questionnaire/index" |
        "/pages/home/index" |
        "/pages/me/index" |
        "/pages/pet-manual/index" |
        "/pages/setting/index" |
        "/pages/start-filing/index" |
        "/pages/userInfo/index" |
-       "/pages/feed-calculator/components/FeedForm" |
-       "/pages/feed-calculator/components/FeedQuestionnaire" |
-       "/pages/feed-calculator/components/FeedSlogan" |
-       "/pages/feed-calculator/components/FeedStart" |
-       "/pages/feed-calculator/components/FeedStep" |
-       "/pages/feed-calculator/components/ProgressBar" |
+       "/pages/feed-questionnaire/components/FeedForm" |
+       "/pages/feed-questionnaire/components/FeedQuestionnaire" |
+       "/pages/feed-questionnaire/components/FeedSlogan" |
+       "/pages/feed-questionnaire/components/FeedStart" |
+       "/pages/feed-questionnaire/components/FeedStep" |
+       "/pages/feed-questionnaire/components/ProgressBar" |
        "/pages/pet-manual/components/CardList";
 }
 interface RedirectToOptions extends NavigateToOptions {}

tailwind.config.ts

@@ -1,6 +1,6 @@
-import type { Config } from 'tailwindcss'
-import { isMp, isQuickapp } from '@uni-helper/uni-env'
-import { basePreset, elementPlusPreset, miniprogramBasePreset } from 'tailwind-extensions'
+import type {Config} from 'tailwindcss'
+import {isMp, isQuickapp} from '@uni-helper/uni-env'
+import {basePreset, elementPlusPreset, miniprogramBasePreset} from 'tailwind-extensions'
 
 const presets: Config['presets'] = [basePreset]
 if (isMp || isQuickapp) {
@@ -13,9 +13,16 @@ else {
 }
 
 const theme: Config['theme'] = {
-  colors: {
-    primary: '#4545E5',
-    default: '#828282',
+
+  extend: {
+    colors: {
+      primary: '#4545E5',
+      default: '#828282',
+      disabled: '#D9D9D9',
+    },
+    backgroundColor: {
+      regular: '#F5F6F7',
+    },
   },
   boxShadow: {
     'cell-group': '0px 4px 12px 0px rgba(0, 0, 0, 0.10)',