App.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <template>
  2. <div class="page">
  3. <router-view />
  4. </div>
  5. </template>
  6. <script setup>
  7. // 引入css
  8. import "vant/es/toast/style";
  9. import "vant/es/notify/style";
  10. // 确认框同理,其它不显示的样式同理引入相关css即可
  11. import "vant/es/dialog/style";
  12. import { ref, reactive, unref } from "vue";
  13. import { useRouter, useRoute } from "vue-router";
  14. import { useI18n } from "vue-i18n";
  15. const { t, locale } = useI18n();
  16. function getUrlParams(url) {
  17. if(!url) return {}
  18. // 通过 ? 分割获取后面的参数字符串
  19. console.log("getUrlParams", url);
  20. let urlStr = url.split("?")[1];
  21. // 创建空对象存储参数
  22. let obj = {};
  23. // 再通过 & 将每一个参数单独分割出来
  24. let paramsArr = urlStr.split("&");
  25. for (let i = 0, len = paramsArr.length; i < len; i++) {
  26. // 再通过 = 将每一个参数分割为 key:value 的形式
  27. let arr = paramsArr[i].split("=");
  28. obj[arr[0]] = arr[1];
  29. }
  30. return obj;
  31. }
  32. import { useStore } from "../src/store/user";
  33. const router = getUrlParams(window.location.search);
  34. const route = useRoute();
  35. console.log("useRoute", router);
  36. const userState = useStore();
  37. router.rtkSnCode && userState.setRtkSnCode(router.rtkSnCode);
  38. // 切换
  39. handleLang(router.lang || 'zh')
  40. function handleLang(val) {
  41. console.log("handleLang", val);
  42. locale.value = val;
  43. localStorage.setItem("lang", val);
  44. }
  45. // console.log("route",unref(route).query, route.query);
  46. </script>
  47. <style lang="less">
  48. * {
  49. margin: 0;
  50. padding: 0;
  51. }
  52. body,
  53. html {
  54. margin: 0;
  55. padding: 0;
  56. }
  57. .page {
  58. background: #161a1a;
  59. min-height: 100vh;
  60. width: 100%;
  61. }
  62. .van-nav-bar__title {
  63. color: #ffffff !important;
  64. }
  65. .van-nav-bar__content {
  66. font-size: 17px;
  67. color: #ffffff;
  68. line-height: 23px;
  69. text-align: left;
  70. font-style: normal;
  71. }
  72. .van-field__value {
  73. padding: 14px;
  74. background: #252828;
  75. border-radius: 6px;
  76. }
  77. .van-cell__right-icon {
  78. line-height: 50px !important;
  79. }
  80. .van-field__control {
  81. background: none !important;
  82. color: #ffffff !important;
  83. }
  84. .input:-webkit-autofill {
  85. -webkit-text-fill-color: #fff !important;
  86. transition: background-color 5000s ease-in-out 0s;
  87. }
  88. :root {
  89. --van-cell-background: #161a1a !important;
  90. --van-field-label-color: #ffffff !important;
  91. --van-button-primary-background: #00c8af !important;
  92. --van-button-round-radius: 6px !important;
  93. }
  94. </style>