修改样式2020.0804
This commit is contained in:
parent
df29f86630
commit
ef4a4010ff
@ -3,8 +3,8 @@
|
|||||||
<image class="head" :src="info.member_avatar"></image>
|
<image class="head" :src="info.member_avatar"></image>
|
||||||
<text class="name">{{ info.member_nickname }}</text>
|
<text class="name">{{ info.member_nickname }}</text>
|
||||||
<text class="zhuangtai">状态: {{ info.live_status == 1 ? '正在直播' : '未开播' }}</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-if="info.is_attention == 1">已关注</view>
|
||||||
<view class="guanzhu action" @tap="changeType(info.member_id)" v-else >未关注</view>
|
<view class="guanzhu" @tap="changeType(info.member_id)" v-else >未关注</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@ -80,6 +80,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.action{
|
.action{
|
||||||
background: #f3f3f3;
|
background: #f3f3f3;
|
||||||
|
color: #FF780F;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -50,10 +50,10 @@
|
|||||||
.title{
|
.title{
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
font-size: 22rpx;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 30rpx;
|
line-height: 48rpx;
|
||||||
width: 300rpx;
|
width: 300rpx;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
text-overflow:ellipsis;
|
text-overflow:ellipsis;
|
||||||
|
@ -93,8 +93,9 @@ export default {
|
|||||||
},
|
},
|
||||||
setSwiperHeight() {
|
setSwiperHeight() {
|
||||||
// height: 230px, margin-bottom: 13
|
// height: 230px, margin-bottom: 13
|
||||||
const height = Math.ceil(this.goodsList.length / 2) * (510 + 26);
|
// const height = Math.ceil(this.goodsList.length / 2) * (510 + 26);
|
||||||
this.swiperHeight = height == 0 ? '230rpx' : height + 'rpx';
|
// this.swiperHeight = height == 0 ? '230rpx' : height + 'rpx';
|
||||||
|
this.swiperHeight = Math.ceil(this.goodsList.length / 2) * (270 + 13) + 'px';
|
||||||
},
|
},
|
||||||
// tabs通知swiper切换
|
// tabs通知swiper切换
|
||||||
tabsChange(index) {
|
tabsChange(index) {
|
||||||
|
@ -62,7 +62,7 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
.title{
|
.title{
|
||||||
line-height: 34rpx;
|
line-height: 40rpx;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
margin-bottom: 13rpx;
|
margin-bottom: 13rpx;
|
||||||
@ -71,6 +71,7 @@ export default {
|
|||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
|
line-height: 38rpx;
|
||||||
}
|
}
|
||||||
.price{
|
.price{
|
||||||
color: #FF3131;
|
color: #FF3131;
|
||||||
|
@ -124,7 +124,7 @@
|
|||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
background-color: #999;
|
background:rgba(153,153,153,.5);
|
||||||
>view{
|
>view{
|
||||||
width: 12rpx;
|
width: 12rpx;
|
||||||
height: 12rpx;
|
height: 12rpx;
|
||||||
@ -139,8 +139,9 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
.title{
|
.title{
|
||||||
font-size: 26rpx;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
line-height: 46rpx;
|
||||||
}
|
}
|
||||||
.info{
|
.info{
|
||||||
margin: 20rpx 0;
|
margin: 20rpx 0;
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
<image src="/static/image/shop/2.png"></image>
|
<image src="/static/image/shop/2.png"></image>
|
||||||
</view>
|
</view>
|
||||||
<view @click="sousuo">
|
<view @click="sousuo">
|
||||||
<u-search placeholder="" v-model="keyword" :show-action="false" bg-color="#fff" border-color="#999999" :disabled="true"></u-search>
|
<u-search placeholder="输入您喜欢的宝贝" v-model="keyword" :show-action="false" bg-color="#fff" border-color="#999999" :disabled="true"></u-search>
|
||||||
</view>
|
</view>
|
||||||
<image src="/static/image/shop/3.png" class="mnue" @click="toClassifyPage"></image>
|
<image src="/static/image/shop/3.png" class="mnue" @click="toClassifyPage"></image>
|
||||||
</view>
|
</view>
|
||||||
@ -234,6 +234,7 @@
|
|||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
.local {
|
.local {
|
||||||
width: 31rpx;
|
width: 31rpx;
|
||||||
|
Loading…
Reference in New Issue
Block a user