blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-26 19:36:36 +08:00
Code Issues Projects Releases Wiki Activity

[breaking change] Sku: no longer support i18n ()

Browse Source
This commit is contained in:
neverland 2018-08-31 10:41:19 +08:00 committed by GitHub
parent d32f9a42f3
commit 15375f4523
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 315 additions and 700 deletions

2
packages/contact-card/test/__snapshots__/demo.spec.js.snap

@ -8,7 +8,7 @@ exports[`renders demo correctly 1`] = `
<!---->
</i>
<!---->
<div class="van-cell__value van-cell__value--alone">添加订单联系人信息</div>
<div class="van-cell__value van-cell__value--alone">添加联系人</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
</i>

44
packages/locale/lang/en-US.js

@ -64,49 +64,5 @@ export default {
},
vanAddressList: {
add: 'Add new address'
},
vanSku: {
unavailable: 'The product is no longer available for purchase',
spec: 'Please select the goods specification',
least: 'Choose at least one',
quota: quota => `Buy up to ${quota} items`,
inventory: 'Inventory shortage',
purchase: count => `You have purchased ${count} items`
},
vanSkuActions: {
cart: 'Add to cart',
buy: 'Buy'
},
vanSkuMessages: {
fill: 'Please fill',
upload: 'Please upload',
number: 'Please fill in the correct number format message',
mobile: 'The length of mobile number must be 6 to 12',
email: 'Please fill in the correct email message',
id_no: 'Please fill in the correct ID number message',
onePic: 'only one picture',
placeholder: {
id_no: 'Idcard Number',
text: 'Text',
tel: 'Number',
email: 'Email',
date: 'Date',
time: 'Time',
textarea: 'Text'
}
},
vanSkuImgUploader: {
or: 'Or',
uploading: 'Uploading...',
rephoto: 'Take Again',
photo: 'Take',
reselect: 'Reselect',
select: 'Select Photo',
maxSize: maxSize => `The upload limit is up to ${maxSize}MB，please try to compress the photo`
},
vanSkuStepper: {
title: 'Quantity',
remain: count => `Remain ${count} items`,
quota: quota => `Buy up to ${quota} items`
}
};

46
packages/locale/lang/zh-CN.js

@ -12,7 +12,7 @@ export default {
confirmDelete: '确定要删除么',
telInvalid: '请填写正确的电话',
vanContactCard: {
addText: '添加订单联系人信息'
addText: '添加联系人'
},
vanContactList: {
addText: '新建联系人'
@ -64,49 +64,5 @@ export default {
},
vanAddressList: {
add: '新增地址'
},
vanSku: {
unavailable: '商品已经无法购买啦',
spec: '请先选择商品规格',
least: '至少选择一件',
quota: quota => `限购${quota}件`,
inventory: '库存不足',
purchase: count => `您已购买${count}件`
},
vanSkuActions: {
cart: '加入购物车',
buy: '立即购买'
},
vanSkuMessages: {
fill: '请填写',
upload: '请上传',
number: '请填写正确的数字格式留言',
mobile: '手机号长度为6-20位数字',
email: '请填写正确的邮箱',
id_no: '请填写正确的身份证号码',
onePic: '仅限一张',
placeholder: {
id_no: '输入身份证号码',
text: '输入文本',
tel: '输入数字',
email: '输入邮箱',
date: '点击选择日期',
time: '点击选择时间',
textarea: '点击填写段落文本'
}
},
vanSkuImgUploader: {
or: '或',
uploading: '正在上传...',
rephoto: '重拍',
photo: '拍照',
reselect: '重新选择照片',
select: '选择照片',
maxSize: maxSize => `最大可上传图片为${maxSize}MB，请尝试压缩图片尺寸`
},
vanSkuStepper: {
title: '购买数量',
remain: count => `剩余${count}件`,
quota: quota => `每人限购${quota}件`
}
};

46
packages/locale/lang/zh-HK.js

@ -12,7 +12,7 @@ export default {
confirmDelete: '確定要刪除麽',
telInvalid: '請填寫正確的電話',
vanContactCard: {
addText: '添加訂單聯系人信息'
addText: '添加聯系人'
},
vanContactList: {
addText: '新建聯系人'
@ -64,49 +64,5 @@ export default {
},
vanAddressList: {
add: '新增地址'
},
vanSku: {
unavailable: '商品已經無法購買啦',
spec: '請先選擇商品規格',
least: '至少選擇一件',
quota: quota => `限購${quota}件`,
inventory: '庫存不足',
purchase: count => `您已購買${count}件`
},
vanSkuActions: {
cart: '加入購物車',
buy: '立即購買'
},
vanSkuMessages: {
fill: '請填寫',
upload: '請上傳',
number: '請填寫正確的數字格式留言',
mobile: '手機號長度為6-20位數字',
email: '請填寫正確的郵箱',
id_no: '請填寫正確的身份證號碼',
onePic: '僅限一張',
placeholder: {
id_no: '輸入身份證號碼',
text: '輸入文本',
tel: '輸入數字',
email: '輸入郵箱',
date: '點擊選擇日期',
time: '點擊選擇時間',
textarea: '點擊填寫段落文本'
}
},
vanSkuImgUploader: {
or: '或',
uploading: '正在上傳...',
rephoto: '重拍',
photo: '拍照',
reselect: '重新選擇照片',
select: '選擇照片',
maxSize: maxSize => `最大可上傳圖片為${maxSize}MB，請嘗試壓縮圖片尺寸`
},
vanSkuStepper: {
title: '購買數量',
remain: count => `剩余${count}件`,
quota: quota => `每人限購${quota}件`
}
};

12
packages/sku/Sku.vue

@ -330,7 +330,7 @@ export default create({
validateSku() {
if (this.selectedNum === 0) {
return this.$t('unavailable');
return '商品已经无法购买啦';
}
if (this.isSkuCombSelected) {
@ -343,7 +343,7 @@ export default create({
if (err) return err;
}
return this.$t('spec');
return '请先选择商品规格';
},
onClose() {
@ -378,14 +378,14 @@ export default create({
}
if (action === 'minus') {
Toast(this.$t('least'));
Toast('至少选择一件');
} else if (action === 'plus') {
if (limitType === QUOTA_LIMIT) {
let msg = this.$t('quota', quota);
if (quotaUsed > 0) msg += `，${this.$t('purchase', quotaUsed)}`;
let msg = `限购${quota}件`;
if (quotaUsed > 0) msg += `，${`您已购买${quotaUsed}件`}`;
Toast(msg);
} else {
Toast(this.$t('inventory'));
Toast('库存不足');
}
}
},

4
packages/sku/components/SkuActions.vue

@ -3,13 +3,13 @@
<van-button
v-if="showAddCartBtn"
bottom-action
:text="$t('cart')"
text="加入购物车"
@click="skuEventBus.$emit('sku:addCart')"
/>
<van-button
type="primary"
bottom-action
:text="buyText || $t('buy')"
:text="buyText || '立即购买'"
@click="skuEventBus.$emit('sku:buy')"
/>
</div>

12
packages/sku/components/SkuImgUploader.vue

@ -5,15 +5,15 @@
:disabled="!!paddingImg"
:after-read="afterReadFile"
:max-size="maxSize * 1024 * 1024"
@oversize="$toast($t('maxSize', maxSize))"
@oversize="onOversize"
>
<div :class="b('header')">
<div v-if="paddingImg">{{ $t('uploading') }}</div>
<div v-if="paddingImg">正在上传...</div>
<template v-else>
<icon name="photograph" />
<span class="label">{{ $t(value ? 'rephoto' : 'photo') }}</span> {{ $t('or') }}
<span class="label">{{ value ? '重拍' : '拍照' }}</span> 或
<icon name="photo" />
<span class="label">{{ $t(value ? 'reselect' : 'select') }}</span>
<span class="label">{{ value ? '重新选择照片' : '选择照片' }}</span>
</template>
</div>
</van-uploader>
@ -84,6 +84,10 @@ export default create({
}).catch(() => {
this.paddingImg = '';
});
},
onOversize() {
this.$toast(`最大可上传图片为${this.maxSize}MB，请尝试压缩图片尺寸`);
}
}
});

28
packages/sku/components/SkuMessages.vue

@ -4,7 +4,7 @@
<cell
v-if="message.type === 'image'"
:class="b('image-cell')"
:label="$t('onePic')"
label="仅限一张"
:key="`${goodsId}-${index}`"
:required="message.required == '1'"
:title="message.name"
@ -36,6 +36,16 @@ import validateEmail from '../../utils/validate/email';
import validateNumber from '../../utils/validate/number';
import SkuImgUploader from './SkuImgUploader';
const PLACEHOLDER = {
id_no: '输入身份证号码',
text: '输入文本',
tel: '输入数字',
email: '输入邮箱',
date: '点击选择日期',
time: '点击选择时间',
textarea: '点击填写段落文本'
};
export default create({
name: 'sku-messages',
@ -114,7 +124,7 @@ export default create({
getPlaceholder(message) {
const type = +message.multiple === 1 ? 'textarea' : message.type;
return this.messagePlaceholderMap[type] || this.$t(`placeholder.${type}`);
return this.messagePlaceholderMap[type] || PLACEHOLDER[type];
},
validateMessages() {
@ -128,22 +138,22 @@ export default create({
// 必填字段的校验
if (message.required == '1') { // eslint-disable-line
const textType = message.type === 'image'
? 'upload'
: 'fill';
return this.$t(textType) + message.name;
? '请上传'
: '请填写';
return textType + message.name;
}
} else {
if (message.type === 'tel' && !validateNumber(value)) {
return this.$t('number');
return '请填写正确的数字格式留言';
}
if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) {
return this.$t('mobile');
return '手机号长度为6-20位数字';
}
if (message.type === 'email' && !validateEmail(value)) {
return this.$t('email');
return '请填写正确的邮箱';
}
if (message.type === 'id_no' && (value.length < 15 || value.length > 18)) {
return this.$t('id_no');
return '请填写正确的身份证号码';
}
}
}

6
packages/sku/components/SkuStepper.vue

@ -1,7 +1,7 @@
<template>
<div class="van-sku-stepper-stock">
<div class="van-sku-stepper-container">
<div class="van-sku__stepper-title">{{ stepperTitle || $t('title') }}：</div>
<div class="van-sku__stepper-title">{{ stepperTitle || '购买数量' }}：</div>
<stepper
class="van-sku__stepper"
v-model="currentNum"
@ -77,7 +77,7 @@ export default create({
const { stockFormatter } = this.customStepperConfig;
if (stockFormatter) return stockFormatter(this.stock);
return this.$t('remain', this.stock);
return `剩余${this.stock}件`;
},
quotaText() {
@ -87,7 +87,7 @@ export default create({
if (quotaText) {
text = quotaText;
} else if (this.quota > 0) {
text = this.$t('quota', this.quota);
text = `每人限购${this.quota}件`;
}
return text;

766
packages/sku/demo/data.js

@ -1,517 +1,259 @@
/* eslint-disable */
export default {
'zh-CN': {
kdt_id: 55,
user_id: 4674509,
offline_id: 0,
activity_alias: '',
sku: {
tree: [
{
k: '颜色',
k_id: '1',
v: [
{
id: '30349',
name: '天蓝色',
imgUrl:
'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
}
],
k_s: 's1',
count: 2
},
{
k: '尺寸',
k_id: '2',
v: [
{
id: '1193',
name: '1'
},
{
id: '1194',
name: '2'
}
],
k_s: 's2',
count: 2
}
],
list: [
{
id: 2259,
price: 100,
discount: 100,
code: '',
s1: '1215',
s2: '1193',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 110,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2260,
price: 100,
discount: 100,
code: '',
s1: '1215',
s2: '1194',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 0,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2257,
price: 100,
discount: 100,
code: '',
s1: '30349',
s2: '1193',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 111,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2258,
price: 100,
discount: 100,
code: '',
s1: '30349',
s2: '1194',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 6,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
}
],
price: '1.00',
stock_num: 227,
collection_id: 2261,
collection_price: 0,
none_sku: false,
sold_num: 0,
min_price: '1.00',
max_price: '1.00',
messages: [
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: '0',
name: '留言1',
disable_required: false,
disable_edit_name: false,
type: 'text',
disable_delete: false,
disable_type: false,
required: '1'
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 0,
name: '留言2',
disable_required: false,
disable_edit_name: false,
type: 'id_no',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 0,
name: '留言3',
disable_required: false,
disable_edit_name: false,
type: 'image',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 1,
name: '留言4',
disable_required: false,
disable_edit_name: false,
type: 'text',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '数字',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'tel',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '邮件',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'email',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '日期',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'date',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '时间含日期',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'time',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '时间',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'time',
disable_delete: false,
disable_type: false,
required: 0
}
],
hide_stock: false
},
goods_id: '946755',
alias: '2oml0r0n5vytj',
quota: 15,
is_virtual: '0',
quota_used: 0,
goods_info: {
title: '测试商品',
picture: 'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
price: 1,
origin: ''
}
kdt_id: 55,
user_id: 4674509,
offline_id: 0,
activity_alias: '',
sku: {
tree: [
{
k: '颜色',
k_id: '1',
v: [
{
id: '30349',
name: '天蓝色',
imgUrl:
'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
}
],
k_s: 's1',
count: 2
},
{
k: '尺寸',
k_id: '2',
v: [
{
id: '1193',
name: '1'
},
{
id: '1194',
name: '2'
}
],
k_s: 's2',
count: 2
}
],
list: [
{
id: 2259,
price: 100,
discount: 100,
code: '',
s1: '1215',
s2: '1193',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 110,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2260,
price: 100,
discount: 100,
code: '',
s1: '1215',
s2: '1194',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 0,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2257,
price: 100,
discount: 100,
code: '',
s1: '30349',
s2: '1193',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 111,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2258,
price: 100,
discount: 100,
code: '',
s1: '30349',
s2: '1194',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 6,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
}
],
price: '1.00',
stock_num: 227,
collection_id: 2261,
collection_price: 0,
none_sku: false,
sold_num: 0,
min_price: '1.00',
max_price: '1.00',
messages: [
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: '0',
name: '留言1',
disable_required: false,
disable_edit_name: false,
type: 'text',
disable_delete: false,
disable_type: false,
required: '1'
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 0,
name: '留言2',
disable_required: false,
disable_edit_name: false,
type: 'id_no',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 0,
name: '留言3',
disable_required: false,
disable_edit_name: false,
type: 'image',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 1,
name: '留言4',
disable_required: false,
disable_edit_name: false,
type: 'text',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '数字',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'tel',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '邮件',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'email',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '日期',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'date',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '时间含日期',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'time',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: '时间',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'time',
disable_delete: false,
disable_type: false,
required: 0
}
],
hide_stock: false
},
'en-US': {
kdt_id: 55,
user_id: 4674509,
offline_id: 0,
activity_alias: '',
sku: {
tree: [
{
k: 'Color',
k_id: '1',
v: [
{
id: '30349',
name: 'Blue',
imgUrl:
'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
}
],
k_s: 's1',
count: 2
},
{
k: 'Size',
k_id: '2',
v: [
{
id: '1193',
name: '1'
},
{
id: '1194',
name: '2'
}
],
k_s: 's2',
count: 2
}
],
list: [
{
id: 2259,
price: 100,
discount: 100,
code: '',
s1: '1215',
s2: '1193',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 110,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2260,
price: 100,
discount: 100,
code: '',
s1: '1215',
s2: '1194',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 0,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2257,
price: 100,
discount: 100,
code: '',
s1: '30349',
s2: '1193',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 111,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
},
{
id: 2258,
price: 100,
discount: 100,
code: '',
s1: '30349',
s2: '1194',
s3: '0',
s4: '0',
s5: '0',
extend: null,
kdt_id: 55,
discount_price: 0,
stock_num: 4,
stock_mode: 0,
is_sell: null,
combin_sku: false,
goods_id: 946755
}
],
price: '1.00',
stock_num: 227,
collection_id: 2261,
collection_price: 0,
none_sku: false,
sold_num: 0,
min_price: '1.00',
max_price: '1.00',
messages: [
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: '0',
name: 'Messsage 1',
disable_required: false,
disable_edit_name: false,
type: 'text',
disable_delete: false,
disable_type: false,
required: '1'
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 0,
name: 'Messsage 2',
disable_required: false,
disable_edit_name: false,
type: 'id_no',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 0,
name: 'Messsage 3',
disable_required: false,
disable_edit_name: false,
type: 'image',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
multiple: 1,
name: 'Messsage 4',
disable_required: false,
disable_edit_name: false,
type: 'text',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: 'Number',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'tel',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: 'Email',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'email',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: 'Date',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'date',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: 'Datetime',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'time',
disable_delete: false,
disable_type: false,
required: 0
},
{
datetime: '0',
disable_multiple: false,
disable: false,
name: 'Time',
multiple: 0,
disable_required: false,
disable_edit_name: false,
type: 'time',
disable_delete: false,
disable_type: false,
required: 0
}
],
hide_stock: false
},
goods_id: '946755',
alias: '2oml0r0n5vytj',
quota: 15,
is_virtual: '0',
quota_used: 1,
goods_info: {
title: 'Goods Name',
picture: 'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
price: 1,
origin: ''
}
goods_id: '946755',
alias: '2oml0r0n5vytj',
quota: 15,
is_virtual: '0',
quota_used: 0,
goods_info: {
title: '测试商品',
picture:
'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
price: 1,
origin: ''
}
};

41
packages/sku/demo/index.vue

@ -4,12 +4,12 @@
<div class="sku-container">
<van-sku
v-model="showBase"
:sku="$t('sku').sku"
:goods="$t('sku').goods_info"
:goods-id="$t('sku').goods_id"
:hide-stock="$t('sku').sku.hide_stock"
:quota="$t('sku').quota"
:quota-used="$t('sku').quota_used"
:sku="skuData.sku"
:goods="skuData.goods_info"
:goods-id="skuData.goods_id"
:hide-stock="skuData.sku.hide_stock"
:quota="skuData.quota"
:quota-used="skuData.quota_used"
reset-stepper-on-hide
reset-selected-sku-on-hide
disable-stepper-input
@ -27,12 +27,12 @@
<div class="sku-container">
<van-sku
v-model="showStepper"
:sku="$t('sku').sku"
:goods="$t('sku').goods_info"
:goods-id="$t('sku').goods_id"
:hide-stock="$t('sku').sku.hide_stock"
:quota="$t('sku').quota"
:quota-used="$t('sku').quota_used"
:sku="skuData.sku"
:goods="skuData.goods_info"
:goods-id="skuData.goods_id"
:hide-stock="skuData.sku.hide_stock"
:quota="skuData.quota"
:quota-used="skuData.quota_used"
:custom-stepper-config="customStepperConfig"
:message-config="messageConfig"
@buy-clicked="onBuyClicked"
@ -47,12 +47,12 @@
<van-sku
v-model="showCustom"
:stepper-title="$t('stepperTitle')"
:sku="$t('sku').sku"
:goods="$t('sku').goods_info"
:goods-id="$t('sku').goods_id"
:hide-stock="$t('sku').sku.hide_stock"
:quota="$t('sku').quota"
:quota-used="$t('sku').quota_used"
:sku="skuData.sku"
:goods="skuData.goods_info"
:goods-id="skuData.goods_id"
:hide-stock="skuData.sku.hide_stock"
:quota="skuData.quota"
:quota-used="skuData.quota_used"
show-add-cart-btn
reset-stepper-on-hide
:initial-sku="initialSku"
@ -79,20 +79,18 @@
</template>
<script>
import data from './data';
import skuData from './data';
import { LIMIT_TYPE } from '../../../packages/sku/constants';
export default {
i18n: {
'zh-CN': {
sku: data['zh-CN'],
title2: '自定义步进器相关配置',
stepperTitle: '我要买',
button1: '积分兑换',
button2: '买买买'
},
'en-US': {
sku: data['en-US'],
title2: 'Custom Stepper Related Config',
stepperTitle: 'Stepper title',
button1: 'Button',
@ -101,6 +99,7 @@ export default {
},
data() {
this.skuData = skuData;
return {
showBase: false,
showCustom: false,

8
packages/vant-css/src/sku.css

@ -16,14 +16,6 @@
&::-webkit-scrollbar {
display: none;
}
/* 修复ios下点击没反应的问题 */
.van-field {
input[type*=date],
input[type*=time] {
height: 26px;
}
}
}
&-group-container {