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 {
min-height: 100vh;
background-color: #e7e7e7;
// 设置ios刘海屏底部横线安全区域
// 110 - 18 + 4
padding-bottom: calc(constant(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;
}
// 立即购买按钮
.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>
<!-- 商品服务 -->
<Service v-if="!isLoading" :goods-id="goodsId" />
<!-- 商品SKU弹窗 -->
<SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" />
@ -82,15 +80,14 @@
import SlideImage from './components/SlideImage'
import SkuPopup from './components/SkuPopup'
import Comment from './components/Comment'
import Service from './components/Service'
export default {
components: {
// Shortcut,
SlideImage,
SkuPopup,
Comment,
Service
Comment
},
data() {
return {

Loading…
Cancel
Save