修改样式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> <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>

View File

@ -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;

View File

@ -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';
}, },
// tabsswiper // tabsswiper
tabsChange(index) { tabsChange(index) {

View File

@ -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;

View File

@ -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;

View File

@ -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;