mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[new feature] Coupon add 'showExchangeBar' prop && add empty style (#243)
* [bugfix] Checkbox border render error in weixin browser * [bugfix] TreeSelect dependency path error * [bugfix] Swipe should clear autoplay timer when destroyed * [bugfix] Optimize component dependency analyze when build style entry * merge * update yarn.lock * update README.md * update README.md * update README.md * update README.md * update README.md * [Doc] add more badges in README.md * update README.md * [bugfix] Address & Contact list style * fix: contact test cases * [bugfix] popup style missing when build style entry * [bugfix] Search: onSearch event arguments missing * [Doc] add demo pages * update zan-doc@0.3.7 * fix: build entry error * [Doc] add goods demo * [bugfix] button primary background color * [Doc] update doc detail * [new feature] Coupon add 'showExchangeBar' prop && add empty style
This commit is contained in:
neverland
GitHub
parent
276042b84c
commit
9178ebab86
@ -160,6 +160,7 @@ export default {
|
||||
| closeButtonText | 列表底部按钮文字 | `String` | 不使用优惠 | - |
|
||||
| disabledListTitle | 不可用券列表标题 | `String` | 不可用优惠 | - |
|
||||
| inputPlaceholder | 输入框文字提示 | `String` | 请输入优惠码 | - |
|
||||
| showExchangeBar | 是否展示兑换栏 | `Boolean` | `true` | - |
|
||||
|
||||
### CouponList Event
|
||||
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
<template>
|
||||
<div class="side-nav">
|
||||
<h1 class="zanui-title">Zan UI</h1>
|
||||
<h2 class="zanui-desc">有赞移动端 Vue 组件库</h2>
|
||||
<h1 class="zanui-title">
|
||||
<img src="https://img.yzcdn.cn/public_files/2017/10/25/c2e074cd97d4d9e9b14a87b2fcb29430.png" />
|
||||
<span>Vant</span>
|
||||
</h1>
|
||||
<h2 class="zanui-desc">{{ description }}</h2>
|
||||
<div class="mobile-navs">
|
||||
<div class="mobile-nav-item" v-for="(item, index) in navList" v-if="item.showInMobile" :key="index">
|
||||
<mobile-nav v-for="(group, index) in item.groups" :group="group" :base="base" :nav-key="index" :key="index" />
|
||||
@ -42,6 +45,10 @@ export default {
|
||||
|
||||
navList() {
|
||||
return this.docConfig[this.lang].nav || [];
|
||||
},
|
||||
|
||||
description() {
|
||||
return this.lang === 'zh-CN' ? '有赞移动端 Vue 组件库' : 'A Vue.js 2.0 Mobile UI at YouZan';
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -63,17 +70,28 @@ export default {
|
||||
}
|
||||
|
||||
.zanui-title {
|
||||
padding-top: 40px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
background: url(https://img.yzcdn.cn/upload_files/2017/04/20/FjwR1mraVIqtHWb8YWDW_YzQ_Kh2.png) center center no-repeat;
|
||||
background-size: 156px 40px;
|
||||
margin: 0 0 10px;
|
||||
margin: 0 0 15px;
|
||||
|
||||
img,
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 40px;
|
||||
margin-left: 15px;
|
||||
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
.zanui-desc {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
color: #455a64;
|
||||
margin: 0 0 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -8,11 +8,11 @@ module.exports = {
|
||||
footer: {
|
||||
github: 'https://github.com/youzan/vant',
|
||||
nav: {
|
||||
React: 'https://www.youzanyun.com/zanui/react',
|
||||
微信小程序: 'https://github.com/youzan/zanui-weapp',
|
||||
'React 组件库': 'https://www.youzanyun.com/zanui/react',
|
||||
小程序组件库: 'https://github.com/youzan/zanui-weapp',
|
||||
意见反馈: 'https://github.com/youzan/vant/issues',
|
||||
开发指南:
|
||||
'https://github.com/youzan/vant/blob/dev/.github/CONTRIBUTING.zh-CN.md'
|
||||
开发指南: 'https://github.com/youzan/vant/blob/dev/.github/CONTRIBUTING.zh-CN.md',
|
||||
加入我们: 'https://job.youzan.com'
|
||||
}
|
||||
},
|
||||
nav: [
|
||||
@ -270,8 +270,8 @@ module.exports = {
|
||||
footer: {
|
||||
github: 'https://github.com/youzan/vant',
|
||||
nav: {
|
||||
React: 'https://www.youzanyun.com/zanui/react',
|
||||
Weapp: 'https://github.com/youzan/zanui-weapp',
|
||||
'React UI': 'https://www.youzanyun.com/zanui/react',
|
||||
'Weapp UI': 'https://github.com/youzan/zanui-weapp',
|
||||
Feedback: 'https://github.com/youzan/vant/issues',
|
||||
Contribute:
|
||||
'https://github.com/youzan/vant/blob/dev/.github/CONTRIBUTING.md'
|
||||
|
||||
@ -119,6 +119,6 @@
|
||||
"webpack-bundle-analyzer": "^2.9.0",
|
||||
"webpack-dev-server": "^2.9.2",
|
||||
"webpack-merge": "^4.1.0",
|
||||
"zan-doc": "^0.3.8"
|
||||
"zan-doc": "^0.3.9"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div class="van-coupon-list">
|
||||
<van-cell-group class="van-coupon-list__top">
|
||||
<van-field v-model="exchangeCode" :placeholder="inputPlaceholder" :maxlength="20" />
|
||||
<van-cell-group class="van-coupon-list__top" v-if="showExchangeBar">
|
||||
<van-field class="van-coupon-list__filed van-hairline--surround" v-model="exchangeCode" :placeholder="inputPlaceholder" :maxlength="20" />
|
||||
<van-button size="small" type="danger" class="van-coupon-list__exchange" :disabled="exchangeButtonDisabled || !exchangeCode.length" @click="onClickExchangeButton">{{ exchangeButtonText }}</van-button>
|
||||
</van-cell-group>
|
||||
<div class="van-coupon-list__list" ref="list">
|
||||
<div :class="['van-coupon-list__list', { 'van-coupon-list--with-exchange': showExchangeBar }]" ref="list">
|
||||
<van-coupon-item
|
||||
ref="card"
|
||||
v-for="(item, index) in coupons"
|
||||
@ -20,6 +20,10 @@
|
||||
:key="item.id || item.name"
|
||||
:data="item"
|
||||
/>
|
||||
<div class="van-coupon-list__empty">
|
||||
<img src="https://b.yzcdn.cn/v2/image/wap/trade/new_order/empty@2x.png" >
|
||||
<p>暂无优惠券</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-coupon-list__close van-hairline--top" @click="onClickNotUse">{{ closeButtonText }}</div>
|
||||
</div>
|
||||
@ -81,6 +85,10 @@ export default {
|
||||
inputPlaceholder: {
|
||||
type: String,
|
||||
default: '请输入优惠码'
|
||||
},
|
||||
showExchangeBar: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@ -13,20 +13,33 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
padding-right: 85px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&__filed {
|
||||
margin: 10px 0;
|
||||
padding: 4px 10px;
|
||||
|
||||
&::after {
|
||||
border-radius: 6px;
|
||||
border-color: #cacaca;
|
||||
}
|
||||
}
|
||||
|
||||
&__exchange {
|
||||
top: 6px;
|
||||
top: 10px;
|
||||
right: 15px;
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
position: absolute;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
&__list {
|
||||
padding: 60px 0;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
padding: 15px 0 60px;
|
||||
box-sizing: border-box;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
@ -64,6 +77,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
&--with-exchange {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
&__close {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
@ -73,6 +90,27 @@
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
background-color: $white;
|
||||
|
||||
&:active {
|
||||
background-color: $active-color;
|
||||
}
|
||||
}
|
||||
|
||||
&__empty {
|
||||
padding-top: 100px;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
color: #999;
|
||||
margin: 15px 0;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 80px;
|
||||
height: 84px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -8262,9 +8262,9 @@ yeast@0.1.2:
|
||||
version "0.1.2"
|
||||
resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
|
||||
|
||||
zan-doc@^0.3.8:
|
||||
version "0.3.8"
|
||||
resolved "https://registry.yarnpkg.com/zan-doc/-/zan-doc-0.3.8.tgz#96eb93a196963e95af15527a426270ae73375351"
|
||||
zan-doc@^0.3.9:
|
||||
version "0.3.9"
|
||||
resolved "https://registry.yarnpkg.com/zan-doc/-/zan-doc-0.3.9.tgz#4a666408569aee6481590aba281cf40c98ce89b7"
|
||||
dependencies:
|
||||
cheerio "0.22.0"
|
||||
decamelize "^1.2.0"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user