调整样式

This commit is contained in:
liu
2026-09-06 23:15:13 +08:00
parent 74aee003e7
commit 1b9e505feb
11 changed files with 45 additions and 29 deletions
+2 -2
View File
@@ -4,8 +4,8 @@
flex-shrink: 0; flex-shrink: 0;
&__btn { &__btn {
width: 52rpx; width: 42rpx;
height: 52rpx; height: 42rpx;
border-radius: 50%; border-radius: 50%;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
+10 -2
View File
@@ -115,8 +115,8 @@
} }
&__img { &__img {
width: 72rpx; width: 120rpx;
height: 72rpx; height: 120rpx;
border-radius: 8rpx; border-radius: 8rpx;
background: #f2f3f5; background: #f2f3f5;
flex-shrink: 0; flex-shrink: 0;
@@ -149,6 +149,14 @@
&__amount { &__amount {
font-size: 28rpx; font-size: 28rpx;
color: #ee0a24;
font-weight: 500;
display: block;
margin-top: 4rpx;
}
&__price {
font-size: 24rpx;
color: #323233; color: #323233;
font-weight: 500; font-weight: 500;
display: block; display: block;
+9 -5
View File
@@ -161,13 +161,17 @@ export default function BillDetailPage() {
/> />
)} )}
<View className='bill-goods__main'> <View className='bill-goods__main'>
<Text className='bill-goods__name'>{item.product_name}</Text> <View className='bill-goods__name'>{item.product_name}</View>
<Text className='bill-goods__spec'> <View className='bill-goods__spec'>
{formatSpec(item.product_spec, item.unit)}{' ¥'}{item.price} {formatSpec(item.product_spec, item.unit)}
</Text> </View>
<View className='bill-goods__spec'>
{formatRetailPrice(item.price, item.spec)} {item.price_unit}
</View>
</View> </View>
<View className='bill-goods__side'> <View className='bill-goods__side'>
<Text className='bill-goods__amount'>{item.price} × {item.quantity}</Text> <Text className='bill-goods__price'>{item.price} × {item.quantity}</Text>
<View className='bill-goods__amount'>{item.amount}</View>
</View> </View>
</View> </View>
))} ))}
+2 -3
View File
@@ -59,8 +59,8 @@
} }
&__image { &__image {
width: 150rpx; width: 180rpx;
height: 150rpx; height: 180rpx;
border-radius: 12rpx; border-radius: 12rpx;
background: #f2f3f5; background: #f2f3f5;
flex-shrink: 0; flex-shrink: 0;
@@ -108,7 +108,6 @@
} }
&__spec { &__spec {
margin-top: 10rpx;
font-size: 24rpx; font-size: 24rpx;
color: #969799; color: #969799;
} }
+1 -1
View File
@@ -223,7 +223,7 @@ export default function CartPage() {
</View> </View>
<Text className='cart-item__spec'> <Text className='cart-item__spec'>
{formatSpec(item.spec, item.unit)}{' '} {formatSpec(item.spec, item.unit)}{' '}
{formatRetailPrice(item.price, item.spec)} {item.price_unit} <View>{formatRetailPrice(item.price, item.spec)} {item.price_unit}</View>
</Text> </Text>
<View className='cart-item__bottom'> <View className='cart-item__bottom'>
<Text className='cart-item__price'>{item.price}</Text> <Text className='cart-item__price'>{item.price}</Text>
+3 -3
View File
@@ -301,7 +301,7 @@
} }
&__bottom { &__bottom {
margin-top: 16rpx; margin-top: 8rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -320,8 +320,8 @@
} }
&__add { &__add {
width: 52rpx; width: 42rpx;
height: 52rpx; height: 42rpx;
border-radius: 50%; border-radius: 50%;
background: linear-gradient(135deg, #ee0a24, #ff6034); background: linear-gradient(135deg, #ee0a24, #ff6034);
display: flex; display: flex;
+5 -3
View File
@@ -318,9 +318,11 @@ export default function IndexPage() {
<Text className='product-card__name'>{product.name}</Text> <Text className='product-card__name'>{product.name}</Text>
<View className='product-card__spec'> <View className='product-card__spec'>
{formatSpec(product.spec, product.unit)}{' '} {formatSpec(product.spec, product.unit)}{' '}
{product.price !== null && <> <View>
{formatRetailPrice(product.price, product.spec)} {product.price_unit} {product.price !== null && <>
</>} {formatRetailPrice(product.price, product.spec)} {product.price_unit}
</>}
</View>
</View> </View>
<View className='product-card__bottom'> <View className='product-card__bottom'>
{product.price !== null ? ( {product.price !== null ? (
+4 -5
View File
@@ -111,8 +111,8 @@
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04); box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
&__image { &__image {
width: 160rpx; width: 180rpx;
height: 160rpx; height: 180rpx;
border-radius: 12rpx; border-radius: 12rpx;
background: #f2f3f5; background: #f2f3f5;
flex-shrink: 0; flex-shrink: 0;
@@ -136,7 +136,6 @@
} }
&__spec { &__spec {
margin-top: 10rpx;
font-size: 24rpx; font-size: 24rpx;
color: #969799; color: #969799;
} }
@@ -161,8 +160,8 @@
} }
&__add { &__add {
width: 56rpx; width: 42rpx;
height: 56rpx; height: 42rpx;
border-radius: 50%; border-radius: 50%;
background: #ee0a24; background: #ee0a24;
display: flex; display: flex;
+5 -3
View File
@@ -291,9 +291,11 @@ export default function ProductPage() {
<Text className='product-item__name'>{product.name}</Text> <Text className='product-item__name'>{product.name}</Text>
<Text className='product-item__spec'> <Text className='product-item__spec'>
{formatSpec(product.spec, product.unit)}{' '} {formatSpec(product.spec, product.unit)}{' '}
{product.price !== null && <> <View>
{formatRetailPrice(product.price, product.spec)} {product.price_unit} {product.price !== null && <>
</>} {formatRetailPrice(product.price, product.spec)} {product.price_unit}
</>}
</View>
</Text> </Text>
<View className='product-item__bottom'> <View className='product-item__bottom'>
{product.price !== null ? ( {product.price !== null ? (
+2
View File
@@ -74,6 +74,8 @@ export interface BillItem {
amount: string amount: string
/** 商品首图 URL(无图为空字符串) */ /** 商品首图 URL(无图为空字符串) */
image: string image: string
price_unit: string
spec: string
} }
/** 账单关联订单 */ /** 账单关联订单 */
+2 -2
View File
@@ -10,8 +10,8 @@ const LOGIN_PATH = '/pages/login/index'
/** 默认请求超时(ms */ /** 默认请求超时(ms */
const DEFAULT_TIMEOUT = 15000 const DEFAULT_TIMEOUT = 15000
/** 接口根地址(uploadFile 等原生请求同样使用) */ /** 接口根地址(uploadFile 等原生请求同样使用) */
// export const BASE_URL = "http://localhost:8000/index.php" export const BASE_URL = "http://localhost:8000"
export const BASE_URL = "https://purchase.henanklkj.com/index.php" // export const BASE_URL = "https://purchase.henanklkj.com/index.php"
/** /**
* HTTP 状态码 → 错误提示映射 * HTTP 状态码 → 错误提示映射