about.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <template>
  2. <view class="uni-app">
  3. <view class="status-bar" />
  4. <view class="main-container">
  5. <wk-nav-bar title="关于我们" />
  6. <view class="container">
  7. <view class="logo-box">
  8. <image :src="$static('images/about_logo.png')" class="logo" />
  9. <view class="text">
  10. {{ appName }}
  11. </view>
  12. </view>
  13. <view class="wrapper">
  14. <view class="cell">
  15. <view class="cell-left">
  16. 联系我们
  17. </view>
  18. <view class="cell-body" @click="ringUp">
  19. <text class="wk wk-arrow-right icon" />
  20. </view>
  21. </view>
  22. <view class="cell">
  23. <view class="cell-left">
  24. 用户协议
  25. </view>
  26. <view class="cell-body" @click="handleTo('/pages_law/service')">
  27. <text class="wk wk-arrow-right icon" />
  28. </view>
  29. </view>
  30. <view class="cell">
  31. <view class="cell-left">
  32. 隐私声明
  33. </view>
  34. <view class="cell-body" @click="handleTo('/pages_law/privacy')">
  35. <text class="wk wk-arrow-right icon" />
  36. </view>
  37. </view>
  38. <view class="cell">
  39. <view class="cell-left">
  40. 版本号
  41. </view>
  42. <view class="cell-body">
  43. {{ appVersion }}
  44. </view>
  45. </view>
  46. </view>
  47. </view>
  48. </view>
  49. </view>
  50. </template>
  51. <script>
  52. import { checkVersion } from 'UTIL/lib';
  53. import {appName, appVersion, businessCalls} from '@/config'
  54. export default {
  55. name: '',
  56. data() {
  57. return {}
  58. },
  59. computed: {
  60. appName() {
  61. return appName
  62. },
  63. appVersion() {
  64. return appVersion
  65. }
  66. },
  67. methods: {
  68. ringUp() {
  69. if (!businessCalls) return
  70. uni.makePhoneCall({
  71. phoneNumber: businessCalls
  72. })
  73. },
  74. handleUpdate() {},
  75. handleTo(path) {
  76. this.$Router.navigateTo(path)
  77. }
  78. }
  79. }
  80. </script>
  81. <style scoped lang="scss">
  82. .container {
  83. .logo-box {
  84. padding: 50rpx 0;
  85. flex-direction: column;
  86. @include center;
  87. .logo {
  88. width: 200rpx;
  89. height: 200rpx;
  90. }
  91. .text {
  92. font-size: 28rpx;
  93. color: $gray;
  94. margin-top: -10rpx;
  95. }
  96. }
  97. .wrapper {
  98. background-color: white;
  99. padding: 0 30rpx;
  100. .cell {
  101. border-bottom: 1rpx solid $border-color;
  102. padding: 20rpx 0;
  103. @include left;
  104. .cell-left {
  105. width: 200rpx;
  106. font-size: 30rpx;
  107. }
  108. .cell-body {
  109. flex: 1;
  110. font-size: 26rpx;
  111. color: $gray;
  112. @include right;
  113. .icon {
  114. font-size: 28rpx;
  115. color: $light;
  116. }
  117. }
  118. }
  119. }
  120. }
  121. </style>