1 line
16 KiB
Plaintext
1 line
16 KiB
Plaintext
|
{"version":3,"file":"s-select-seckill-sku.js","sources":["../../../../../../src/sheep/components/s-select-seckill-sku/s-select-seckill-sku.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3Mtc2VsZWN0LXNlY2tpbGwtc2t1L3Mtc2VsZWN0LXNlY2tpbGwtc2t1LnZ1ZQ"],"sourcesContent":["<!-- 秒杀商品的 SKU 选择，和 s-select-sku.vue 类似 -->\r\n<template>\r\n <!-- 规格弹窗 -->\r\n <su-popup :show=\"show\" round=\"10\" @close=\"emits('close')\">\r\n <!-- SKU 信息 -->\r\n <view class=\"ss-modal-box bg-white ss-flex-col\">\r\n <view class=\"modal-header ss-flex ss-col-center\">\r\n <!-- 规格图 -->\r\n <view class=\"header-left ss-m-r-30\">\r\n <image\r\n class=\"sku-image\"\r\n :src=\"sheep.$url.cdn(state.selectedSku.picUrl || state.goodsInfo.picUrl)\"\r\n mode=\"aspectFill\"\r\n ></image>\r\n </view>\r\n <view class=\"header-right ss-flex-col ss-row-between ss-flex-1\">\r\n <!-- 名称 -->\r\n <view class=\"goods-title ss-line-2\">{{ state.goodsInfo.name }}</view>\r\n <view class=\"header-right-bottom ss-flex ss-col-center ss-row-between\">\r\n <!-- 价格 -->\r\n <view class=\"price-text\">\r\n {{ fen2yuan(state.selectedSku.price || state.goodsInfo.price) }}\r\n </view>\r\n <!-- 秒杀价格标签 -->\r\n <view class=\"tig ss-flex ss-col-center\">\r\n <view class=\"tig-icon ss-flex ss-col-center ss-row-center\">\r\n <text class=\"cicon-alarm\"></text>\r\n </view>\r\n <view class=\"tig-title\">秒杀价</view>\r\n </view>\r\n <!-- 库存 -->\r\n <view class=\"stock-text ss-m-l-20\">\r\n 库存{{ state.selectedSku.stock || state.goodsInfo.stock }}件\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"modal-content ss-flex-1\">\r\n <scroll-view scroll-y=\"true\" class=\"modal-content-scroll\">\r\n <view class=\"sku-item ss-m-b-20\" v-for=\"property in propertyList\" :key=\"property.id\">\r\n <view class=\"label-text ss-m-b-20\">{{ property.name }}</view>\r\n <view class=\"ss-flex ss-col-center ss-flex-wrap\">\r\n <button\r\n class=\"ss-reset-button spec-btn\"\r\n v-for=\"value in property.values\"\r\n :class=\"[\r\n {\r\n 'checked-btn': state.currentPropertyArray[property.id] === value.id,\r\n },\r\n {\r\n 'disabled-btn': value.disabled === true,\r\n },\r\n ]\"\r\n :key=\"value.id\"\r\n :disabled=\"value.disabled === true\"\r\n @tap=\"onSelectSku(property.id, value.id)\"\r\n >\r\n {{ value.name }}\r\n </button>\r\n </view>\r\n </view>\r\n <view class=\"buy-num-box ss-flex ss-col-center ss-row-between\">\r\n <view class=\"label-text\">购买数量</view>\r\n <su-number-box\r\n :min=\"1\"\r\n :max=\"min([singleLimitCount, state.selectedSku.stock])\"\r\n :step=\"1\"\r\n v-model=\"state.selectedSku.count\"\r\n @change=\"onBuyCountChange($event)\"\r\n activity=\"seckill\"\r\n ></su-number-box>\r\n </view>\r\n </scroll-view>\r\n </view>\r\n <view class=\"modal-footer\">\r\n <view class=\"buy-box ss-flex ss-col-center ss-flex ss-col-center ss-row-center\">\r\n <button class=\"ss-reset-button buy-btn\" @tap=\"onBuy\">确认</button>\r\n </view>\r\n </view>\r\n </view>\r\n </su-popup>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 秒杀活动SKU选择，\r\n * 与s-select-sku的区别：多一个秒杀价的标签、没有加入购物车按钮、立即<E7AB8B><E58DB3>
|