<template>
    <view class="item">
        <image></image>
        <view>
            <text>sadas</text>
            <text>dasadas</text>
            <text>dsadas</text>
        </view>
    </view>
</template>
<script>
export default {
    name:"item",
    data(){
        return {

        }
    }
}
</script>
<style lang="scss" scoped>

.item{
    width: 100%;
    padding-right: 206rpx;
    height: 200rpx;
    border-bottom: 1rpx solid #ececec;
    padding: 20rpx;
    display: flex;
    border-radius: 10rpx;
    >image{
        width: 160rpx;
        height: 160rpx;
    }
    >view{
        margin-left: 20rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        >text{
            font-size: 24rpx;
            color: #333;
            line-height: 36rpx;
        }
        >text:first-child{
            font-size: 28rpx;

        }
        >text:last-child{
            font-size: 28rpx;
            color: #FF3131;
        }
    }
} 
</style>