123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- <template>
- <view class="uni-app">
- <view class="status-bar" />
- <view class="main-container">
- <wk-nav-bar title="关于我们" />
-
- <view class="container">
- <view class="logo-box">
- <image :src="$static('images/about_logo.png')" class="logo" />
- <view class="text">
- {{ appName }}
- </view>
- </view>
-
- <view class="wrapper">
- <view class="cell">
- <view class="cell-left">
- 联系我们
- </view>
- <view class="cell-body" @click="ringUp">
- <text class="wk wk-arrow-right icon" />
- </view>
- </view>
- <view class="cell">
- <view class="cell-left">
- 用户协议
- </view>
- <view class="cell-body" @click="handleTo('/pages_law/service')">
- <text class="wk wk-arrow-right icon" />
- </view>
- </view>
- <view class="cell">
- <view class="cell-left">
- 隐私声明
- </view>
- <view class="cell-body" @click="handleTo('/pages_law/privacy')">
- <text class="wk wk-arrow-right icon" />
- </view>
- </view>
- <view class="cell">
- <view class="cell-left">
- 版本号
- </view>
- <view class="cell-body">
- {{ appVersion }}
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import { checkVersion } from 'UTIL/lib';
- import {appName, appVersion, businessCalls} from '@/config'
- export default {
- name: '',
- data() {
- return {}
- },
- computed: {
- appName() {
- return appName
- },
- appVersion() {
- return appVersion
- }
- },
- methods: {
- ringUp() {
- if (!businessCalls) return
- uni.makePhoneCall({
- phoneNumber: businessCalls
- })
- },
-
- handleUpdate() {},
-
- handleTo(path) {
- this.$Router.navigateTo(path)
- }
- }
- }
- </script>
- <style scoped lang="scss">
- .container {
- .logo-box {
- padding: 50rpx 0;
- flex-direction: column;
- @include center;
- .logo {
- width: 200rpx;
- height: 200rpx;
- }
- .text {
- font-size: 28rpx;
- color: $gray;
- margin-top: -10rpx;
- }
- }
- .wrapper {
- background-color: white;
- padding: 0 30rpx;
- .cell {
- border-bottom: 1rpx solid $border-color;
- padding: 20rpx 0;
- @include left;
- .cell-left {
- width: 200rpx;
- font-size: 30rpx;
- }
- .cell-body {
- flex: 1;
- font-size: 26rpx;
- color: $gray;
- @include right;
-
- .icon {
- font-size: 28rpx;
- color: $light;
- }
- }
- }
- }
- }
- </style>
|