fashion-detail.vue 1.54 KB
<template>
    <Layout>
        <LayoutHeader slot="header" title="潮物详情" :share="shareData"></LayoutHeader>
        <div class="fashion-detail-page">
            <div class="product-info">
                <img src="//img12.static.yhbimg.com/goodsimg/2018/12/24/09/02ce4a371bd58b47e599f8e04c7c7bc250.jpg?imageMogr2/thumbnail/235x314/position/center/quality/60" alt="" class="product-img">
                <div class="product-info-right">
                    <div class="product-title">Lee X-LINE系列男士宽松插画印花背带裤</div>
                    <div class="product-desc">一年到头,我们总喜欢给过去来个总结。要说今年最火的穿搭元素,我想离不开两个字——“老爹”。满大街的老爹鞋,从去年踩到今年,足以证明这股复古风潮的影响力。</div>
                    <div class="product-price">
                        <span class="sale-price">¥899</span>
                        <span class="market-price">¥1899</span>
                    </div>
                </div>
                <div class="follow">
                    <span class="follow-num">3998人已种草</span>
                </div>
            </div>
        </div>
    </Layout>
</template>

<script>
export default {
    name: 'fashionDetail',
    data() {
        return {
            shareData: {}
        }
    }
}
</script>

<style scoped lang="less">
.fashion-detail-page {
    .product-info {
        display: flex;

        .product-img {
            width: 160px;
            height: 212px;
        }
    }
}
</style>