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

118 lines
4.8 KiB

<template>
<view class="se-p-40 se-bgc-f5">
<view class="se-flex se-flex-v-sa se-flex-ai-fs se-py-20 se-px-30 se-bs se-bgc-white se-br-20">
<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 class="se-fs-24 se-c-text-third se-display-ib">工作时间:3h</view>
</view>
</view>
</view>
<view class="se-flex se-flex-h-fs se-mt-30 se-py-20 se-px-30 se-bs se-bgc-white se-br-20">
<image class="se-a-30" src="@/static/image/46502.png" mode=""></image>
<text class="se-c-black se-fs-32 se-ml-20">李满和</text>
<text class="se-c-black se-fs-32 se-ml-20">13189698114</text>
</view>
<view class="se-mt-30 se-py-20 se-px-30 se-bs se-bgc-white se-br-20">
<view class="se-flex se-flex-h-sb se-pb-20 se-b-b">
<view class="se-flex se-flex-h-fs">
<image class="se-w-30 se-h-40" src="@/static/image/47961.png" mode=""></image>
<text class="se-c-black se-fs-32 se-ml-20">李满和</text>
</view>
<view>
<text class="se-c-orange se-fs-32 se-ml-20">$400</text>
</view>
</view>
<view class="se-flex se-flex-h-sb se-pt-20">
<view class="se-flex se-flex-h-fs">
<image class="se-w-30 se-h-40" src="@/static/image/47961.png" mode=""></image>
<text class="se-c-black se-fs-32 se-ml-20">师傅试工交通费用</text>
</view>
<view class="se-flex se-flex-ai-c">
<view class="se-bgc-orange se-display-ib se-br-10 se-py-5 se-px-20 se-c-white se-fs-20">
出租车
</view>
<text class="se-c-orange se-fs-32 se-ml-20">$10</text>
</view>
</view>
<view class="se-c-black se-p-20 se-fs-24 se-flex se-flex-ai-c se-mt-20" style="background-color:rgba(255,164,113,0.48);">
<view class="se-w-10 se-h-10 se-br-5 se-bgc-orange se-mr-10"></view>
<text>全程共</text>
<text class="se-c-orange se-px-5 se-fw-6">5</text>
<text>公里</text>
</view>
<view class="se-p-20 se-fs-24 se-flex se-flex-ai-c" style="background-color:rgba(255,164,113,0.18);">
从师傅出发地到用工目的地总全程为5公里5公里x2=10
</view>
<view class="se-fs-22 se-lh-50 se-flex se-flex-v se-mt-10">
<text>1.公交/地铁出行费用按站xxxxxxxxx</text>
<text>2.出租车出行费用按公里xxxxxxxxx</text>
<text>3.网约车出行费用按xxxxxxxxxxxxxx</text>
</view>
</view>
<view class="se-mt-30 se-py-30 se-px-30 se-bs se-bgc-white se-br-20">
<u-radio-group
size="18"
v-model="payRadio"
iconPlacement="right">
<view class="se-flex-v-sb se-w-p-100" style="align-items: unset;">
<u-radio name="1" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pb-20">
<image class="se-w-30 se-h-25 se-mt-5" src="@/static/image/46518.png" mode=""></image>
<text class="se-c-black se-fs-30 se-ml-15">账户余额</text>
<text class="se-c-text-third se-fs-28 se-ml-15">(余额:¥10)</text>
</view>
</u-radio>
<u-radio name="2" activeColor="#ff7a31">
<view class="se-flex se-flex-ai-c se-pt-20">
<image class="se-w-35 se-h-30 se-mt-5" src="@/static/image/46662.png" mode=""></image>
<text class="se-c-black se-fs-30 se-ml-15">微信支付</text>
</view>
</u-radio>
</view>
</u-radio-group>
</view>
<view class="se-mt-10 se-py-10 se-br-20">
<text class="se-c-66 se-fs-22">温馨提示,下单前请仔细查看下单需知</text>
<view class="se-flex-h-fs se-br-40 se-mt-20 se-flex-ai-fs se-h-80 se-lh-80 se-ta-c se-fs-24 se-c-33" style="align-items: unset;">
<u-checkbox :checked="checked" activeColor="#ff7a31" label-size="12" shape="circle" label="阅读并同意"></u-checkbox>
<text class="se-c-orange" @click="show=true">《用户使用协议》</text>
</view>
</view>
<view class="se-pos-fixed se-pos-lb se-bs-t se-flex se-flex-h-sb se-pb-60 se-pt-20 se-bgc-white se-w-vw-100">
<view class="se-fs-32 se-c-black se-ml-30">
<text class="se-fs-24">合计</text>
<text class="se-c-orange">¥{{amount}}元</text>
</view>
<view @click="onDetail" class="se-mr-30 se-w-240 se-h-80 se-lh-80 se-ta-c se-c-white se-fs-32 se-br-40 se-bgc-orange">
立即支付
</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
amount:"440.1",
payRadio:"1"
}
},
methods:{
onDetail(){
uni.navigateTo({
url:"/pages_subpack/order-detail/index"
})
}
}
}
</script>
<style>
</style>