环卫车小程序前端代码
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.
 
 
 

70 lines
1.8 KiB

<template>
<view>
<view class="se-fs-40 se-fw-6 se-ta-c se-pt-120">
请选择您的身份
</view>
<view @click="onBusiness" class="business se-mt-80 se-br-10 se-mx-35 se-bgc-red se-flex se-flex-h-sb se-w-680 se-h-240 se-fs-48 se-c-white">
<text class="se-ml-80">企业</text>
<image class="se-a-170 se-br-p-50 se-mr-80" src="@/static/image/7525122.png" mode=""></image>
</view>
<view @click="onPerson" class="master se-mt-80 se-br-10 se-mx-35 se-bgc-orange se-flex se-flex-h-sb se-w-680 se-h-240 se-fs-48 se-c-white">
<text class="se-ml-80">个人</text>
<image class="se-a-170 se-br-p-50 se-mr-80" src="@/static/image/7525121.png" mode=""></image>
</view>
<view class="se-pos-fixed se-flex-h-c se-bs-t se-w-750 se-h-200" style="background-color: #fff;bottom: 0;left: 0;">
<view @click="onJump()" class="se-mb-20 se-br-20 se-w-400 se-ml-20 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-32 se-c-33 se-bgc-f5">
<text class="se-ml-10">跳过</text>
</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
userStatus:null,
}
},
onLoad(options) {
if(options.userStatus){
this.userStatus = options.userStatus
}
},
methods:{
onJump(){
uni.switchTab({
url:"/pages/home/index"
})
},
onBusiness(){
uni.navigateTo({
url:"/pages_subpack/business/index?userStatus="+this.userStatus
})
},
onPerson(){
uni.navigateTo({
url:"/pages_subpack/person/index?userStatus="+this.userStatus
})
}
}
}
</script>
<style>
.business{
width: 690rpx;
height: 240rpx;
background: #f0a921;
border: 8rpx solid rgba(255,255,255,0.64);
border-radius: 16rpx;
}
.master{
width: 690rpx;
height: 240rpx;
background: #87bf53;
border: 8rpx solid rgba(255,255,255,0.64);
border-radius: 16rpx;
}
</style>