51 lines
977 B
Vue
51 lines
977 B
Vue
<template>
|
|
<view class="store-wrapper">
|
|
<view class="store-left">
|
|
<image :src="storeImg" mode="scaleToFill" />
|
|
{{ storeName }}
|
|
</view>
|
|
<view class="store-right">
|
|
<text>￥{{ storeNum }}</text>
|
|
<slot />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
storeName: { type: String }, //门店名称
|
|
storeImg: { type: String }, //门店照片
|
|
storeNum: { type: Number }, //收款金额
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.store-wrapper {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 30rpx;
|
|
height: 100rpx;
|
|
.store-left {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 26rpx;
|
|
color: #666;
|
|
image {
|
|
margin-right: 10rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
}
|
|
.store-right {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
text {
|
|
margin-right: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|