goods.css 14 KB

1
  1. .vk-data-input-number-box[data-v-ae9af45e]{display:inline-flex;align-items:center}.u-number-input[data-v-ae9af45e]{position:relative;text-align:center;padding:0;margin:0 .1875rem;display:flex;align-items:center;justify-content:center}.u-icon-plus[data-v-ae9af45e],.u-icon-minus[data-v-ae9af45e]{width:1.875rem;display:flex;justify-content:center;align-items:center}.u-icon-plus[data-v-ae9af45e]{border-radius:0 .25rem .25rem 0}.u-icon-minus[data-v-ae9af45e]{border-radius:.25rem 0 0 .25rem}.u-icon-disabled[data-v-ae9af45e]{color:#c8c9cc!important;background:#f7f8fa!important}.u-input-disabled[data-v-ae9af45e]{color:#c8c9cc!important;background-color:#f2f3f5!important}.num-btn[data-v-ae9af45e]{font-weight:550;position:relative;top:-.125rem}.vk-data-goods-sku-popup[data-v-0c578af6]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:990;overflow:hidden}.vk-data-goods-sku-popup.show[data-v-0c578af6]{display:block}.vk-data-goods-sku-popup.show .mask[data-v-0c578af6]{animation:showPopup-0c578af6 .2s linear both}.vk-data-goods-sku-popup.show .layer[data-v-0c578af6]{animation:showLayer-0c578af6 .2s linear both;bottom:var(--window-bottom)}.vk-data-goods-sku-popup.hide .mask[data-v-0c578af6]{animation:hidePopup-0c578af6 .2s linear both}.vk-data-goods-sku-popup.hide .layer[data-v-0c578af6]{animation:hideLayer-0c578af6 .2s linear both}.vk-data-goods-sku-popup.none[data-v-0c578af6]{display:none}.vk-data-goods-sku-popup .mask[data-v-0c578af6]{position:fixed;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.3)}.vk-data-goods-sku-popup .layer[data-v-0c578af6]{display:flex;width:100%;flex-direction:column;position:fixed;z-index:99;bottom:0;border-radius:.3125rem .3125rem 0 0;background-color:#fff}.vk-data-goods-sku-popup .layer .specification-wrapper[data-v-0c578af6]{width:100%;padding:.9375rem .78125rem;box-sizing:border-box}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content[data-v-0c578af6]{width:100%;max-height:28.125rem;min-height:9.375rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content[data-v-0c578af6]::-webkit-scrollbar{display:none}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header[data-v-0c578af6]{width:100%;display:flex;flex-direction:row;position:relative;margin-bottom:1.25rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-left[data-v-0c578af6]{width:5.625rem;height:5.625rem;flex:0 0 5.625rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-left .product-img[data-v-0c578af6]{width:5.625rem;height:5.625rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right[data-v-0c578af6]{flex:1;padding:0 1.09375rem 0 .875rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;font-weight:500}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right .price-content[data-v-0c578af6]{color:#fe560a;margin-bottom:.625rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right .price-content .sign[data-v-0c578af6]{font-size:.875rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right .price-content .price[data-v-0c578af6]{margin-left:.125rem;font-size:1.5rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right .price-content .price2[data-v-0c578af6]{margin-left:.125rem;font-size:1.125rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right .inventory[data-v-0c578af6]{font-size:.75rem;color:#999;margin-bottom:.4375rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-header .specification-right .choose[data-v-0c578af6]{font-size:.875rem;color:#333}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content[data-v-0c578af6]{font-weight:500}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item[data-v-0c578af6]{margin-bottom:1.25rem}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item[data-v-0c578af6]:last-child{margin-bottom:0}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item .item-title[data-v-0c578af6]{margin-bottom:.625rem;font-size:.875rem;color:#999}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item .item-wrapper[data-v-0c578af6]{display:flex;flex-direction:row;flex-flow:wrap}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item .item-wrapper .item-content[data-v-0c578af6]{display:inline-block;padding:.3125rem 1.09375rem;font-size:.75rem;border-radius:.3125rem;background-color:#fff;color:#333;margin-right:.625rem;margin-bottom:.5rem;border:1px solid #f4f4f4;box-sizing:border-box}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item .item-wrapper .item-content.actived[data-v-0c578af6]{border-color:#fe560a;color:#fe560a}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .specification-item .item-wrapper .item-content.noactived[data-v-0c578af6]{background-color:#f6f6f6;border-color:#f6f6f6;color:#c3c3c3}.vk-data-goods-sku-popup .layer .specification-wrapper .specification-wrapper-content .specification-content .number-box-view[data-v-0c578af6]{display:flex;padding-top:.9375rem}.vk-data-goods-sku-popup .layer .specification-wrapper .close[data-v-0c578af6]{position:absolute;top:.9375rem;right:.78125rem;width:1.5625rem;height:1.5625rem;text-align:center;line-height:1.5625rem}.vk-data-goods-sku-popup .layer .specification-wrapper .close .close-item[data-v-0c578af6]{width:1.5625rem;height:1.5625rem}.vk-data-goods-sku-popup .layer .btn-wrapper[data-v-0c578af6]{display:flex;width:100%;height:3.75rem;flex:0 0 3.75rem;align-items:center;justify-content:space-between;padding:0 .8125rem;box-sizing:border-box}.vk-data-goods-sku-popup .layer .btn-wrapper .layer-btn[data-v-0c578af6]{width:10.46875rem;height:2.375rem;border-radius:1.1875rem;color:#fff;line-height:2.375rem;text-align:center;font-weight:500;font-size:.875rem}.vk-data-goods-sku-popup .layer .btn-wrapper .layer-btn.add-cart[data-v-0c578af6]{background:#ffbe46}.vk-data-goods-sku-popup .layer .btn-wrapper .layer-btn.buy[data-v-0c578af6]{background:#fe560a}.vk-data-goods-sku-popup .layer .btn-wrapper .sure[data-v-0c578af6]{width:21.8125rem;height:2.125rem;border-radius:1.1875rem;color:#fff;line-height:2.125rem;text-align:center;font-weight:500;font-size:.875rem;background:#fe560a}.vk-data-goods-sku-popup .layer .btn-wrapper .sure.add-cart[data-v-0c578af6]{background:#ff9402}.vk-data-goods-sku-popup .layer .btn-wrapper.safe-area-inset-bottom[data-v-0c578af6]{padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}@keyframes showPopup-0c578af6{0%{opacity:0}to{opacity:1}}@keyframes hidePopup-0c578af6{0%{opacity:1}to{opacity:0}}@keyframes showLayer-0c578af6{0%{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes hideLayer-0c578af6{0%{transform:translateY(0)}to{transform:translateY(120%)}}.uni-popup[data-v-49e15a0a]{position:fixed;z-index:99}.uni-popup.top[data-v-49e15a0a],.uni-popup.left[data-v-49e15a0a],.uni-popup.right[data-v-49e15a0a]{top:0}.uni-popup .uni-popup__wrapper[data-v-49e15a0a]{display:block;position:relative}.uni-popup .uni-popup__wrapper.left[data-v-49e15a0a],.uni-popup .uni-popup__wrapper.right[data-v-49e15a0a]{padding-top:0;flex:1}.fixforpc-z-index[data-v-49e15a0a]{z-index:999}.fixforpc-top[data-v-49e15a0a]{top:0}.address-panel[data-v-451cf5e7]{padding:0 .9375rem;border-radius:.3125rem .3125rem 0 0;position:relative;background-color:#fff}.title[data-v-451cf5e7]{line-height:1;padding:1.25rem 0;text-align:center;font-size:1rem;font-weight:400;border-bottom:.03125rem solid #ddd;color:#444}.close[data-v-451cf5e7]{position:absolute;right:.75rem;top:.75rem}.content[data-v-451cf5e7]{min-height:9.375rem;max-height:16.875rem;overflow:auto;padding:.625rem}.content .item[data-v-451cf5e7]{padding:.9375rem 1.5625rem .9375rem 1.875rem;background-size:1.25rem;background-repeat:no-repeat;background-position:0 center;background-image:url(https://pcapi-xiaotuxian-front-devtest.itheima.net/miniapp/images/locate.png);position:relative}.content .icon[data-v-451cf5e7]{color:#999;font-size:1.25rem;transform:translateY(-50%);position:absolute;top:50%;right:0}.content .icon-checked[data-v-451cf5e7]{color:#27ba9b}.content .icon-ring[data-v-451cf5e7]{color:#444}.content .user[data-v-451cf5e7]{font-size:.875rem;color:#444;font-weight:500}.content .address[data-v-451cf5e7]{font-size:.8125rem;color:#666}.footer[data-v-451cf5e7]{display:flex;justify-content:space-between;padding:.625rem 0 1.25rem;font-size:.875rem;color:#444}.footer .button[data-v-451cf5e7]{flex:1;height:2.25rem;text-align:center;line-height:2.25rem;margin:0 .625rem;color:#fff;border-radius:2.25rem}.footer .primary[data-v-451cf5e7]{color:#fff;background-color:#27ba9b}.footer .secondary[data-v-451cf5e7]{background-color:#ffa868}.service-panel[data-v-c3ec87ba]{padding:0 .9375rem;border-radius:.3125rem .3125rem 0 0;position:relative;background-color:#fff}.title[data-v-c3ec87ba]{line-height:1;padding:1.25rem 0;text-align:center;font-size:1rem;font-weight:400;border-bottom:.03125rem solid #ddd;color:#444}.close[data-v-c3ec87ba]{position:absolute;right:.75rem;top:.75rem}.content[data-v-c3ec87ba]{padding:.625rem .625rem 3.125rem}.content .item[data-v-c3ec87ba]{margin-top:.625rem}.content .dt[data-v-c3ec87ba]{margin-bottom:.3125rem;font-size:.875rem;color:#333;font-weight:500;position:relative}.content .dt[data-v-c3ec87ba]:before{content:"";width:.3125rem;height:.3125rem;border-radius:50%;background-color:#eaeaea;transform:translateY(-50%);position:absolute;top:50%;left:-.625rem}.content .dd[data-v-c3ec87ba]{line-height:1.6;font-size:.8125rem;color:#999}body{height:100%;overflow:hidden;display:flex;flex-direction:column}.viewport{background-color:#f4f4f4}.panel{margin-top:.625rem;background-color:#fff}.panel .title{display:flex;justify-content:space-between;align-items:center;height:2.8125rem;line-height:1;padding:.9375rem 1.875rem .9375rem .1875rem;position:relative}.panel .title uni-text{padding-left:.3125rem;font-size:.875rem;color:#333;font-weight:600;border-left:.125rem solid #27ba9b}.panel .title uni-navigator{font-size:.75rem;color:#666}.arrow:after{position:absolute;top:50%;right:.9375rem;content:"\e6c2";color:#ccc;font-family:erabbit!important;font-size:1rem;transform:translateY(-50%)}.goods{background-color:#fff}.goods .preview{height:23.4375rem;position:relative}.goods .preview .image{width:23.4375rem;height:23.4375rem}.goods .preview .indicator{height:1.25rem;padding:0 .75rem;line-height:1.25rem;border-radius:.9375rem;color:#fff;font-family:Arial,Helvetica,sans-serif;background-color:rgba(0,0,0,.3);position:absolute;bottom:.9375rem;right:.9375rem}.goods .preview .indicator .current{font-size:.8125rem}.goods .preview .indicator .split{font-size:.75rem;margin:0 .03125rem 0 .0625rem}.goods .preview .indicator .total{font-size:.75rem}.goods .meta{position:relative;border-bottom:.03125rem solid #eaeaea}.goods .meta .price{height:4.0625rem;padding:.78125rem .9375rem 0;color:#fff;font-size:1.0625rem;box-sizing:border-box;background-color:#35c8a9}.goods .meta .number{font-size:1.75rem}.goods .meta .brand{width:5rem;height:2.5rem;overflow:hidden;position:absolute;top:.8125rem;right:.9375rem}.goods .meta .name{max-height:2.75rem;line-height:1.4;margin:.625rem;font-size:1rem;color:#333}.goods .meta .desc{line-height:1;padding:0 .625rem .9375rem;font-size:.75rem;color:#cf4444}.goods .action{padding-left:.625rem}.goods .action .item{height:2.8125rem;padding-right:1.875rem;border-bottom:.03125rem solid #eaeaea;font-size:.8125rem;color:#333;position:relative;display:flex;align-items:center}.goods .action .item:last-child{border-bottom:0 none}.goods .action .label{width:1.875rem;color:#898b94;margin:0 .5rem 0 .3125rem}.goods .action .text{flex:1;-webkit-line-clamp:1}.detail{padding-left:.625rem}.detail .content{margin-left:-.625rem}.detail .content .image{width:100%}.detail .properties{padding:0 .625rem;margin-bottom:.9375rem}.detail .properties .item{display:flex;line-height:2;padding:.3125rem;font-size:.8125rem;color:#333;border-bottom:.03125rem dashed #ccc}.detail .properties .label{width:6.25rem}.detail .properties .value{flex:1}.similar .content{padding:0 .625rem .625rem;background-color:#f4f4f4;display:flex;flex-wrap:wrap}.similar .content .goods{width:10.625rem;padding:.75rem .625rem .625rem;margin:.625rem .21875rem;border-radius:.3125rem;background-color:#fff}.similar .content .image{width:9.375rem;height:8.125rem}.similar .content .name{height:2.5rem;margin:.3125rem 0;font-size:.8125rem;color:#262626}.similar .content .price{line-height:1;font-size:.625rem;color:#cf4444}.similar .content .number{font-size:.8125rem;margin-left:.0625rem}.similar uni-navigator:nth-child(2n){margin-right:0}.toolbar{position:fixed;left:0;right:0;bottom:calc((var(--window-bottom)));z-index:1;background-color:#fff;height:3.125rem;padding:0 .625rem;border-top:.03125rem solid #eaeaea;display:flex;justify-content:space-between;align-items:center;box-sizing:content-box}.toolbar .buttons{display:flex}.toolbar .buttons>uni-view{width:6.875rem;text-align:center;line-height:2.25rem;font-size:.8125rem;color:#fff;border-radius:2.25rem}.toolbar .buttons .addcart{background-color:#ffa868}.toolbar .buttons .payment{background-color:#27ba9b;margin-left:.625rem}.toolbar .icons{padding-right:.625rem;display:flex;align-items:center;flex:1}.toolbar .icons .navigator-wrap,.toolbar .icons .icons-button{flex:1;text-align:center;line-height:1.4;padding:0;margin:0;border-radius:0;font-size:.625rem;color:#333;background-color:#fff}.toolbar .icons .navigator-wrap:after,.toolbar .icons .icons-button:after{border:none}.toolbar .icons uni-text{display:block;font-size:1.0625rem}