feat: 调整商品详情样式

This commit is contained in:
duanshuwen
2025-08-05 18:23:10 +08:00
parent a5d31ef170
commit 81c8658621
6 changed files with 20 additions and 15 deletions

12
App.vue
View File

@@ -9,13 +9,13 @@ onLaunch(async () => {
const token = uni.getStorageSync("token"); const token = uni.getStorageSync("token");
// 检测是否绑定手机号和token // 检测是否绑定手机号和token
// if (token) { if (token) {
// const res = await checkPhone(); const res = await checkPhone();
// if (res.data) { if (res.data) {
// goHome(); goHome();
// } }
// } }
}); });
onShow(() => { onShow(() => {

View File

@@ -5,7 +5,7 @@ $form-text-color: #333;
$form-label-color: #86909c; $form-label-color: #86909c;
$form-border-color: #ddd; $form-border-color: #ddd;
$form-input-border-color: #ddd; $form-input-border-color: #ddd;
$form-bg-color: #fff; $form-bg-color: #f5f5f5;
$form-header-bg-color: rgba(25, 144, 255, 0.06); $form-header-bg-color: rgba(25, 144, 255, 0.06);
$form-border-radius: 8px; $form-border-radius: 8px;
$form-transition: all 0.2s ease; $form-transition: all 0.2s ease;
@@ -61,6 +61,8 @@ $form-transition: all 0.2s ease;
background-color: $form-bg-color; background-color: $form-bg-color;
border-radius: 0 0 $form-border-radius $form-border-radius; border-radius: 0 0 $form-border-radius $form-border-radius;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid $form-border-color;
border-top: none;
padding: 12px; padding: 12px;
} }

View File

@@ -1,6 +1,6 @@
.sum-wrapper { .sum-wrapper {
border-radius: 8px; border-radius: 8px;
background-color: #fff; background-color: #f5f5f5;
padding: 0 12px; padding: 0 12px;
box-sizing: border-box; box-sizing: border-box;
} }

View File

@@ -2,13 +2,13 @@
"pages": [ "pages": [
//pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages //pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages
{ {
"path": "pages/login/index", "path": "pages/index/index",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
{ {
"path": "pages/index/index", "path": "pages/login/index",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }

View File

@@ -2,7 +2,7 @@
<uni-popup <uni-popup
ref="popup" ref="popup"
type="bottom" type="bottom"
background-color="#E9F3F7" background-color="#fff"
border-radius="12px 12px 0 0" border-radius="12px 12px 0 0"
mask-background-color="rgba(0,0,0,0.5)" mask-background-color="rgba(0,0,0,0.5)"
:safe-area="false" :safe-area="false"
@@ -98,7 +98,10 @@
</scroll-view> </scroll-view>
<!-- 总价区域 --> <!-- 总价区域 -->
<SumCard :referencePrice="goodsData.specificationPrice" :discount="totalPrice" /> <SumCard
:referencePrice="goodsData.specificationPrice"
:discount="totalPrice"
/>
</view> </view>
</scroll-view> </scroll-view>

View File

@@ -34,7 +34,7 @@
} }
.good-content { .good-content {
background: #e9f3f7; background: #fff;
box-sizing: border-box; box-sizing: border-box;
max-height: 60vh; max-height: 60vh;
overflow: hidden; overflow: hidden;
@@ -54,7 +54,7 @@
.goods-info { .goods-info {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #f5f5f5;
padding: 12px; padding: 12px;
.goods-details { .goods-details {
@@ -105,13 +105,13 @@
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #333; color: #333;
margin-bottom: 8px;
} }
.goods-service-item { .goods-service-item {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 8px;
.service-label, .service-label,
.service-value { .service-value {