时空网前端
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.
 
 
 
 

62 lines
2.4 KiB

<template>
<view>
<view class="bg-white lf-p-t-40 lf-p-b-40 flex justify-around align-center text-center solid-bottom">
<view class="lf-font-32" style="width: 50%;border-right: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;" :class="tabIndex ==0?'text-orange':'text-black1'" @click="tabIndex = 0">内部粉丝</view>
<view class="lf-font-32" style="width: 50%;" :class="tabIndex ==1?'text-orange':'text-black1'" @click="tabIndex = 1">外部粉丝</view>
</view>
<block v-if="tabIndex == 0">
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的内部网友 <text class="bg-red lf-font-24 lf-m-l-10" style="border-radius: 30rpx;padding: 5rpx 16rpx;">达人</text></view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的内部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
</block>
<block v-else>
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的外部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
<view class="flex lf-p-30 solid-bottom">
<view>
<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
</view>
<view class="flex flex-direction justify-around lf-p-l-20">
<view class="lf-font-32 text-black1">时空网的外部网友</view>
<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
</view>
</view>
</block>
</view>
</template>
<script>
export default {
data() {
return {
tabIndex: 0
}
}
}
</script>
<style>
</style>