<template lang="html">
<div class="seller-contianer">
<div class="BScroll-warpper">
<div class="seller-all">
<div class="seller-top">
<h1 class="title">{{seller.name}}</h1>
<star :size="36" :score="seller.score"></star>
<div class="priceAbout">
<div class="pleft">
<p class="title">
<p class="price">{{seller.minPrice}}
</div>
<div class="pright">
<p class="title">
<p class="price">{{seller.deliveryPrice}}
</div>
</div>
</div>
<div class="space">
</div>
</div>
</div>
</div>
</template>
<script>
import star from "../star/star.vue";
export default {
components: {
star
},
props: {
seller: {
type: Object
}
}
};
</script>
<style lang="stylus" scoped>
@import "../../common/stylus/mixin.styl"
.seller-contianer
position absolute
top 174px
bottom 0
left 0
width 100%
.BScroll-warpper
width 100%
overflow hidden
.seller-all
margin-top: 18px
.seller-top
margin: 0 36px
border-1px(rgba(7, 17, 27, 0.1))
.title
font-size: 14px
line-height: 14px
font-weight: 600;
color: rgb(7,17,27)
</style>
stylus
is not used at a hierarchical level
.title should only be useful for < H1 class= "title" > {{seller.name}} < / H1 > under .title-top.
if it works for the other two < p class= "title" > distribution price
.seller-top
margin: 0 36px
border-1px(rgba(7, 17, 27, 0.1))
...
.title
font-size: 14px
line-height: 14px
font-weight: 600;
color: rgb(7,17,27)