Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
26c68a25 1 parent 5f2829ad

style(CheckoutPage): 优化表单标签样式和文案一致性 

将表单中的必填项标签的星号改为红色，并统一将“购物车”文案改为“课程”以提高一致性
Inline Side-by-side
Showing 1 changed file with 6 additions and 6 deletions
<template>
<AppLayout :title="orderComplete ? '支付成功' : '结账'" :show-back-button="!orderComplete" :hide-bottom-nav="true" @back-click="router.back()">
<AppLayout :title="orderComplete ? '支付成功' : '结账'" :hide-bottom-nav="true" @back-click="router.back()">
<div v-if="cartItems.length === 0 && !orderComplete" class="h-screen flex flex-col items-center justify-center px-4">
<FrostedGlass class="p-6 rounded-xl text-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-gray-400 mx-auto mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
......@@ -102,7 +102,7 @@
<div class="space-y-3">
<div>
<label class="block text-sm text-gray-600 mb-1">姓名 *</label>
<label class="block text-sm text-gray-600 mb-1">姓名 <span class="text-red-500">*</span></label>
<input
v-model="formData.name"
type="text"
......@@ -113,7 +113,7 @@
</div>
<div>
<label class="block text-sm text-gray-600 mb-1">手机号码 *</label>
<label class="block text-sm text-gray-600 mb-1">手机号码 <span class="text-red-500">*</span></label>
<input
v-model="formData.phone"
type="tel"
......@@ -134,7 +134,7 @@
</div>
<div>
<label class="block text-sm text-gray-600 mb-1">联系地址 *</label>
<label class="block text-sm text-gray-600 mb-1">联系地址 <span class="text-red-500">*</span></label>
<input
v-model="formData.address"
type="text"
......@@ -222,7 +222,7 @@
}"
class="text-sm text-red-500"
>
清空购物车
清空课程
</button>
</div>
<button
......@@ -247,7 +247,7 @@
<ConfirmDialog
v-model:show="showConfirmDialog"
title="确认删除"
:message="itemToDelete ? `确定要删除 ${itemToDelete.title || '此商品'} 吗？` : '确定要清空购物车吗？'"
:message="itemToDelete ? `确定要删除 ${itemToDelete.title || '此商品'} 吗？` : '确定要清空课程吗？'"
@confirm="() => {
if (itemToDelete) {
if (cartItems.length === 1) {
......