style(product): 优化按钮样式并关闭Mock数据
- 增大按钮字体 - 调整圆角样式 - 使用真实API Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Showing
2 changed files
with
7 additions
and
5 deletions
| ... | @@ -144,7 +144,8 @@ import ListItemActions from '@/components/list/ListItemActions/index.vue' | ... | @@ -144,7 +144,8 @@ import ListItemActions from '@/components/list/ListItemActions/index.vue' |
| 144 | import SearchBar from '@/components/forms/SearchBar.vue' | 144 | import SearchBar from '@/components/forms/SearchBar.vue' |
| 145 | 145 | ||
| 146 | // Mock 数据开关(开发环境使用 Mock,生产环境使用真实 API) | 146 | // Mock 数据开关(开发环境使用 Mock,生产环境使用真实 API) |
| 147 | -const USE_MOCK_DATA = process.env.NODE_ENV === 'development' | 147 | +// const USE_MOCK_DATA = process.env.NODE_ENV === 'development' |
| 148 | +const USE_MOCK_DATA = false | ||
| 148 | 149 | ||
| 149 | const { viewFile } = useFileOperation() | 150 | const { viewFile } = useFileOperation() |
| 150 | 151 | ... | ... |
| ... | @@ -108,10 +108,10 @@ | ... | @@ -108,10 +108,10 @@ |
| 108 | </view> | 108 | </view> |
| 109 | 109 | ||
| 110 | <!-- 按钮组 - 靠右对齐(纯文字按钮) --> | 110 | <!-- 按钮组 - 靠右对齐(纯文字按钮) --> |
| 111 | - <view class="flex gap-[16rpx] ml-auto items-center mt-auto" @tap.stop> | 111 | + <view class="flex gap-[16rpx] ml-auto items-center mt-3" @tap.stop> |
| 112 | <!-- 详情按钮 --> | 112 | <!-- 详情按钮 --> |
| 113 | <view | 113 | <view |
| 114 | - class="text-[24rpx] text-[#2563EB] bg-blue-50 px-[24rpx] py-[8rpx] rounded-full active:bg-blue-100 transition-colors duration-200" | 114 | + class="text-[26rpx] text-[#2563EB] bg-blue-50 px-[24rpx] py-[8rpx] rounded-md active:bg-blue-100 transition-colors duration-200" |
| 115 | @tap.stop="handleProductClick(item)" | 115 | @tap.stop="handleProductClick(item)" |
| 116 | > | 116 | > |
| 117 | 详情 | 117 | 详情 |
| ... | @@ -119,7 +119,7 @@ | ... | @@ -119,7 +119,7 @@ |
| 119 | 119 | ||
| 120 | <!-- 计划书按钮 --> | 120 | <!-- 计划书按钮 --> |
| 121 | <view | 121 | <view |
| 122 | - class="text-[24rpx] text-white bg-blue-500 px-[24rpx] py-[8rpx] rounded-full active:bg-blue-600 transition-colors duration-200" | 122 | + class="text-[26rpx] text-white bg-blue-500 px-[24rpx] py-[8rpx] rounded-md active:bg-blue-600 transition-colors duration-200" |
| 123 | @tap.stop="openPlanPopup(item)" | 123 | @tap.stop="openPlanPopup(item)" |
| 124 | > | 124 | > |
| 125 | 计划书 | 125 | 计划书 |
| ... | @@ -151,7 +151,8 @@ import { listAPI } from '@/api/get_product' | ... | @@ -151,7 +151,8 @@ import { listAPI } from '@/api/get_product' |
| 151 | import { mockProductListAPI } from '@/utils/mockData' | 151 | import { mockProductListAPI } from '@/utils/mockData' |
| 152 | 152 | ||
| 153 | // ⚠️ MOCK 数据开关 - 开发环境使用 mock 数据,生产环境使用真实 API | 153 | // ⚠️ MOCK 数据开关 - 开发环境使用 mock 数据,生产环境使用真实 API |
| 154 | -const USE_MOCK_DATA = process.env.NODE_ENV === 'development' | 154 | +// const USE_MOCK_DATA = process.env.NODE_ENV === 'development' |
| 155 | +const USE_MOCK_DATA = false | ||
| 155 | 156 | ||
| 156 | const go = useGo() | 157 | const go = useGo() |
| 157 | 158 | ... | ... |
-
Please register or login to post a comment