wangLuoXinXi.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <view class="content" >
  3. <view :style="{ paddingTop: statusBarHeight + 'px' }"></view>
  4. <view class="box">
  5. <view class="flex jc_between text-28 text-500 h-62">
  6. <view>国家</view>
  7. <view>中国</view>
  8. </view>
  9. <view class="flex jc_between text-28 text-500 h-62">
  10. <view>省份</view>
  11. <view>福建省</view>
  12. </view>
  13. <view class="flex jc_between text-28 text-500 h-62">
  14. <view>城市</view>
  15. <view>厦门市</view>
  16. </view>
  17. <view class="flex jc_between text-28 text-500 h-62">
  18. <view>地区</view>
  19. <view>湖里区</view>
  20. </view>
  21. <view class="flex jc_between text-28 text-500 h-62">
  22. <view>运营商</view>
  23. <view>未知</view>
  24. </view>
  25. <view class="flex jc_between text-28 text-500 h-62">
  26. <view>经纬度</view>
  27. <view>118.122291--24.517468</view>
  28. </view>
  29. <view class="flex jc_between text-28 text-500 h-62">
  30. <view>国家识别码</view>
  31. <view>CN</view>
  32. </view>
  33. <view class="flex jc_between text-28 text-500 h-62">
  34. <view>IP地址</view>
  35. <view>--</view>
  36. </view>
  37. </view>
  38. </view>
  39. </template>
  40. <script setup>
  41. import { ref, onMounted } from "vue";
  42. import { onShow } from "@dcloudio/uni-app";
  43. var statusBarHeight = uni.getStorageSync('statusBarHeight')
  44. const list = ref([
  45. ])
  46. onMounted(()=>{
  47. uni.getNetworkType({
  48. success: function (res) {
  49. console.log(res);
  50. }
  51. });
  52. // uni.getConnectedWifi({
  53. // success: function (res) {
  54. // console.log(res);
  55. // }
  56. // });
  57. })
  58. </script>
  59. <style lang="scss" scoped>
  60. .content{
  61. height: 100vh;
  62. padding: 28rpx;
  63. background: linear-gradient(to bottom, #a9d4ff, #cce6ff);
  64. }
  65. .box{
  66. background-color: #fff;
  67. border-radius: 30rpx;
  68. min-height: 500rpx;
  69. padding: 30rpx 28rpx 0;
  70. }
  71. </style>