|
|
@ -1,5 +1,27 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
|
|
|
|
<card
|
|
|
|
|
|
|
|
num="1"
|
|
|
|
|
|
|
|
price="2999.00"
|
|
|
|
|
|
|
|
desc="描述信息"
|
|
|
|
|
|
|
|
title="商品标题"
|
|
|
|
|
|
|
|
thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
|
|
|
|
|
|
|
|
<template #footer>
|
|
|
|
|
|
|
|
<button size="mini">-</button>
|
|
|
|
|
|
|
|
<button size="mini">+</button>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</card>
|
|
|
|
|
|
|
|
<card
|
|
|
|
|
|
|
|
num="1"
|
|
|
|
|
|
|
|
price="6188.00"
|
|
|
|
|
|
|
|
desc="描述信息"
|
|
|
|
|
|
|
|
title="商品标题"
|
|
|
|
|
|
|
|
thumb="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg">
|
|
|
|
|
|
|
|
<template #footer>
|
|
|
|
|
|
|
|
<button size="mini">-</button>
|
|
|
|
|
|
|
|
<button size="mini">+</button>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</card>
|
|
|
|
|
|
|
|
<submit-bar :price="0" button-text="提交订单" @submit="onSubmit">
|
|
|
|
<checkbox v-model="checked">全选</checkbox>
|
|
|
|
<checkbox v-model="checked">全选</checkbox>
|
|
|
|
<template #tip>
|
|
|
|
<template #tip>
|
|
|
|
你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
|
|
|
|
你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
|
|
|
@ -9,7 +31,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
import {ref} from 'vue'
|
|
|
|
import {ref} from 'vue'
|
|
|
|
import {showToast, SubmitBar, Checkbox, CheckboxGroup} from 'vant';
|
|
|
|
import {showToast, Card, Button, Tag, SubmitBar, Checkbox, CheckboxGroup} from 'vant';
|
|
|
|
|
|
|
|
|
|
|
|
const checked = ref(false)
|
|
|
|
const checked = ref(false)
|
|
|
|
const onSubmit = () => showToast('点击按钮');
|
|
|
|
const onSubmit = () => showToast('点击按钮');
|
|
|
|