修改样式2020.0804

This commit is contained in:
Niujiawei
2020-08-04 22:34:03 +08:00
parent df29f86630
commit ef4a4010ff
6 changed files with 16 additions and 11 deletions

View File

@@ -3,8 +3,8 @@
<image class="head" :src="info.member_avatar"></image>
<text class="name">{{ info.member_nickname }}</text>
<text class="zhuangtai">状态: {{ info.live_status == 1 ? '正在直播' : '未开播' }}</text>
<view class="guanzhu" @tap="changeType(info.member_id)" v-if="info.is_attention == 1">关注</view>
<view class="guanzhu action" @tap="changeType(info.member_id)" v-else >未关注</view>
<view class="guanzhu action" @tap="changeType(info.member_id)" v-if="info.is_attention == 1">关注</view>
<view class="guanzhu" @tap="changeType(info.member_id)" v-else >未关注</view>
</view>
</template>
<script>
@@ -80,6 +80,7 @@ export default {
}
.action{
background: #f3f3f3;
color: #FF780F;
}
}
</style>

View File

@@ -50,10 +50,10 @@
.title{
margin:0 auto;
margin-top: 20rpx;
font-size: 22rpx;
font-size: 28rpx;
color: #333;
font-weight: 500;
line-height: 30rpx;
line-height: 48rpx;
width: 300rpx;
overflow:hidden;
text-overflow:ellipsis;

View File

@@ -93,8 +93,9 @@ export default {
},
setSwiperHeight() {
// height: 230px, margin-bottom: 13
const height = Math.ceil(this.goodsList.length / 2) * (510 + 26);
this.swiperHeight = height == 0 ? '230rpx' : height + 'rpx';
// const height = Math.ceil(this.goodsList.length / 2) * (510 + 26);
// this.swiperHeight = height == 0 ? '230rpx' : height + 'rpx';
this.swiperHeight = Math.ceil(this.goodsList.length / 2) * (270 + 13) + 'px';
},
// tabs通知swiper切换
tabsChange(index) {

View File

@@ -44,7 +44,7 @@ export default {
<style lang="scss" scoped>
.item{
width: 330rpx;
height: 510rpx;
height: 510rpx;
margin-bottom: 26rpx;
background-color: #f8f8f8;
border-radius: 10rpx 10rpx 0rpx 0rpx;
@@ -62,7 +62,7 @@ export default {
flex-direction: column;
justify-content: space-around;
.title{
line-height: 34rpx;
line-height: 40rpx;
font-size: 30rpx;
color: #333;
margin-bottom: 13rpx;
@@ -71,6 +71,7 @@ export default {
font-size: 26rpx;
color: #666;
margin-bottom: 20rpx;
line-height: 38rpx;
}
.price{
color: #FF3131;