diff --git a/docs/examples-docs/order-goods.md b/docs/examples-docs/order-goods.md deleted file mode 100644 index 12256d736..000000000 --- a/docs/examples-docs/order-goods.md +++ /dev/null @@ -1,229 +0,0 @@ -## OrderGoods 下单页商品列表 - - - -### 使用指南 -``` javascript -import { OrderGoods } from 'vant'; - -Vue.component(OrderGoods.name, OrderGoods); -``` - -### 代码演示 - -#### 基础用法 - -:::demo 基础用法 -```html - -``` - -```javascript -export default { - data() { - return { - message1: '', - itemList1: [{ - img_url: '//img.yzcdn.cn/...', - pay_price: 1050, - title: '商品 A', - num: '1' - }] - } - } -} -``` -::: - -#### 积分商品 - -:::demo 积分商品 -```html - -``` - -```javascript -export default { - data() { - return { - message2: '', - itemList2: [{ - points_price: 200, - pay_price: 50, - img_url: '//img.yzcdn.cn/...', - title: '商品 B', - num: '15', - sku: [ - { v: '商品SKU1' }, - { v: '商品SKU2' } - ] - }] - } - } -} -``` -::: - -#### 预售商品 - -:::demo 预售商品 -```html - -``` - -```javascript -export default { - data() { - return { - message3: '', - itemList3: [{ - pay_price: 50, - img_url: '//img.yzcdn.cn/...', - title: '商品 C', - num: '15', - delivery_time: '三天后发货', - show_delivery_time: true, - is_presale: true, - is_present: true - }] - } - } -} -``` -::: - -#### 商品为空 - -:::demo 商品为空 -```html - -``` -::: - -#### 多个商品 - -:::demo 多个商品 -```html - -``` -::: - -### API - -| 参数 | 说明 | 类型 | 默认值 | -|-----------|-----------|-----------|-------------| -| shop-name | 店铺名称 | `String` | | -| shop-link | 店铺链接 | `String` | | -| header-icon | 店铺名称左侧的图标类型 | `String` | `shop` | -| header-badge | 店铺名称右侧的徽章链接 | `String` | | -| item-list | 商品列表 | `Array` | `[]` | -| empty-icon | 商品列表为空时的图标 | `String` | | -| empty-message | 商品列表为空时的提示文案 | `String` | `当前没有可购买的商品,请重新选择` | -| empty-button-text | 商品列表为空时的按钮文案 | `String` | `返回重新选择` | -| v-model | 买家留言 | `String` | `''` | -| show-total-price | 是否显示价格栏 | `Boolean` | `true` | -| show-message | 是否显示留言栏 | `Boolean` | `true` | -| message-editable | 留言是否可以编辑 | `Boolean` | `true` | -| price | 合计金额(单位分) | `Number` | | -| points | 合计积分 | `Number` | | - -### 数据格式 -#### itemList 中的配送方式字段说明 -| key | 说明 | 类型 | -|-----------|-----------|-----------| -| title | 商品名称 | `String` | -| img_url | 图片地址 | `String` | -| delivery_time | 发货时间 | `String` | -| num | 商品数量 | `Number` | -| points_price | 积分价格 | `Number` | -| pay_price(单位分) | 金额 | `Number` | -| sku | 商品 sku | `Array` | -| message | 商品留言 | `Array` | -| is_presale | 是否为预售 | `Boolean` | -| is_present | 是否为赠品 | `Boolean` | -| is_period_buy | 是否为周期购 | `Boolean` | -| show_delivery_time | 是否显示发货时间 | `Boolean` | - -### Event - -| 事件名 | 说明 | 参数 | -|-----------|-----------|-----------| -| clickEmptyButton | 点击商品为空时的按钮时触发 | - | - -### Slot -| name | 描述 | -|-----------|-----------| -| 默认 | 在商品列表和留言之间插入内容 | -| top | 在标题和商品列表之间插入内容 | -| bottom | 在合计价格下方插入内容 | diff --git a/packages/index.js b/packages/index.js index fa132d47f..7dd535a0e 100644 --- a/packages/index.js +++ b/packages/index.js @@ -24,7 +24,6 @@ import ImagePreview from './image-preview'; import Lazyload from './lazyload'; import Loading from './loading'; import NoticeBar from './notice-bar'; -import OrderGoods from './order-goods'; import Panel from './panel'; import PayOrder from './pay-order'; import Picker from './picker'; @@ -74,7 +73,6 @@ const components = [ Icon, Loading, NoticeBar, - OrderGoods, Panel, PayOrder, Picker, @@ -140,7 +138,6 @@ export { Lazyload, Loading, NoticeBar, - OrderGoods, Panel, PayOrder, Picker, diff --git a/packages/order-goods/Card.vue b/packages/order-goods/Card.vue deleted file mode 100644 index 411047c35..000000000 --- a/packages/order-goods/Card.vue +++ /dev/null @@ -1,102 +0,0 @@ - - - - - - - - - {{ data.title }} - {{ price }} - - - - {{ desc }} - x {{ data.num }} - - - - 预售 - 周期购 - - - 查看留言 - - - - - - - 备注信息 - - - {{ key }} - - - - {{ value }} - - - - 查看订单详情 - - - - - - diff --git a/packages/order-goods/Empty.vue b/packages/order-goods/Empty.vue deleted file mode 100644 index 4998d3404..000000000 --- a/packages/order-goods/Empty.vue +++ /dev/null @@ -1,25 +0,0 @@ - - - - {{ message }} - {{ buttonText }} - - - - diff --git a/packages/order-goods/Header.vue b/packages/order-goods/Header.vue deleted file mode 100644 index 956229556..000000000 --- a/packages/order-goods/Header.vue +++ /dev/null @@ -1,26 +0,0 @@ - - - - {{ title }} - - - - - diff --git a/packages/order-goods/Message.vue b/packages/order-goods/Message.vue deleted file mode 100644 index 36a9af8e2..000000000 --- a/packages/order-goods/Message.vue +++ /dev/null @@ -1,50 +0,0 @@ - - - - {{ message }} - - - - diff --git a/packages/order-goods/Price.vue b/packages/order-goods/Price.vue deleted file mode 100644 index ea1f68a5b..000000000 --- a/packages/order-goods/Price.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - - - diff --git a/packages/order-goods/index.vue b/packages/order-goods/index.vue deleted file mode 100644 index 56f808ecb..000000000 --- a/packages/order-goods/index.vue +++ /dev/null @@ -1,114 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/packages/order-goods/utils.js b/packages/order-goods/utils.js deleted file mode 100644 index 50d57b953..000000000 --- a/packages/order-goods/utils.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * 拼接商品价格(金额和积分) - */ -export function getTotalPrice(price, points) { - const arr = []; - if (points) { - arr.push(points + '积分'); - } - if (price) { - arr.push('¥' + (price / 100).toFixed(2)); - } - return arr.join(' + '); -} diff --git a/packages/vant-css/src/index.css b/packages/vant-css/src/index.css index fe6fc5470..414d5faa4 100644 --- a/packages/vant-css/src/index.css +++ b/packages/vant-css/src/index.css @@ -49,5 +49,4 @@ @import './goods-action.css'; @import './notice-bar.css'; @import './coupon.css'; -@import './order-goods.css'; @import './pay-order.css'; diff --git a/packages/vant-css/src/order-goods.css b/packages/vant-css/src/order-goods.css deleted file mode 100644 index 1d3413585..000000000 --- a/packages/vant-css/src/order-goods.css +++ /dev/null @@ -1,205 +0,0 @@ -@import './common/var.css'; - -.van-order-goods { - background-color: $white; - - &-card { - margin-left: -15px; - background-color: #fafafa; - - &:not(:first-child) { - &::after { - border-top-width: 1px; - } - } - - &__tags { - flex: 1; - } - - &__tag-green, - &__tag-red { - font-size: 10px; - padding: 3px 5px; - margin-right: 5px; - border-radius: 2px; - display: inline-block; - } - - &__tag-green { - color: $white; - background-color: $green-wx; - } - - &__tag-red { - color: $gray; - padding: 5px 8px; - border: 1px solid $gray; - } - - &__delivery { - padding-left: 15px; - background-color: transparent; - - .van-cell__value { - color: $gray-darker; - } - } - - &__present { - top: 0; - left: 3px; - width: 18px; - height: 36px; - position: absolute; - background: url("https://b.yzcdn.cn/v2/image/wap/trade/confirm/present@2x.png") no-repeat; - background-size: 18px 36px; - } - - .van-button&__message-button { - height: 24px; - padding: 0 5px; - font-size: 10px; - line-height: 22px; - } - - &__button { - padding: 20px 15px 0; - .van-button { - height: 40px; - line-height: 38px; - } - } - - &__message { - width: 100%; - height: 100%; - background-color: $background-color; - - h2 { - color: $gray-dark; - font-size: 12px; - line-height: 18px; - padding: 5px 0 5px 10px; - } - - ul { - background-color: $white; - } - - p, - a, - label { - font-size: 14px; - padding: 14px 0; - line-height: 20px; - vertical-align: top; - display: inline-block; - } - - label { - color: #c9c9c9; - min-width: 90px; - } - - li { - display: flex; - padding: 0 10px; - - &:not(:last-child)::after { - border-bottom-width: 1px; - } - - img { - width: 70px; - height: 70px; - } - } - } - } - - &-empty { - margin-left: -15px; - text-align: center; - - p { - color: $gray-dark; - padding: 0 10px; - font-size: 14px; - line-height: 20px; - } - - img { - width: 80px; - height: 84px; - padding: 15px 0; - } - - .van-button { - height: 41px; - margin: 15px 0; - padding: 0 10px; - line-height: 39px; - border-color: $gray-light; - } - } - - &-header { - line-height: 50px; - - a, - img, - .van-icon { - vertical-align: middle; - } - - .van-icon { - font-size: 18px; - margin-right: 5px; - } - - a { - color: $text-color; - font-size: 14px; - } - - img { - height: 14px; - margin-left: 5px; - } - } - - &-message { - textarea { - color: $gray-darker; - padding: 0; - width: 100%; - height: 22px; - border: none; - resize: none; - display: block; - font-size: 14px; - line-height: 22px; - transition: height .3s ease-in-out; - } - - textarea&-focused { - height: 48px; - } - - p { - color: $gray-darker; - text-align: left; - } - - .van-cell__title { - width: 75px; - } - } - - &-price { - .van-cell__value { - color: $red; - } - } -}
{{ desc }}
{{ value }}
{{ message }}