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.
91 lines
2.6 KiB
91 lines
2.6 KiB
<template>
|
|
<view class="content">
|
|
|
|
<view style="background: #f5f5f5; min-height: calc(100vh - 570rpx);">
|
|
<view class="item-card">
|
|
<view class="item-line flex flex-sb" v-for="i in 10">
|
|
<view class="flex">
|
|
<view style="width:80rpx;height:80rpx;margin-right:24rpx;border-radius: 50%;" class="test">
|
|
</view>
|
|
<view>
|
|
<view style="">头部按摩放松</view>
|
|
<view style="color: #909090; font-size: 24rpx">已加入平台120天</view>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view v-if="i%2 === 0" style="line-height: 80rpx;color: #fc5341;">下单12单｜佣金￥840</view>
|
|
<view v-if="i%2 === 1" style="line-height: 80rpx;color: #FEB50A;">下单72单｜佣金￥780</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
active_idx: 0,
|
|
tc: [{
|
|
price1: '100',
|
|
price2: '9',
|
|
price3: '0.00',
|
|
}, {
|
|
price1: '1000',
|
|
price2: '8',
|
|
price3: '100.00',
|
|
}, {
|
|
price1: '3000',
|
|
price2: '7',
|
|
price3: '400.00',
|
|
}, {
|
|
price1: '5000',
|
|
price2: '6',
|
|
price3: '888.00',
|
|
}]
|
|
}
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
clickBanner(){ uni.navigateTo({ url: '/pages/login/login' }) },
|
|
clickNotice(){ uni.navigateTo({ url: '/pages/index/notice'}) },
|
|
clickFillin(){ uni.navigateTo({ url: '/pages/index/fillin'}) },
|
|
clickSpring(){ uni.navigateTo({ url: '/pages/spring/vote' }) },
|
|
clickSpRank(){ uni.navigateTo({ url: '/pages/spring/rank' }) },
|
|
clickMore(){ uni.navigateTo({ url: '/pages/index/infor' }) },
|
|
clickStar(){ uni.navigateTo({ url: '/pages/star/index' }) },
|
|
clickVote(){ uni.switchTab({ url: '/pages/star/vote' }) },
|
|
clickRank(){ uni.switchTab({ url: '/pages/index/rank' }) },
|
|
clickInfo(id){ uni.navigateTo({ url: `/pages/index/infod?id=${id}`}) },
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
body{
|
|
background-color: #f5f5f5;
|
|
}
|
|
.item-card{
|
|
width: calc(710rpx);
|
|
margin: 20rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC, PingFang SC-Bold;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
color: #333333;
|
|
}
|
|
.item-line{
|
|
border-radius: 16rpx;
|
|
background-color: #fff;
|
|
line-height: 40rpx;
|
|
width: calc(100% - 80rpx);
|
|
height: 80rpx;
|
|
padding: 32rpx 40rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
</style>
|