mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-22 14:39:16 +08:00
[Improvement] follow eslint-plugin-vue strongly-recommended code style (#482)
This commit is contained in:
neverland
GitHub
parent
6362f7b74b
commit
508cdfc0c9
17
.eslintrc.js
17
.eslintrc.js
@ -16,6 +16,10 @@ module.exports = {
|
||||
|
||||
plugins: ['vue'],
|
||||
|
||||
extends: [
|
||||
'plugin:vue/strongly-recommended'
|
||||
],
|
||||
|
||||
globals: {
|
||||
expect: true,
|
||||
sinon: true,
|
||||
@ -142,6 +146,17 @@ module.exports = {
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
|
||||
'object-curly-spacing': [2, 'always', { objectsInObjects: false }],
|
||||
'array-bracket-spacing': [2, 'never'],
|
||||
'vue/jsx-uses-vars': 2
|
||||
'vue/jsx-uses-vars': 2,
|
||||
'vue/require-v-for-key': 0,
|
||||
"vue/require-default-prop": 0,
|
||||
"vue/name-property-casing": 0,
|
||||
"vue/no-unused-vars": 0,
|
||||
'vue/max-attributes-per-line': [2, {
|
||||
"singleline": 5,
|
||||
"multiline": {
|
||||
"max": 5,
|
||||
"allowFirstLine": false
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
|
||||
<demo-block :title="$t('title2')">
|
||||
<van-button @click="show2 = true">{{ $t('button2') }}</van-button>
|
||||
<van-actionsheet v-model="show2" :actions="actions" :cancelText="$t('cancel')" />
|
||||
<van-actionsheet v-model="show2" :actions="actions" :cancel-text="$t('cancel')" />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
|
||||
@ -2,11 +2,11 @@
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-address-edit
|
||||
:areaList="areaList"
|
||||
:showPostal="true"
|
||||
:showSetDefault="true"
|
||||
:showSearchResult="true"
|
||||
:searchResult="searchResult"
|
||||
:area-list="areaList"
|
||||
:show-postal="true"
|
||||
:show-set-default="true"
|
||||
:show-search-result="true"
|
||||
:search-result="searchResult"
|
||||
@save="onSave"
|
||||
@delete="onDelete"
|
||||
@change-detail="onChangeDetail"
|
||||
|
||||
@ -67,7 +67,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
chosenAddressId: '1'
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-area :areaList="$t('areaList')" />
|
||||
<van-area :area-list="$t('areaList')" />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title2')">
|
||||
<van-area :areaList="$t('areaList')" :value="value" />
|
||||
<van-area :area-list="$t('areaList')" :value="value" />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-area :areaList="$t('areaList')" :columnsNum="2" :title="$t('title')" />
|
||||
<van-area :area-list="$t('areaList')" :columns-num="2" :title="$t('title')" />
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
</template>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-badge-group :activeKey="activeKey">
|
||||
<van-badge :title="$t('title')" @click="onClick"></van-badge>
|
||||
<van-badge :title="$t('title')" @click="onClick" info="8"></van-badge>
|
||||
<van-badge :title="$t('title')" @click="onClick" info="99"></van-badge>
|
||||
<van-badge :title="$t('title')" @click="onClick" info="199"></van-badge>
|
||||
<van-badge-group :active-key="activeKey">
|
||||
<van-badge :title="$t('title')" @click="onClick" />
|
||||
<van-badge :title="$t('title')" @click="onClick" info="8" />
|
||||
<van-badge :title="$t('title')" @click="onClick" info="99" />
|
||||
<van-badge :title="$t('title')" @click="onClick" info="199" />
|
||||
</van-badge-group>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<van-button type="primary">{{ $t('primary') }}</van-button>
|
||||
<van-button type="danger">{{ $t('danger') }}</van-button>
|
||||
</demo-block>
|
||||
|
||||
|
||||
<demo-block :title="$t('title2')">
|
||||
<van-button size="large">{{ $t('large') }}</van-button>
|
||||
<van-button size="normal">{{ $t('normal') }}</van-button>
|
||||
@ -18,8 +18,8 @@
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-button loading></van-button>
|
||||
<van-button loading type="primary"></van-button>
|
||||
<van-button loading />
|
||||
<van-button loading type="primary" />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title4')">
|
||||
@ -29,14 +29,14 @@
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title5')">
|
||||
<van-button type="primary" bottomAction>{{ $t('button') }}</van-button>
|
||||
<van-button type="primary" bottom-action>{{ $t('button') }}</van-button>
|
||||
|
||||
<van-row>
|
||||
<van-col span="12">
|
||||
<van-button bottomAction>{{ $t('button') }}</van-button>
|
||||
<van-button bottom-action>{{ $t('button') }}</van-button>
|
||||
</van-col>
|
||||
<van-col span="12">
|
||||
<van-button type="primary" bottomAction>{{ $t('button') }}</van-button>
|
||||
<van-button type="primary" bottom-action>{{ $t('button') }}</van-button>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</demo-block>
|
||||
@ -75,10 +75,9 @@ export default {
|
||||
mini: 'Mini'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-button {
|
||||
.van-button {
|
||||
@ -103,4 +102,4 @@ export default {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
price="2.00"
|
||||
:thumb="imageURL"
|
||||
/>
|
||||
</demo-block>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('advancedUsage')">
|
||||
<van-card
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
imageURL: '//img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg'
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<van-cell-swipe :right-width="65" :left-width="65">
|
||||
<span slot="left">{{ $t('button1') }}</span>
|
||||
<van-cell-group>
|
||||
<van-cell :title="$t('title')" :value="$t('content')"></van-cell>
|
||||
<van-cell :title="$t('title')" :value="$t('content')" />
|
||||
</van-cell-group>
|
||||
<span slot="right">{{ $t('button2') }}</span>
|
||||
</van-cell-swipe>
|
||||
@ -16,7 +16,7 @@
|
||||
<van-cell-swipe :right-width="65" :left-width="65" :on-close="onClose">
|
||||
<span slot="left">{{ $t('button1') }}</span>
|
||||
<van-cell-group>
|
||||
<van-cell :title="$t('title')" :value="$t('content')"></van-cell>
|
||||
<van-cell :title="$t('title')" :value="$t('content')" />
|
||||
</van-cell-group>
|
||||
<span slot="right">{{ $t('button2') }}</span>
|
||||
</van-cell-swipe>
|
||||
@ -82,7 +82,7 @@ export default {
|
||||
line-height: 44px;
|
||||
}
|
||||
.van-cell-swipe__left {
|
||||
background-color: #FF4444;
|
||||
background-color: #FF4444;
|
||||
}
|
||||
.van-cell-swipe__right {
|
||||
background-color: #84c483;
|
||||
|
||||
@ -37,12 +37,12 @@
|
||||
<van-cell :title="$t('cell')" icon="location" is-link />
|
||||
<van-cell :title="$t('cell')">
|
||||
<template slot="right-icon">
|
||||
<van-icon name="search" class="van-cell__right-icon"></van-icon>
|
||||
<van-icon name="search" class="van-cell__right-icon" />
|
||||
</template>
|
||||
</van-cell>
|
||||
</van-cell-group>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
</demo-section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -83,4 +83,4 @@ export default {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -20,8 +20,8 @@
|
||||
|
||||
<van-popup v-model="showEdit" position="bottom">
|
||||
<van-contact-edit
|
||||
:contactInfo="editingContact"
|
||||
:isEdit="isEdit"
|
||||
:contact-info="editingContact"
|
||||
:is-edit="isEdit"
|
||||
@save="onSave"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
|
||||
@ -3,15 +3,15 @@
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-coupon-cell
|
||||
:coupons="coupons"
|
||||
:chosenCoupon="chosenCoupon"
|
||||
:chosen-coupon="chosenCoupon"
|
||||
@click="showList = true"
|
||||
/>
|
||||
|
||||
<van-popup v-model="showList" position="bottom">
|
||||
<van-coupon-list
|
||||
:coupons="coupons"
|
||||
:chosenCoupon="chosenCoupon"
|
||||
:disabledCoupons="disabledCoupons"
|
||||
:chosen-coupon="chosenCoupon"
|
||||
:disabled-coupons="disabledCoupons"
|
||||
@change="onChange"
|
||||
@exchange="onExchange"
|
||||
/>
|
||||
@ -21,6 +21,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/* eslint-disable camelcase */
|
||||
export default {
|
||||
i18n: {
|
||||
'zh-CN': {
|
||||
@ -67,7 +68,7 @@ export default {
|
||||
name: this.$t('coupon.name'),
|
||||
start_at: 1489104000,
|
||||
end_at: 1514592000
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
discountCoupon() {
|
||||
@ -78,7 +79,7 @@ export default {
|
||||
denominations: 0,
|
||||
origin_condition: 50,
|
||||
value: 12
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
disabledCoupon() {
|
||||
@ -87,7 +88,7 @@ export default {
|
||||
id: 3,
|
||||
available: 0,
|
||||
reason: this.$t('coupon.reason')
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
disabledDiscountCoupon() {
|
||||
@ -96,13 +97,13 @@ export default {
|
||||
id: 4,
|
||||
available: 0,
|
||||
reason: this.$t('coupon.reason')
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange(index) {
|
||||
this.showList = false;
|
||||
this.showList = false;
|
||||
this.chosenCoupon = index;
|
||||
},
|
||||
onExchange(code) {
|
||||
|
||||
@ -4,10 +4,10 @@
|
||||
<van-datetime-picker
|
||||
v-model="currentDate1"
|
||||
type="datetime"
|
||||
:minHour="minHour"
|
||||
:maxHour="maxHour"
|
||||
:minDate="minDate"
|
||||
:maxDate="maxDate"
|
||||
:min-hour="minHour"
|
||||
:max-hour="maxHour"
|
||||
:min-date="minDate"
|
||||
:max-date="maxDate"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
@ -15,9 +15,9 @@
|
||||
<van-datetime-picker
|
||||
v-model="currentDate2"
|
||||
type="date"
|
||||
:minHour="minHour"
|
||||
:maxHour="maxHour"
|
||||
:minDate="minDate"
|
||||
:min-hour="minHour"
|
||||
:max-hour="maxHour"
|
||||
:min-date="minDate"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
@ -25,9 +25,9 @@
|
||||
<van-datetime-picker
|
||||
v-model="currentDate3"
|
||||
type="time"
|
||||
:minHour="minHour"
|
||||
:maxHour="maxHour"
|
||||
:minDate="minDate"
|
||||
:min-hour="minHour"
|
||||
:max-hour="maxHour"
|
||||
:min-date="minDate"
|
||||
/>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
|
||||
@ -44,13 +44,12 @@ export default {
|
||||
Dialog.confirm({
|
||||
title: this.$t('title'),
|
||||
message: this.$t('content')
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-dialog {
|
||||
.van-button {
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-cell-group>
|
||||
<van-field v-model="value" :placeholder="$t('usernamePlaceholder')"></van-field>
|
||||
<van-field v-model="value" :placeholder="$t('usernamePlaceholder')" />
|
||||
</van-cell-group>
|
||||
</demo-block>
|
||||
|
||||
@ -15,28 +15,27 @@
|
||||
:placeholder="$t('usernamePlaceholder')"
|
||||
required
|
||||
@click-icon="username = ''"
|
||||
>
|
||||
</van-field>
|
||||
/>
|
||||
|
||||
<van-field
|
||||
v-model="password"
|
||||
type="password"
|
||||
:label="$t('password')"
|
||||
:placeholder="$t('passwordPlaceholder')"
|
||||
required>
|
||||
</van-field>
|
||||
required
|
||||
/>
|
||||
</van-cell-group>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-cell-group>
|
||||
<van-field :value="$t('inputDisabled')" :label="$t('username')" disabled></van-field>
|
||||
<van-field :value="$t('inputDisabled')" :label="$t('username')" disabled />
|
||||
</van-cell-group>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title4')">
|
||||
<van-cell-group>
|
||||
<van-field :label="$t('username')" :placeholder="$t('usernamePlaceholder')" error></van-field>
|
||||
<van-field :label="$t('username')" :placeholder="$t('usernamePlaceholder')" error />
|
||||
</van-cell-group>
|
||||
</demo-block>
|
||||
|
||||
@ -49,8 +48,7 @@
|
||||
:placeholder="$t('messagePlaceholder')"
|
||||
rows="1"
|
||||
autosize
|
||||
>
|
||||
</van-field>
|
||||
/>
|
||||
</van-cell-group>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
|
||||
@ -58,7 +58,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-goods-action {
|
||||
.van-goods-action {
|
||||
|
||||
@ -26,7 +26,7 @@ export default {
|
||||
this.icons = icons.glyphs.map(icon => icon.css);
|
||||
return {};
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
|
||||
@ -60,4 +60,4 @@ export default {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -37,7 +37,7 @@ export default {
|
||||
title2: 'Column Spacing'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
@ -67,4 +67,4 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<img v-for="img in imageList" v-lazy="img" />
|
||||
<img v-for="img in imageList" v-lazy="img" >
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title2')">
|
||||
@ -10,7 +10,7 @@
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<lazy-component>
|
||||
<img v-for="img in componentImageList" v-lazy="img" />
|
||||
<img v-for="img in componentImageList" v-lazy="img" >
|
||||
</lazy-component>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
@ -53,7 +53,7 @@ export default {
|
||||
console.log('component show');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
@ -79,4 +79,4 @@ export default {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -31,7 +31,7 @@ export default {
|
||||
title3: 'Spinner'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
|
||||
@ -3,16 +3,16 @@
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-nav-bar
|
||||
:title="$t('title')"
|
||||
:leftText="$t('back')"
|
||||
:rightText="$t('button')"
|
||||
leftArrow
|
||||
:left-text="$t('back')"
|
||||
:right-text="$t('button')"
|
||||
left-arrow
|
||||
@click-left="onClickLeft"
|
||||
@click-right="onClickRight"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('advancedUsage')">
|
||||
<van-nav-bar :title="$t('title')" :leftText="$t('back')" leftArrow>
|
||||
<van-nav-bar :title="$t('title')" :left-text="$t('back')" left-arrow>
|
||||
<van-icon name="search" slot="right" />
|
||||
</van-nav-bar>
|
||||
</demo-block>
|
||||
@ -29,5 +29,5 @@ export default {
|
||||
Toast(this.$t('button'));
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-notice-bar
|
||||
:text="$t('text')"
|
||||
leftIcon="//img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
|
||||
left-icon="//img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
text: 'Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
@ -41,4 +41,4 @@ export default {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -7,8 +7,8 @@
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'default'"
|
||||
:closeButtonText="$t('close')"
|
||||
extraKey="."
|
||||
:close-button-text="$t('close')"
|
||||
extra-key="."
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
@ -22,9 +22,9 @@
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'custom'"
|
||||
:closeButtonText="$t('close')"
|
||||
:close-button-text="$t('close')"
|
||||
theme="custom"
|
||||
extraKey="."
|
||||
extra-key="."
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
|
||||
@ -1,34 +1,34 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-pagination
|
||||
v-model="currentPage1"
|
||||
:totalItems="24"
|
||||
:itemsPerPage="5"
|
||||
:previousText= "$t('prevText')"
|
||||
:nextText= "$t('nextText')"
|
||||
<van-pagination
|
||||
v-model="currentPage1"
|
||||
:total-items="24"
|
||||
:items-per-page="5"
|
||||
:previous-text= "$t('prevText')"
|
||||
:next-text= "$t('nextText')"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title2')">
|
||||
<van-pagination
|
||||
<van-pagination
|
||||
v-model="currentPage2"
|
||||
:pageCount="12"
|
||||
:previousText= "$t('prevText')"
|
||||
:nextText= "$t('nextText')"
|
||||
mode="simple"
|
||||
size="small"
|
||||
:page-count="12"
|
||||
:previous-text= "$t('prevText')"
|
||||
:next-text= "$t('nextText')"
|
||||
mode="simple"
|
||||
size="small"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-pagination
|
||||
forceEllipses
|
||||
v-model="currentPage3"
|
||||
:totalItems="125"
|
||||
:showPageSize="3"
|
||||
:previousText= "$t('prevText')"
|
||||
:nextText= "$t('nextText')"
|
||||
<van-pagination
|
||||
force-ellipses
|
||||
v-model="currentPage3"
|
||||
:total-items="125"
|
||||
:show-page-size="3"
|
||||
:previous-text= "$t('prevText')"
|
||||
:next-text= "$t('nextText')"
|
||||
/>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
@ -55,7 +55,7 @@ export default {
|
||||
return {
|
||||
currentPage1: 1,
|
||||
currentPage2: 1,
|
||||
currentPage3: 1,
|
||||
currentPage3: 1
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
@ -32,4 +32,4 @@
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-picker
|
||||
showToolbar
|
||||
show-toolbar
|
||||
:title="$t('area')"
|
||||
:columns="$t('column1')"
|
||||
@cancel="onCancel"
|
||||
@ -49,7 +49,6 @@ export default {
|
||||
title2: 'Disable Option',
|
||||
title3: 'Show Toolbar',
|
||||
title4: 'Multi Columns',
|
||||
title2: 'Picker with toolbar',
|
||||
column1: ['Delaware', 'Florida', 'Georqia', 'Indiana', 'Maine'],
|
||||
column2: [
|
||||
{ text: 'Delaware', disabled: true },
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<van-button @click="show4 = false">{{ $t('button6') }}</van-button>
|
||||
</van-popup>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
</demo-section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -63,7 +63,7 @@ export default {
|
||||
show2: false,
|
||||
show3: false,
|
||||
show4: false
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
watch: {
|
||||
@ -81,7 +81,7 @@ export default {
|
||||
Dialog.confirm({
|
||||
title: 'confirm标题',
|
||||
message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -138,4 +138,4 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -13,9 +13,9 @@
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-progress :pivotText="$t('red')" color="#ed5050" :percentage="26" />
|
||||
<van-progress :pivotText="$t('orange')" color="#f60" :percentage="46" />
|
||||
<van-progress :pivotText="$t('yellow')" color="#f09000" :percentage="66" />
|
||||
<van-progress :pivot-text="$t('red')" color="#ed5050" :percentage="26" />
|
||||
<van-progress :pivot-text="$t('orange')" color="#f60" :percentage="46" />
|
||||
<van-progress :pivot-text="$t('yellow')" color="#f09000" :percentage="66" />
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
</template>
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
title3: 'Custom Style'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
@ -44,5 +44,5 @@ export default {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -81,7 +81,7 @@ export default {
|
||||
float: right;
|
||||
position: static;
|
||||
}
|
||||
|
||||
|
||||
.van-radio__label {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<van-search
|
||||
v-model="value"
|
||||
:placeholder="$t('placeholder')"
|
||||
:showAction="true"
|
||||
:show-action="true"
|
||||
@search="onSearch"
|
||||
@cancel="onCancel"
|
||||
/>
|
||||
@ -19,8 +19,9 @@
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-search
|
||||
v-model="value"
|
||||
:showAction="true"
|
||||
@search="onSearch">
|
||||
:show-action="true"
|
||||
@search="onSearch"
|
||||
>
|
||||
<div slot="action" @click="onSearch">{{ $t('search') }}</div>
|
||||
</van-search>
|
||||
</demo-block>
|
||||
@ -44,7 +45,7 @@ export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
value: '',
|
||||
value: ''
|
||||
};
|
||||
},
|
||||
|
||||
@ -65,4 +66,4 @@ export default {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -6,16 +6,15 @@
|
||||
v-model="showBase"
|
||||
:sku="$t('sku').sku"
|
||||
:goods="$t('sku').goods_info"
|
||||
:goodsId="$t('sku').goods_id"
|
||||
:hideStock="$t('sku').sku.hide_stock"
|
||||
:goods-id="$t('sku').goods_id"
|
||||
:hide-stock="$t('sku').sku.hide_stock"
|
||||
:quota="$t('sku').quota"
|
||||
:quotaUsed="$t('sku').quota_used"
|
||||
:resetStepperOnHide="true"
|
||||
:disableStepperInput="true"
|
||||
:quota-used="$t('sku').quota_used"
|
||||
:reset-stepper-on-hide="true"
|
||||
:disable-stepper-input="true"
|
||||
@buy-clicked="handleBuyClicked"
|
||||
@add-cart="handleAddCartClicked"
|
||||
>
|
||||
</van-sku>
|
||||
/>
|
||||
<van-button type="primary" @click="showBase = true" block>{{ $t('basicUsage') }}</van-button>
|
||||
</div>
|
||||
</demo-block>
|
||||
@ -24,24 +23,24 @@
|
||||
<div class="sku-container">
|
||||
<van-sku
|
||||
v-model="showCustomAction"
|
||||
:stepperTitle="$t('stepperTitle')"
|
||||
:stepper-title="$t('stepperTitle')"
|
||||
:sku="$t('sku').sku"
|
||||
:goods="$t('sku').goods_info"
|
||||
:goodsId="$t('sku').goods_id"
|
||||
:hideStock="$t('sku').sku.hide_stock"
|
||||
:showAddCartBtn="true"
|
||||
:goods-id="$t('sku').goods_id"
|
||||
:hide-stock="$t('sku').sku.hide_stock"
|
||||
:show-add-cart-btn="true"
|
||||
:quota="$t('sku').quota"
|
||||
:quotaUsed="$t('sku').quota_used"
|
||||
:resetStepperOnHide="true"
|
||||
:initialSku="initialSku"
|
||||
:quota-used="$t('sku').quota_used"
|
||||
:reset-stepper-on-hide="true"
|
||||
:initial-sku="initialSku"
|
||||
@buy-clicked="handleBuyClicked"
|
||||
@add-cart="handleAddCartClicked"
|
||||
>
|
||||
<template slot="sku-messages"></template>
|
||||
<template slot="sku-messages" />
|
||||
<template slot="sku-actions" slot-scope="props">
|
||||
<div class="van-sku-actions">
|
||||
<van-button bottomAction @click="handlePointClicked">{{ $t('button1') }}</van-button>
|
||||
<van-button type="primary" bottomAction @click="props.skuEventBus.$emit('sku:buy')">{{ $t('button2') }}</van-button>
|
||||
<van-button bottom-action @click="handlePointClicked">{{ $t('button1') }}</van-button>
|
||||
<van-button type="primary" bottom-action @click="props.skuEventBus.$emit('sku:buy')">{{ $t('button2') }}</van-button>
|
||||
</div>
|
||||
</template>
|
||||
</van-sku>
|
||||
|
||||
@ -9,9 +9,9 @@
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('advancedUsage')">
|
||||
<van-stepper v-model="stepper2" min="5" max="40" step="2" defaultValue="9" />
|
||||
<van-stepper v-model="stepper2" min="5" max="40" step="2" default-value="9" />
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
</demo-section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -19,7 +19,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
stepper1: 1,
|
||||
stepper2: null,
|
||||
stepper2: null
|
||||
};
|
||||
}
|
||||
};
|
||||
@ -31,4 +31,4 @@ export default {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
</van-steps>
|
||||
|
||||
<van-button @click="nextStep">{{ $t('nextStep') }}</van-button>
|
||||
</demo-block>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title2')">
|
||||
<van-steps
|
||||
@ -28,19 +28,19 @@
|
||||
|
||||
<demo-block :title="$t('title3')">
|
||||
<van-steps direction="vertical" :active="0" active-color="#f60">
|
||||
<van-step>
|
||||
<h3>{{ $t('status1') }}</h3>
|
||||
<p>2016-07-12 12:40</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ $t('status2') }}</h3>
|
||||
<p>2016-07-11 10:00</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ $t('status3') }}</h3>
|
||||
<p>2016-07-10 09:30</p>
|
||||
</van-step>
|
||||
</van-steps>
|
||||
<van-step>
|
||||
<h3>{{ $t('status1') }}</h3>
|
||||
<p>2016-07-12 12:40</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ $t('status2') }}</h3>
|
||||
<p>2016-07-11 10:00</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ $t('status3') }}</h3>
|
||||
<p>2016-07-10 09:30</p>
|
||||
</van-step>
|
||||
</van-steps>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
</template>
|
||||
@ -85,7 +85,7 @@ export default {
|
||||
this.active = ++this.active % 4;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
@ -110,4 +110,4 @@ export default {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-submit-bar
|
||||
:price="3050"
|
||||
:buttonText="$t('submit')"
|
||||
:button-text="$t('submit')"
|
||||
@submit="onClickButton"
|
||||
/>
|
||||
</demo-block>
|
||||
@ -12,7 +12,7 @@
|
||||
<van-submit-bar
|
||||
disabled
|
||||
:price="3050"
|
||||
:buttonText="$t('submit')"
|
||||
:button-text="$t('submit')"
|
||||
:tip="$t('tip1')"
|
||||
@submit="onClickButton"
|
||||
/>
|
||||
@ -22,7 +22,7 @@
|
||||
<van-submit-bar
|
||||
loading
|
||||
:price="3050"
|
||||
:buttonText="$t('submit')"
|
||||
:button-text="$t('submit')"
|
||||
@submit="onClickButton"
|
||||
/>
|
||||
</demo-block>
|
||||
@ -30,7 +30,7 @@
|
||||
<demo-block :title="$t('advancedUsage')">
|
||||
<van-submit-bar
|
||||
:price="3050"
|
||||
:buttonText="$t('submit')"
|
||||
:button-text="$t('submit')"
|
||||
@submit="onClickButton"
|
||||
>
|
||||
<van-checkbox v-model="checked">{{ $t('check') }}</van-checkbox>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<demo-block :title="$t('title2')">
|
||||
<van-swipe :autoplay="3000">
|
||||
<van-swipe-item v-for="(image, index) in images" :key="index">
|
||||
<img v-lazy="image" />
|
||||
<img v-lazy="image" >
|
||||
</van-swipe-item>
|
||||
</van-swipe>
|
||||
</demo-block>
|
||||
@ -77,4 +77,4 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -22,15 +22,6 @@
|
||||
|
||||
<script>
|
||||
export default {
|
||||
i18n: {
|
||||
'zh-CN': {
|
||||
|
||||
},
|
||||
'en-US': {
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
checked: true
|
||||
@ -38,8 +29,3 @@ export default {
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
|
||||
</style>
|
||||
|
||||
@ -51,7 +51,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-switch {
|
||||
.van-switch {
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<van-tabbar-item icon="shop">
|
||||
<span>{{ $t('custom') }}</span>
|
||||
<template slot="icon" slot-scope="props">
|
||||
<img :src="props.active ? icon.active : icon.normal" />
|
||||
<img :src="props.active ? icon.active : icon.normal" >
|
||||
</template>
|
||||
</van-tabbar-item>
|
||||
<van-tabbar-item icon="chat">{{ $t('tab') }}</van-tabbar-item>
|
||||
@ -43,12 +43,11 @@ export default {
|
||||
normal: 'https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png',
|
||||
active: 'https://img.yzcdn.cn/public_files/2017/10/13/793c77793db8641c4c325b7f25bf130d.png'
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-tabbar {
|
||||
.van-tabbar {
|
||||
|
||||
@ -85,7 +85,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-toast {
|
||||
.van-button {
|
||||
|
||||
@ -3,8 +3,8 @@
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-tree-select
|
||||
:items="items"
|
||||
:mainActiveIndex="mainActiveIndex"
|
||||
:activeId="activeId"
|
||||
:main-active-index="mainActiveIndex"
|
||||
:active-id="activeId"
|
||||
@navclick="onNavClick"
|
||||
@itemclick="onItemClick"
|
||||
/>
|
||||
@ -110,10 +110,5 @@ export default {
|
||||
this.activeId = data.id;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
|
||||
</style>
|
||||
|
||||
@ -40,7 +40,7 @@ export default {
|
||||
loadMore() {
|
||||
this.disabled = true;
|
||||
setTimeout(() => {
|
||||
for (let i = 0; i < 5; i ++) {
|
||||
for (let i = 0; i < 5; i++) {
|
||||
this.list.push(this.list.length);
|
||||
}
|
||||
this.disabled = false;
|
||||
@ -50,7 +50,6 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="postcss">
|
||||
.demo-waterfall {
|
||||
ul {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="app">
|
||||
<van-doc :simulators="simulators" :currentSimulator="currentSimulator" :config="config" :base="base">
|
||||
<router-view @changeDemoURL="onChangeDemoURL"></router-view>
|
||||
<van-doc :simulators="simulators" :current-simulator="currentSimulator" :config="config" :base="base">
|
||||
<router-view @changeDemoURL="onChangeDemoURL" />
|
||||
</van-doc>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</template>
|
||||
|
||||
<style lang="postcss">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="side-nav">
|
||||
<h1 class="zanui-title">
|
||||
<img src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" />
|
||||
<img src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" >
|
||||
<span>Vant</span>
|
||||
</h1>
|
||||
<div class="mobile-switch-lang">
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
>
|
||||
<h4>{{ demo.title }}</h4>
|
||||
<a :href="demo.source" target="_blank">{{ $t('source') }}</a>
|
||||
<img :src="demo.preview" @click="onChangeDemo(demo, index)" />
|
||||
<img :src="demo.preview" @click="onChangeDemo(demo, index)" >
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
'mobile-nav-group__title--open': isOpen
|
||||
}"
|
||||
@click="handleNavTitleClick">
|
||||
{{group.groupName}}
|
||||
{{ group.groupName }}
|
||||
</div>
|
||||
<div class="mobile-nav-group__list-wrapper" :class="{ 'mobile-nav-group__list-wrapper--open': isOpen }">
|
||||
<ul class="mobile-nav-group__list" :class="{ 'mobile-nav-group__list--open': isOpen }">
|
||||
@ -22,7 +22,7 @@
|
||||
{{ navItem.title }}
|
||||
</p>
|
||||
</router-link>
|
||||
<van-icon name="arrow"></van-icon>
|
||||
<van-icon name="arrow" />
|
||||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
|
||||
@ -66,7 +66,7 @@
|
||||
"css-loader": "^0.28.7",
|
||||
"dependency-tree": "^5.12.0",
|
||||
"eslint": "^4.13.1",
|
||||
"eslint-plugin-vue": "^2.1.0",
|
||||
"eslint-plugin-vue": "^4.0.0-beta.4",
|
||||
"extract-text-webpack-plugin": "3.0.2",
|
||||
"fast-vue-md-loader": "^1.0.3",
|
||||
"friendly-errors-webpack-plugin": "^1.6.1",
|
||||
@ -95,7 +95,7 @@
|
||||
"style-loader": "^0.19.1",
|
||||
"uppercamelcase": "^3.0.0",
|
||||
"url-loader": "^0.6.2",
|
||||
"vant-doc": "0.3.19",
|
||||
"vant-doc": "0.3.20",
|
||||
"vue": "^2.5.13",
|
||||
"vue-loader": "^13.6.1",
|
||||
"vue-router": "^3.0.1",
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
@click.stop="$emit('input', false)"
|
||||
/>
|
||||
<div v-else class="van-actionsheet__content">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
rows="1"
|
||||
:value="value"
|
||||
:error="isError"
|
||||
:onIconClick="onIconClick"
|
||||
:on-icon-click="onIconClick"
|
||||
@input="$emit('input', $event)"
|
||||
@focus="handleFocus"
|
||||
@blur="handleBlur"
|
||||
|
||||
@ -24,9 +24,9 @@
|
||||
</cell>
|
||||
<address-edit-detail
|
||||
:value="currentInfo.address_detail"
|
||||
:isError="errorInfo.address_detail"
|
||||
:showSearchResult="showSearchResult"
|
||||
:searchResult="searchResult"
|
||||
:is-error="errorInfo.address_detail"
|
||||
:show-search-result="showSearchResult"
|
||||
:search-result="searchResult"
|
||||
@focus="onFocus('address_detail')"
|
||||
@blur="onDetailBlur"
|
||||
@input="onChangeDetail"
|
||||
@ -44,7 +44,7 @@
|
||||
:error="errorInfo.postal_code"
|
||||
@focus="onFocus('postal_code')"
|
||||
/>
|
||||
<switch-cell
|
||||
<switch-cell
|
||||
v-if="showSetDefault"
|
||||
v-show="!hideBottomFields"
|
||||
v-model="currentInfo.is_default"
|
||||
@ -63,7 +63,7 @@
|
||||
<van-area
|
||||
ref="area"
|
||||
:value="currentInfo.area_code"
|
||||
:areaList="areaList"
|
||||
:area-list="areaList"
|
||||
@confirm="onAreaConfirm"
|
||||
@cancel="showAreaSelect = false"
|
||||
/>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
class="van-address-list__add van-hairline--top"
|
||||
@click="$emit('add')"
|
||||
:title="addButtonText || $t('add')"
|
||||
isLink
|
||||
is-link
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
<picker
|
||||
class="van-area"
|
||||
ref="picker"
|
||||
showToolbar
|
||||
valueKey="name"
|
||||
show-toolbar
|
||||
value-key="name"
|
||||
:title="title"
|
||||
:columns="columns"
|
||||
@change="onChange"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-badge-group van-hairline--top-bottom">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -14,8 +14,8 @@
|
||||
'van-button--bottom-action': bottomAction
|
||||
}
|
||||
]"
|
||||
@click="onClick"
|
||||
>
|
||||
@click="onClick"
|
||||
>
|
||||
<loading
|
||||
v-if="loading"
|
||||
class="van-button__icon-loading"
|
||||
@ -23,7 +23,7 @@
|
||||
:color="type === 'default' ? 'black' : 'white'"
|
||||
/>
|
||||
<span class="van-button__text">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</span>
|
||||
</component>
|
||||
</template>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="van-card" :class="{ 'van-card--center': centered }">
|
||||
<div class="van-card__thumb">
|
||||
<slot name="thumb">
|
||||
<img :src="thumb" class="van-card__img" />
|
||||
<img :src="thumb" class="van-card__img" >
|
||||
</slot>
|
||||
</div>
|
||||
<div class="van-card__content">
|
||||
@ -18,10 +18,10 @@
|
||||
<div v-if="num !== undefined" class="van-card__num">x {{ num }}</div>
|
||||
</div>
|
||||
</slot>
|
||||
<slot name="tags"></slot>
|
||||
<slot name="tags" />
|
||||
</div>
|
||||
<div class="van-card__footer" v-if="$slots.footer">
|
||||
<slot name="footer"></slot>
|
||||
<slot name="footer" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-cell-group" :class="{ 'van-hairline--top-bottom': border }">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div
|
||||
<div
|
||||
v-clickoutside:touchstart="onClick"
|
||||
class="van-cell-swipe"
|
||||
@click="onClick('cell')"
|
||||
@ -10,11 +10,11 @@
|
||||
>
|
||||
<div class="van-cell-swipe__wrapper" :style="wrapperStyle" @transitionend="swipe = false">
|
||||
<div class="van-cell-swipe__left" @click.stop="onClick('left')" v-if="leftWidth">
|
||||
<slot name="left"></slot>
|
||||
<slot name="left" />
|
||||
</div>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
<div class="van-cell-swipe__right" @click.stop="onClick('right')" v-if="rightWidth">
|
||||
<slot name="right"></slot>
|
||||
<slot name="right" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-checkbox-group">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -2,20 +2,21 @@
|
||||
<div
|
||||
class="van-checkbox"
|
||||
:class="[
|
||||
`van-checkbox--${shape}`, {
|
||||
'van-checkbox--disabled': isDisabled
|
||||
}]">
|
||||
`van-checkbox--${shape}`,
|
||||
{ 'van-checkbox--disabled': isDisabled }
|
||||
]"
|
||||
>
|
||||
<span class="van-checkbox__input">
|
||||
<input
|
||||
v-model="currentValue"
|
||||
type="checkbox"
|
||||
class="van-checkbox__control"
|
||||
:disabled="isDisabled"
|
||||
/>
|
||||
>
|
||||
<icon name="success" />
|
||||
</span>
|
||||
<span class="van-checkbox__label" @click="onClickLabel">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
:class="{ [`van-col-${span}`]: span, [`van-col-offset-${offset}`]: offset}"
|
||||
:style="style"
|
||||
>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -7,16 +7,16 @@
|
||||
:label="$t('name')"
|
||||
:placeholder="$t('namePlaceholder')"
|
||||
:error="errorInfo.name"
|
||||
@focus="onFocus('name')">
|
||||
</field>
|
||||
@focus="onFocus('name')"
|
||||
/>
|
||||
<field
|
||||
v-model="currentInfo.tel"
|
||||
type="tel"
|
||||
:label="$t('tel')"
|
||||
:placeholder="$t('telPlaceholder')"
|
||||
:error="errorInfo.tel"
|
||||
@focus="onFocus('tel')">
|
||||
</field>
|
||||
@focus="onFocus('tel')"
|
||||
/>
|
||||
</cell-group>
|
||||
<div class="van-contact-edit__buttons">
|
||||
<van-button block :loading="isSaving" @click="onSaveContact" type="primary">{{ $t('save') }}</van-button>
|
||||
|
||||
@ -11,7 +11,13 @@
|
||||
</cell>
|
||||
</cell-group>
|
||||
</radio-group>
|
||||
<cell icon="add" class="van-contact-list__add van-hairline--top" @click="$emit('add')" :title="addText || $t('addText')" isLink />
|
||||
<cell
|
||||
icon="add"
|
||||
class="van-contact-list__add van-hairline--top"
|
||||
@click="$emit('add')"
|
||||
:title="addText || $t('addText')"
|
||||
is-link
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<cell-group class="van-coupon-cell">
|
||||
<cell :title="title || $t('title')" :value="value" :isLink="editable" @click="$emit('click')" />
|
||||
<cell :title="title || $t('title')" :value="value" :is-link="editable" @click="$emit('click')" />
|
||||
</cell-group>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="van-coupon-item" :class="{ 'van-coupon-item--disabled': disabled }">
|
||||
<div class="van-coupon-item__head">
|
||||
<div class="van-coupon-item__lines"></div>
|
||||
<div class="van-coupon-item__lines" />
|
||||
<div class="van-coupon-item__gradient">
|
||||
<h2 v-html="faceAmount" />
|
||||
<p>{{ conditionMessage }}</p>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<picker
|
||||
ref="picker"
|
||||
showToolbar
|
||||
show-toolbar
|
||||
:columns="columns"
|
||||
:visibleItemCount="visibleItemCount"
|
||||
:visible-item-count="visibleItemCount"
|
||||
@change="onChange"
|
||||
@confirm="onConfirm"
|
||||
@cancel="$emit('cancel')"
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
'van-field--autosize': autosize,
|
||||
'van-field--has-icon': hasIcon,
|
||||
'van-hairline--surround': border
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<textarea
|
||||
v-if="type === 'textarea'"
|
||||
v-bind="$attrs"
|
||||
@ -23,12 +24,12 @@
|
||||
/>
|
||||
<input
|
||||
v-else
|
||||
v-bind="$attrs"
|
||||
v-bind="$attrs"
|
||||
v-on="listeners"
|
||||
class="van-field__control"
|
||||
:type="type"
|
||||
:value="value"
|
||||
/>
|
||||
>
|
||||
<div
|
||||
v-if="hasIcon"
|
||||
v-show="$slots.icon || value"
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
:href="url"
|
||||
class="van-goods-action__big-btn"
|
||||
:type="primary ? 'primary' : 'default'"
|
||||
bottomAction
|
||||
bottom-action
|
||||
@click="onClick"
|
||||
>
|
||||
<slot>{{ text }}</slot>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-goods-action">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<i class="van-icon" :class="`van-icon-${name}`" v-on="$listeners">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
<div v-if="info" class="van-icon__info">{{ info }}</div>
|
||||
</i>
|
||||
</template>
|
||||
@ -10,7 +10,9 @@ import install from '../utils/install';
|
||||
|
||||
export default {
|
||||
install,
|
||||
|
||||
name: 'van-icon',
|
||||
|
||||
props: {
|
||||
name: String,
|
||||
info: String
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
@touchend="onTouchEnd"
|
||||
@touchcancel="onTouchEnd"
|
||||
>
|
||||
<swipe :initialSwipe="startPosition">
|
||||
<swipe :initial-swipe="startPosition">
|
||||
<swipe-item v-for="(item, index) in images" :key="index">
|
||||
<img class="van-image-preview__image" :src="item" >
|
||||
</swipe-item>
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
@click="$emit('click')"
|
||||
>
|
||||
<div class="van-notice-bar__left-icon" v-if="leftIcon">
|
||||
<img :src="leftIcon" />
|
||||
<img :src="leftIcon" >
|
||||
</div>
|
||||
<div class="van-notice-bar__content-wrap" ref="contentWrap">
|
||||
<div
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<transition :name="transition ? 'van-slide-bottom' : ''">
|
||||
<div
|
||||
<div
|
||||
v-show="show"
|
||||
:style="style"
|
||||
class="van-number-keyboard"
|
||||
|
||||
@ -7,10 +7,10 @@
|
||||
>
|
||||
{{ prevText || $t('prev') }}
|
||||
</li>
|
||||
<li
|
||||
v-if="isMultiMode"
|
||||
v-for="(page, index) in pages"
|
||||
:key="index"
|
||||
<li
|
||||
v-if="isMultiMode"
|
||||
v-for="(page, index) in pages"
|
||||
:key="index"
|
||||
class="van-pagination__item van-pagination__page van-hairline"
|
||||
:class="{ 'van-pagination--active': page.active }"
|
||||
@click="selectPage(page.number)"
|
||||
@ -22,8 +22,8 @@
|
||||
</li>
|
||||
<li
|
||||
class="van-pagination__item van-pagination__next van-hairline"
|
||||
:class="{ 'van-pagination--disabled': value === computedPageCount }"
|
||||
@click="selectPage(value + 1)"
|
||||
:class="{ 'van-pagination--disabled': value === computedPageCount }"
|
||||
@click="selectPage(value + 1)"
|
||||
>
|
||||
{{ nextText || $t('next') }}
|
||||
</li>
|
||||
@ -144,4 +144,4 @@ export default create({
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@ -8,10 +8,10 @@
|
||||
</slot>
|
||||
</div>
|
||||
<div class="van-panel__content">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
<div class="van-panel__footer van-hairline--top" v-if="$slots.footer">
|
||||
<slot name="footer"></slot>
|
||||
<slot name="footer" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -5,12 +5,12 @@
|
||||
<i :style="`visibility: ${visibility}`" />
|
||||
</li>
|
||||
</ul>
|
||||
<div
|
||||
v-if="errorInfo || info"
|
||||
v-text="errorInfo || info"
|
||||
<div
|
||||
v-if="errorInfo || info"
|
||||
v-text="errorInfo || info"
|
||||
:class="errorInfo ? 'van-password-input__error-info' : 'van-password-input__info'"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
>
|
||||
<ul :style="wrapperStyle">
|
||||
<li
|
||||
v-for="(option, index) in options"
|
||||
v-for="(option, index) in options"
|
||||
v-text="getOptionText(option)"
|
||||
:class="{
|
||||
'van-picker-column--disabled': isDisabled(option),
|
||||
|
||||
@ -11,12 +11,12 @@
|
||||
<picker-column
|
||||
v-for="(item, index) in currentColumns"
|
||||
:key="index"
|
||||
:valueKey="valueKey"
|
||||
:value-key="valueKey"
|
||||
:options="item.values"
|
||||
:className="item.className"
|
||||
:defaultIndex="item.defaultIndex"
|
||||
:itemHeight="itemHeight"
|
||||
:visibileColumnCount="visibileColumnCount"
|
||||
:class-name="item.className"
|
||||
:default-index="item.defaultIndex"
|
||||
:item-height="itemHeight"
|
||||
:visibile-column-count="visibileColumnCount"
|
||||
@change="onChange(index)"
|
||||
/>
|
||||
<div class="van-picker__frame van-hairline--top-bottom" :style="frameStyle" />
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<transition :name="currentTransition">
|
||||
<div v-show="value" class="van-popup" :class="{ [`van-popup--${position}`]: position }">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</transition>
|
||||
</template>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-progress">
|
||||
<span class="van-progress__portion" :style="portionStyle"></span>
|
||||
<span class="van-progress__portion" :style="portionStyle" />
|
||||
<span class="van-progress__pivot" v-show="showPivot" :style="pivotStyle">{{ pivotText }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
@touchcancel="onTouchEnd"
|
||||
>
|
||||
<div class="van-pull-refresh__head">
|
||||
<slot name="normal" v-if="status === 'normal'"></slot>
|
||||
<slot name="normal" v-if="status === 'normal'"/>
|
||||
<slot name="pulling" v-if="status === 'pulling'">
|
||||
<span class="van-pull-refresh__text">{{ pullingText || $t('pullingText') }}</span>
|
||||
</slot>
|
||||
@ -23,7 +23,7 @@
|
||||
</div>
|
||||
</slot>
|
||||
</div>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-radio-group">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<icon :name="currentValue === name ? 'checked' : 'check'" />
|
||||
</span>
|
||||
<span class="van-radio__label" @click="handleLabelClick">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-row" :style="style">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="van-sku-actions">
|
||||
<van-button v-if="showAddCartBtn" bottomAction @click="onAddCartClicked">{{ $t('cart') }}</van-button>
|
||||
<van-button type="primary" bottomAction @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
|
||||
<van-button v-if="showAddCartBtn" bottom-action @click="onAddCartClicked">{{ $t('cart') }}</van-button>
|
||||
<van-button type="primary" bottom-action @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<div class="van-sku-header__goods-info">
|
||||
<div class="van-sku__goods-name">{{ goods.title }}</div>
|
||||
<div class="van-sku__goods-price"><span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ price }}</span></div>
|
||||
<span class="van-sku__close-icon" @click="onCloseClicked"></span>
|
||||
<span class="van-sku__close-icon" @click="onCloseClicked" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,23 +1,25 @@
|
||||
<template>
|
||||
<cell-group class="van-sku-messages">
|
||||
<template v-for="(message, index) in internalMessages">
|
||||
<template v-if="message.type === 'image'"></template>
|
||||
<field v-else-if="message.multiple == '1'"
|
||||
<template v-if="message.type === 'image'" />
|
||||
<field
|
||||
v-else-if="message.multiple == '1'"
|
||||
:key="`${goodsId}-${index}`"
|
||||
:required="message.required == '1'"
|
||||
:label="message.name"
|
||||
:placeholder="getPlaceholder('textarea')"
|
||||
type="textarea"
|
||||
v-model="messageValues[index]">
|
||||
</field>
|
||||
<field v-else
|
||||
v-model="messageValues[index]"
|
||||
/>
|
||||
<field
|
||||
v-else
|
||||
:key="`${goodsId}-${index}`"
|
||||
:required="message.required == '1'"
|
||||
:label="message.name"
|
||||
:placeholder="getPlaceholder(message.type)"
|
||||
:type="getType(message)"
|
||||
v-model="messageValues[index]">
|
||||
</field>
|
||||
v-model="messageValues[index]"
|
||||
/>
|
||||
</template>
|
||||
</cell-group>
|
||||
</template>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="van-sku-row">
|
||||
<div class="van-sku-row__title">{{ skuRow.k }}：</div>
|
||||
<div class="van-sku-row__items">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<span v-if="isChoosable"
|
||||
<span
|
||||
v-if="isChoosable"
|
||||
@click="onSkuSelected"
|
||||
class="van-sku-row__item"
|
||||
:class="{ 'van-sku-row__item--active': isChoosed }">
|
||||
|
||||
@ -7,9 +7,9 @@
|
||||
v-model="currentNum"
|
||||
:min="1"
|
||||
:max="stepperLimit"
|
||||
:disableInput="disableStepperInput"
|
||||
@overlimit="handleOverLimit">
|
||||
</stepper>
|
||||
:disable-input="disableStepperInput"
|
||||
@overlimit="handleOverLimit"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="!hideStock" class="van-sku__stock">{{ $t('remain', stock) }}</div>
|
||||
<div v-if="quota > 0" class="van-sku__quota">{{ $t('quota', quota) }}</div>
|
||||
|
||||
@ -1,69 +1,71 @@
|
||||
<template>
|
||||
<popup v-model="show" v-if="!isSkuEmpty" position="bottom" lockOnScroll preventScroll>
|
||||
<popup v-model="show" v-if="!isSkuEmpty" position="bottom" lock-on-scroll prevent-scroll>
|
||||
<div class="van-sku-container">
|
||||
<div class="van-sku-layout">
|
||||
<slot name="sku-header" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb">
|
||||
<sku-header
|
||||
:skuEventBus="skuEventBus"
|
||||
:selectedSku="selectedSku"
|
||||
:selectedSkuComb="selectedSkuComb"
|
||||
:sku-event-bus="skuEventBus"
|
||||
:selected-sku="selectedSku"
|
||||
:selected-sku-comb="selectedSkuComb"
|
||||
:goods="goods"
|
||||
:sku="sku">
|
||||
</sku-header>
|
||||
:sku="sku"
|
||||
/>
|
||||
</slot>
|
||||
<div class="van-sku-body scroller" :style="bodyStyle">
|
||||
<slot name="sku-group" :selectedSku="selectedSku" :skuEventBus="skuEventBus">
|
||||
<div v-if="hasSku" class="van-sku-group-container van-hairline--bottom">
|
||||
<div v-for="(skuTreeItem, index) in skuTree"
|
||||
<div
|
||||
v-for="(skuTreeItem, index) in skuTree"
|
||||
class="van-sku-row-group"
|
||||
:key="index">
|
||||
<sku-row
|
||||
:skuEventBus="skuEventBus"
|
||||
:skuRow="skuTreeItem">
|
||||
:sku-event-bus="skuEventBus"
|
||||
:sku-row="skuTreeItem"
|
||||
>
|
||||
<sku-row-item
|
||||
v-for="(skuValue, index) in skuTreeItem.v"
|
||||
:key="index"
|
||||
:skuKeyStr="skuTreeItem.k_s"
|
||||
:skuValue="skuValue"
|
||||
:skuEventBus="skuEventBus"
|
||||
:selectedSku="selectedSku"
|
||||
:skuList="sku.list">
|
||||
</sku-row-item>
|
||||
:sku-key-str="skuTreeItem.k_s"
|
||||
:sku-value="skuValue"
|
||||
:sku-event-bus="skuEventBus"
|
||||
:selected-sku="selectedSku"
|
||||
:sku-list="sku.list"
|
||||
/>
|
||||
</sku-row>
|
||||
</div>
|
||||
</div>
|
||||
</slot>
|
||||
<slot name="extra-sku-group" :skuEventBus="skuEventBus"></slot>
|
||||
<slot name="extra-sku-group" :skuEventBus="skuEventBus"/>
|
||||
<slot name="sku-stepper" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb" :selectedNum="selectedNum">
|
||||
<sku-stepper
|
||||
ref="skuStepper"
|
||||
:skuEventBus="skuEventBus"
|
||||
:selectedSku="selectedSku"
|
||||
:selectedSkuComb="selectedSkuComb"
|
||||
:selectedNum="selectedNum"
|
||||
:stepperTitle="stepperTitle"
|
||||
:skuStockNum="sku.stock_num"
|
||||
:sku-event-bus="skuEventBus"
|
||||
:selected-sku="selectedSku"
|
||||
:selected-sku-comb="selectedSkuComb"
|
||||
:selected-num="selectedNum"
|
||||
:stepper-title="stepperTitle"
|
||||
:sku-stock-num="sku.stock_num"
|
||||
:quota="quota"
|
||||
:quotaUsed="quotaUsed"
|
||||
:disableStepperInput="disableStepperInput"
|
||||
:hideStock="hideStock">
|
||||
</sku-stepper>
|
||||
:quota-used="quotaUsed"
|
||||
:disable-stepper-input="disableStepperInput"
|
||||
:hide-stock="hideStock"
|
||||
/>
|
||||
</slot>
|
||||
<slot name="sku-messages">
|
||||
<slot name="sku-messages">
|
||||
<sku-messages
|
||||
ref="skuMessages"
|
||||
:goodsId="goodsId"
|
||||
:messagePlaceholderMap="messagePlaceholderMap"
|
||||
:messages="sku.messages">
|
||||
</sku-messages>
|
||||
:goods-id="goodsId"
|
||||
:message-placeholder-map="messagePlaceholderMap"
|
||||
:messages="sku.messages"
|
||||
/>
|
||||
</slot>
|
||||
</div>
|
||||
<slot name="sku-actions" :skuEventBus="skuEventBus">
|
||||
<sku-actions
|
||||
:skuEventBus="skuEventBus"
|
||||
:buyText="buyText"
|
||||
:showAddCartBtn="showAddCartBtn">
|
||||
</sku-actions>
|
||||
:sku-event-bus="skuEventBus"
|
||||
:buy-text="buyText"
|
||||
:show-add-cart-btn="showAddCartBtn"
|
||||
/>
|
||||
</slot>
|
||||
</div>
|
||||
</div>
|
||||
@ -71,6 +73,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/* eslint-disable camelcase */
|
||||
import Vue from 'vue';
|
||||
import Popup from '../../popup';
|
||||
import Toast from '../../toast';
|
||||
@ -80,7 +83,11 @@ import SkuRowItem from '../components/SkuRowItem';
|
||||
import SkuStepper from '../components/SkuStepper';
|
||||
import SkuMessages from '../components/SkuMessages';
|
||||
import SkuActions from '../components/SkuActions';
|
||||
import { isAllSelected, getSkuComb, getSelectedSkuValues } from '../utils/skuHelper';
|
||||
import {
|
||||
isAllSelected,
|
||||
getSkuComb,
|
||||
getSelectedSkuValues
|
||||
} from '../utils/skuHelper';
|
||||
import { LIMIT_TYPE } from '../constants';
|
||||
import { create } from '../../utils';
|
||||
|
||||
@ -147,7 +154,10 @@ export default create({
|
||||
show(val) {
|
||||
this.$emit('input', val);
|
||||
if (!val) {
|
||||
const selectedSkuValues = getSelectedSkuValues(this.sku.tree, this.selectedSku);
|
||||
const selectedSkuValues = getSelectedSkuValues(
|
||||
this.sku.tree,
|
||||
this.selectedSku
|
||||
);
|
||||
|
||||
this.$emit('sku-close', {
|
||||
selectedSkuValues,
|
||||
@ -200,7 +210,7 @@ export default create({
|
||||
return {
|
||||
id: this.sku.collection_id,
|
||||
price: Math.round(this.sku.price * 100),
|
||||
'stock_num': this.sku.stock_num
|
||||
stock_num: this.sku.stock_num
|
||||
};
|
||||
} else if (this.isSkuCombSelected) {
|
||||
return getSkuComb(this.sku.list, this.selectedSku);
|
||||
@ -231,7 +241,7 @@ export default create({
|
||||
methods: {
|
||||
resetSelectedSku(skuTree) {
|
||||
this.selectedSku = {};
|
||||
skuTree.forEach((item) => {
|
||||
skuTree.forEach(item => {
|
||||
// 只有一个sku规格值时默认选中
|
||||
if (item.v.length === 1) {
|
||||
this.selectedSku[item.k_s] = item.v[0].id;
|
||||
@ -241,9 +251,7 @@ export default create({
|
||||
});
|
||||
},
|
||||
getSkuMessages() {
|
||||
return this.$refs.skuMessages
|
||||
? this.$refs.skuMessages.getMessages()
|
||||
: {};
|
||||
return this.$refs.skuMessages ? this.$refs.skuMessages.getMessages() : {};
|
||||
},
|
||||
getSkuCartMessages() {
|
||||
return this.$refs.skuMessages
|
||||
@ -273,9 +281,10 @@ export default create({
|
||||
},
|
||||
handleSkuSelected(skuValue) {
|
||||
// 点击已选中的sku时则取消选中
|
||||
this.selectedSku = this.selectedSku[skuValue.skuKeyStr] === skuValue.id
|
||||
? { ...this.selectedSku, [skuValue.skuKeyStr]: '' }
|
||||
: { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };
|
||||
this.selectedSku =
|
||||
this.selectedSku[skuValue.skuKeyStr] === skuValue.id
|
||||
? { ...this.selectedSku, [skuValue.skuKeyStr]: '' }
|
||||
: { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };
|
||||
|
||||
this.$emit('sku-selected', {
|
||||
skuValue,
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<icon v-else name="checked" :style="{ color: $parent.activeColor }" />
|
||||
</div>
|
||||
<div class="van-step__title" :style="titleStyle">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
<div class="van-step__line" />
|
||||
</div>
|
||||
|
||||
@ -4,8 +4,7 @@
|
||||
class="van-stepper__stepper van-stepper__minus"
|
||||
:class="{ 'van-stepper__minus--disabled': isMinusDisabled }"
|
||||
@click="onChange('minus')"
|
||||
>
|
||||
</button>
|
||||
/>
|
||||
<input
|
||||
type="number"
|
||||
class="van-stepper__input"
|
||||
@ -17,8 +16,7 @@
|
||||
class="van-stepper__stepper van-stepper__plus"
|
||||
:class="{ 'van-stepper__plus--disabled': isPlusDisabled }"
|
||||
@click="onChange('plus')"
|
||||
>
|
||||
</button>
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<slot name="message-extra" />
|
||||
</div>
|
||||
<div class="van-steps__items" :class="{ 'van-steps__items--alone': !title && !description }">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-swipe-item" :style="style">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-swipe">
|
||||
<div
|
||||
<div
|
||||
v-if="count > 1"
|
||||
:style="trackStyle"
|
||||
class="van-swipe__track"
|
||||
@ -10,15 +10,15 @@
|
||||
@touchcancel="onTouchEnd"
|
||||
@transitionend="$emit('change', activeIndicator)"
|
||||
>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
<div v-else class="van-swipe__track">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
<div class="van-swipe__indicators" v-if="showIndicators && count > 1">
|
||||
<i v-for="index in count" :class="{ 'van-swipe__indicator--active': index - 1 === activeIndicator }" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-tab__pane" :class="{ 'van-tab__pane--select': index === parentGroup.curActive }">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
<div v-if="info" class="van-icon__info">{{ info }}</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
<slot :active="active"></slot>
|
||||
<slot :active="active"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="van-tabbar van-hairline--top-bottom" :class="{ 'van-tabbar--fixed': fixed }">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -1,9 +1,12 @@
|
||||
<template>
|
||||
<div class="van-tabs" :class="[`van-tabs--${type}`]">
|
||||
<div class="van-tabs__wrap" :class="[`van-tabs__wrap--${position}`, {
|
||||
'van-tabs--scrollable': scrollable,
|
||||
'van-hairline--top-bottom': type === 'line'
|
||||
}]">
|
||||
<div
|
||||
class="van-tabs__wrap"
|
||||
:class="[`van-tabs__wrap--${position}`, {
|
||||
'van-tabs--scrollable': scrollable,
|
||||
'van-hairline--top-bottom': type === 'line'
|
||||
}]"
|
||||
>
|
||||
<div class="van-tabs__nav" :class="`van-tabs__nav--${type}`" ref="nav">
|
||||
<div v-if="type === 'line'" class="van-tabs__nav-bar" :style="navBarStyle" />
|
||||
<div
|
||||
@ -22,7 +25,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabs__content">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user