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

69 lines
1.8 KiB

5 months ago
4 months ago
5 months ago
5 months ago
5 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
  1. <template>
  2. <view>
  3. <view class="se-fs-40 se-fw-6 se-ta-c se-pt-120">
  4. 请选择您的身份
  5. </view>
  6. <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">
  7. <text class="se-ml-80">企业</text>
  8. <image class="se-a-170 se-br-p-50 se-mr-80" src="@/static/image/7525122.png" mode=""></image>
  9. </view>
  10. <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">
  11. <text class="se-ml-80">个人</text>
  12. <image class="se-a-170 se-br-p-50 se-mr-80" src="@/static/image/7525121.png" mode=""></image>
  13. </view>
  14. <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;">
  15. <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">
  16. <text class="se-ml-10">跳过</text>
  17. </view>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default{
  23. data(){
  24. return{
  25. userStatus:null,
  26. }
  27. },
  28. onLoad(options) {
  29. if(options.userStatus){
  30. this.userStatus = options.userStatus
  31. }
  32. },
  33. methods:{
  34. onJump(){
  35. uni.switchTab({
  36. url:"/pages/home/index"
  37. })
  38. },
  39. onBusiness(){
  40. uni.navigateTo({
  41. url:"/pages_subpack/business/index?userStatus="+this.userStatus
  42. })
  43. },
  44. onPerson(){
  45. uni.navigateTo({
  46. url:"/pages_subpack/person/index?userStatus="+this.userStatus
  47. })
  48. }
  49. }
  50. }
  51. </script>
  52. <style>
  53. .business{
  54. width: 690rpx;
  55. height: 240rpx;
  56. background: #f0a921;
  57. border: 8rpx solid rgba(255,255,255,0.64);
  58. border-radius: 16rpx;
  59. }
  60. .master{
  61. width: 690rpx;
  62. height: 240rpx;
  63. background: #87bf53;
  64. border: 8rpx solid rgba(255,255,255,0.64);
  65. border-radius: 16rpx;
  66. }
  67. </style>