Browse Source

详情修改

master
453530270@qq.com 2 years ago
parent
commit
fc9cb7249e
  1. 13
      pages/goods/detail.scss
  2. 7
      pages/goods/detail.vue

13
pages/goods/detail.scss

@ -1,9 +1,11 @@
.container { .container {
min-height: 100vh;
background-color: #e7e7e7;
// 设置ios刘海屏底部横线安全区域 // 设置ios刘海屏底部横线安全区域
// 110 - 18 + 4 // 110 - 18 + 4
padding-bottom: calc(constant(safe-area-inset-bottom) + 106rpx + 6rpx); padding-bottom: calc(constant(safe-area-inset-bottom) + 106rpx + 6rpx);
padding-bottom: calc(env(safe-area-inset-bottom) + 106rpx + 6rpx); padding-bottom: calc(env(safe-area-inset-bottom) + 106rpx + 6rpx);
min-height: 100vh;
} }
// 商品信息 // 商品信息
@ -216,13 +218,4 @@
align-items: center; align-items: center;
} }
// 立即购买按钮
.btn-item-main {
background: linear-gradient(to right, #f9211c, #ff6335);
}
// 购物车按钮
.btn-item-deputy {
background: linear-gradient(to right, #ffa600, #ffbb00);
}
} }

7
pages/goods/detail.vue

@ -47,8 +47,6 @@
</view> </view>
</view> </view>
<!-- 商品服务 -->
<Service v-if="!isLoading" :goods-id="goodsId" />
<!-- 商品SKU弹窗 --> <!-- 商品SKU弹窗 -->
<SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" /> <SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" />
@ -82,15 +80,14 @@
import SlideImage from './components/SlideImage' import SlideImage from './components/SlideImage'
import SkuPopup from './components/SkuPopup' import SkuPopup from './components/SkuPopup'
import Comment from './components/Comment' import Comment from './components/Comment'
import Service from './components/Service'
export default { export default {
components: { components: {
// Shortcut, // Shortcut,
SlideImage, SlideImage,
SkuPopup, SkuPopup,
Comment, Comment
Service
}, },
data() { data() {
return { return {

Loading…
Cancel
Save