<template>
|
<view class="">
|
<scroll-view enable-flex="true">
|
<view class="list chuany-flex chuany-flex-direction chuany-align-center c-p-b-30">
|
<view class="content " v-for="(item,index) in list2" @click='toDetail' :key='item.id'>
|
<view class="bgblue c-p-18 chuany-flex chuany-justify-between chuany-font34 chuany-text-bold">
|
<text class=''>
|
{{item.time}}
|
</text>
|
<text>
|
招{{item.zhaodao}}/{{item.peoplenum}}人
|
</text>
|
</view>
|
<view class="c-p-18 chuany-font44 chuany-text-bold">
|
{{item.name}}
|
</view>
|
<view class="chuany-flex c-p-l-18">
|
<up-tag class='c-p-r-14' :text="item" plain v-for="(item,index) in item.tags" :key="index">
|
</up-tag>
|
</view>
|
<view class="chuany-flex chuany-flex-direction">
|
<text class='c-p-18'>
|
要求：{{item.yaoqiu}}
|
</text>
|
<text class='c-p-l-18 c-p-b-16'>
|
地址：{{item.adress}}
|
</text>
|
</view>
|
<view class='chuany-flex chuany-justify-between c-p-l-18 c-p-r-18'>
|
<view class="redcla">
|
<text class="chuany-font40 chuany-text-bold">
|
{{item.price}}
|
</text>
|
<text class='chuany-font20'>
|
元/小时
|
</text>
|
</view>
|
<!-- <up-tag text="去抢活" type="warning" shape="circle"></up-tag> -->
|
<!-- <up-tag text="去抢活" type="warning" shape="circle"></up-tag> -->
|
</view>
|
</view>
|
</view>
|
<view class="coreshop-ff">
|
<up-list>
|
<up-list-item>
|
<up-cell title="周先生">
|
<template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/1.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<template #right-icon>
|
<up-button class="button-layout__item" text="查看" size="mini" type="primary"></up-button>
|
</template>
|
</up-cell>
|
</up-list-item>
|
<up-list-item>
|
<up-cell title="李先生">
|
<template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/2.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<template #right-icon>
|
<up-button class="button-layout__item" text="确认" size="mini" type="success"></up-button>
|
</template>
|
</up-cell>
|
</up-list-item>
|
<up-list-item>
|
<up-cell title="王先生">
|
<template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/3.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<template #right-icon>
|
<up-button class="button-layout__item" text="确认" size="mini" type="success"></up-button>
|
</template>
|
</up-cell>
|
</up-list-item>
|
</up-list>
|
</view>
|
</scroll-view>
|
|
</view>
|
</template>
|
|
<script setup>
|
import {
|
reactive,
|
ref
|
} from 'vue';
|
let state = reactive({
|
currentIdex: 0
|
})
|
|
const list2 = reactive([{
|
id: 1,
|
time: '明天 19:00-23:00',
|
name: '临时工',
|
tags: ['4小时', '可无经验', '手脚麻利'],
|
adress: '武侯区桂溪街道4.0km',
|
yaoqiu: '不限',
|
price: 50,
|
peoplenum: 3,
|
zhaodao: 1
|
}]);
|
const click = () => {
|
|
}
|
const change = (e) => {
|
state.currentIdex = e.index
|
}
|
const toDetail = (e) => {
|
uni.navigateTo({
|
url: '/pages/detail/detail'
|
})
|
}
|
</script>
|
|
<style lang='scss'>
|
.list {
|
background-color: #fff;
|
padding: 30rpx 30rpx 0 30rpx;
|
}
|
|
.content {
|
height: 430rpx;
|
width: 100%;
|
background-color: #fff;
|
border-radius: 20rpx;
|
/* margin: 30rpx 30rpx 0 30rpx; */
|
box-shadow: 0rpx 4rpx 12rpx 3rpx rgba(85, 85, 85, 0.10);
|
}
|
|
.bgblue {
|
background-color: #4e96f5;
|
border-radius: 20rpx 20rpx 0 0;
|
color: #fff;
|
}
|
|
.redcla {
|
color: #f05348;
|
}
|
</style>
|
