58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
<template>
|
|
<view class="shop-title flex" @tap.stop="toShop">
|
|
<!-- <view class="xxs tag white m-r-10 flex-none" v-if="shop.type == 1">自营</view> -->
|
|
<view class="shop-name line-1 bold">{{ shop.shop_name || shop.name || name }}</view>
|
|
<u-icon v-if="isLink" class="m-l-10 m-r-20" name="arrow-right" size="28" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'shop-title',
|
|
options: {
|
|
virtualHost: true
|
|
},
|
|
props: {
|
|
name: {
|
|
type: String
|
|
},
|
|
shop: {
|
|
type: Object
|
|
},
|
|
isLink: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
|
|
methods: {
|
|
toShop() {
|
|
const { isLink, shop } = this
|
|
if (!isLink) return
|
|
this.$Router.push({
|
|
path: '/pages/store_index/store_index',
|
|
query: {
|
|
id: shop.shop_id || shop.id
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.shop-title {
|
|
height: 80rpx;
|
|
flex: 1;
|
|
min-width: 0;
|
|
.tag {
|
|
background: linear-gradient(267deg, #ff2c3c 0%, #f52e99 100%);
|
|
border-radius: 6rpx;
|
|
padding: 5rpx 9rpx;
|
|
}
|
|
}
|
|
</style>
|