用工小程序前端代码
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.
 
 
 

104 lines
2.4 KiB

<template>
<view>
<u-sticky bgColor="#ff7a31">
<u-tabs :list="nav"
:current="current"
lineColor="#ffffff"
:activeStyle="{
color: '#ffffff',
transform: 'scale(1.05)'
}"
:inactiveStyle="{
color: '#f5f5f5',
transform: 'scale(1)'
}"
:scrollable="true"
itemStyle="padding-left: 60rpx; padding-right: 60rpx;font-size:22rpx; height: 100rpx;"
@click="tabClick"></u-tabs>
</u-sticky>
<view class="se-p-40">
<view class="se-px-40 se-mb-30 se-py-30 se-bgc-white se-br-40 se-bs-b" v-for="(items,indexs) in 20" :key="indexs">
<view class="se-flex se-flex-h-sb se-fw-6 se-fs-32 se-pb-20">
<view class="se-flex">
<text>工装石膏板搬运</text>
<u-icon name="arrow-right"></u-icon>
</view>
<view class="se-c-red">
已完成
</view>
</view>
<view class="se-flex">
<view class="se-w-160 se-h-160">
<image class="se-w-160 se-h-160 se-br-10" src="https://cdn.uviewui.com/uview/album/1.jpg" mode=""></image>
</view>
<view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
<view class="se-fw-6 se-c-black se-fs-30 se-display-ib">泰山工装石膏板搬运</view>
<view class="se-fs-24 se-c-text-third se-display-ib">所属行业:水泥搬运</view>
<view class="se-fs-24 se-c-text-third se-display-ib">所属工种:中午搬运</view>
</view>
</view>
<view class="se-flex se-flex-h-sb se-w-p-100 se-pt-20">
<view class="se-fs-24 se-display-ib">
<text class="se-c-black">总价格</text>
<text class="se-c-orange se-fs-30 se-fw-6"><text class="se-fs-24"></text>6000</text>
</view>
<view class="se-display-ib se-px-20 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-fs-24 se-c-66 se-b">
<text>联系客服</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default{
components:{
},
data(){
return{
current:0,
nav: [
{
name: '全部',
}, {
name: '待聘用',
}, {
name: '待进行'
}, {
name: '待确认'
},
{
name: '待支付'
},
{
name: '已完成'
},
{
name: '已取消'
}
],
list:[
{},
{},
{},
{},
{},
{},
{},
{},
{},
]
}
},
methods:{
tabClick(event){
this.current = event.index
}
}
}
</script>
<style>
</style>