reservation-uniapp-250509/service-uniapp-technician/pages/mine/nodes.vue

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