邃芒智像大屏项目
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.
 
 
 
 

92 line
1.7 KiB

  1. <template>
  2. <view class="page">
  3. <image src="../../assets/img/homeImg.jpg" mode="scaleToFill" />
  4. <view class="bottomBox">
  5. <view class="orangeBtn" @click="toChooseStyle">开始体验</view>
  6. <view class="IMEI" @click="Imei">i</view>
  7. </view>
  8. </view>
  9. </template>
  10. <script setup>
  11. //#region 导入
  12. import { ref } from "vue";
  13. //#endregion ----------------------------------
  14. function toChooseStyle() {
  15. uni.navigateTo({ url: "/pages/chooseStyle/index" });
  16. }
  17. //#region 初始化
  18. //#endregion ----------------------------------
  19. //#region getImei
  20. function Imei() {
  21. try {
  22. const IMEI = getIMEI();
  23. uni.showToast({
  24. title: IMEI,
  25. icon: "success",
  26. });
  27. } catch (error) {
  28. uni.showToast({
  29. title: "Error",
  30. icon: "error",
  31. });
  32. }
  33. // cordova.exec(
  34. // function (imei) {
  35. // console.log("IMEI:", imei);
  36. // },
  37. // function (error) {
  38. // console.error("Failed to get IMEI:", error);
  39. // },
  40. // "MyPlugin",
  41. // "getIMEI",
  42. // []
  43. // );
  44. }
  45. //#endregion ----------------------------------
  46. //#region 登录
  47. //#endregion ----------------------------------
  48. </script>
  49. <style lang="scss" scoped>
  50. .page {
  51. padding: 0;
  52. position: relative;
  53. width: 100vw;
  54. height: 100vh;
  55. image {
  56. position: absolute;
  57. width: 100%;
  58. height: 100%;
  59. }
  60. .bottomBox {
  61. position: absolute;
  62. bottom: 0;
  63. display: flex;
  64. flex-direction: column;
  65. align-items: center;
  66. padding: 100rpx 0;
  67. width: 100%;
  68. height: 300rpx;
  69. background-color: rgba($color: #000000, $alpha: 0.5);
  70. .IMEI {
  71. position: absolute;
  72. bottom: 20rpx;
  73. right: 20rpx;
  74. width: 40rpx;
  75. height: 40rpx;
  76. line-height: 40rpx;
  77. text-align: center;
  78. }
  79. }
  80. }
  81. </style>