feat: 调整商品详情样式
This commit is contained in:
12
App.vue
12
App.vue
@@ -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(() => {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user