You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
<template>
|
|
<div class="shopinfo px-3 sm:px-0">
|
|
<div class="bg-white p-3 mt-3 flex items-center justify-between rounded-xl">
|
|
<div class="left flex gap-xs items-center">
|
|
<el-avatar shape="square" :src="data?.image" :size="55" />
|
|
<div class="shop-name flex flex-col">
|
|
<div class="shop-name cursor-pointer">
|
|
<div class="flex items-center">
|
|
<text class="text-xl">{{ data?.merchantName }}</text>
|
|
<el-tag type="success" size="small" class="ml-2">官方</el-tag>
|
|
</div>
|
|
</div>
|
|
<el-rate
|
|
v-model="rate"
|
|
show-score
|
|
text-color="#ff9900"
|
|
score-template="{value}">
|
|
</el-rate>
|
|
</div>
|
|
</div>
|
|
<el-button>进入店铺</el-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
|
|
import type {Navigation} from "~/api/cms/navigation/model";
|
|
import type {Merchant} from "~/api/shop/merchant/model";
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
data?: Merchant;
|
|
}>(),
|
|
{}
|
|
);
|
|
|
|
const rate = ref(5);
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|