import{e as a,o as t,G as n}from"./vendor.js";const l={class:"markdown-body"},p=n(`
\u5546\u54C1\u5361\u7247\uFF0C\u7528\u4E8E\u5C55\u793A\u5546\u54C1\u7684\u56FE\u7247\u3001\u4EF7\u683C\u7B49\u4FE1\u606F
import { createApp } from 'vue';
// vue
import { Card } from '@nutui/nutui';
// taro
import { Card } from '@nutui/nutui-taro';
const app = createApp();
app.use(Card);
<nut-card
:img-url="state.imgUrl"
:title="state.title"
:price="state.price"
:vipPrice="state.vipPrice"
:shopDesc="state.shopDesc"
:delivery="state.delivery"
:shopName="state.shopName"
>
</nut-card>
<nut-card
:img-url="state.imgUrl"
:title="state.title"
:price="state.price"
:vipPrice="state.vipPrice"
:shopDesc="state.shopDesc"
:delivery="state.delivery"
:shopName="state.shopName"
>
<template #prolist>
<div class="search_prolist_attr">
<span class="word">\u6D3B\u9C9C</span>
<span class="word">\u793C\u76D2</span>
<span class="word">\u56FD\u4EA7</span>
</div>
</template>
<template #tag>
<img
class="tag"
src="//img11.360buyimg.com/jdphoto/s58x28_jfs/t9451/359/415622649/15318/b0943e5d/59a78495N3bd2a9f8.png"
alt=""
/>
</template>
<template #footer>
<div class="customize">\u81EA\u5B9A\u4E49</div>
</template>
</nut-card>
| \u5B57\u6BB5 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
|---|---|---|---|
| img-url | \u5DE6\u4FA7\u56FE\u7247Url | String | - |
| title | \u6807\u9898 | String | - |
| price | \u5546\u54C1\u4EF7\u683C | String | - |
| vip-price | \u4F1A\u5458\u4EF7\u683C | String | - |
| shop-desc | \u5E97\u94FA\u4ECB\u7ECD | String | - |
| delivery | \u914D\u9001\u65B9\u5F0F | String | - |
| shop-name | \u5E97\u94FA\u540D\u79F0 | String | - |
| \u540D\u79F0 | \u8BF4\u660E |
|---|---|
| prolist | \u81EA\u5B9A\u4E49\u5546\u54C1\u4ECB\u7ECD |
| origin | \u4EF7\u683C\u540E\u65B9\u81EA\u5B9A\u4E49\u5185\u5BB9 |
| shop-tag | \u5E97\u94FA\u4ECB\u7ECD\u81EA\u5B9A\u4E49 |
| footer | \u53F3\u4E0B\u89D2\u5185\u5BB9\u81EA\u5B9A\u4E49 |