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.
63 lines
1.3 KiB
63 lines
1.3 KiB
<template>
|
|
<div class="live-list-page">
|
|
<div class="title">
|
|
<img src="../../../static/images/live/img-title.png" alt="商品推荐"/>
|
|
</div>
|
|
<div class="live-list">
|
|
<LiveBox class="live-item"
|
|
v-for="item in roomList"
|
|
:key="item.roomid"
|
|
:liveData.sync="item"
|
|
@click="toLiveRoom(item)"
|
|
/>
|
|
</div>
|
|
<button v-show="componentContent.showMore" class="btn-more" @click="jumpGroupWorks(productData)">查看全部 <span class="icon iconfont icon-arrow-right"></span></button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {commonMixin} from '../mixin'
|
|
import LiveBox from './item'
|
|
export default {
|
|
mixins: [commonMixin],
|
|
components: {
|
|
LiveBox
|
|
},
|
|
data () {
|
|
return {
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.live-list-page{
|
|
.title{
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
.live-list{
|
|
padding-left: 20px;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
.live-item{
|
|
margin:0 14px 14px 0;
|
|
width: 348px;
|
|
height: 464px;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
.btn-more {
|
|
width: 170px;
|
|
height: 54px;
|
|
border: 2px solid #C5AA7B;
|
|
color: #C5AA7B;
|
|
font-size: 24px;
|
|
background-color: transparent;
|
|
margin: 20px auto 0;
|
|
display: block;
|
|
}
|
|
}
|
|
</style>
|