<!--
 * @Author: PoJun
 * @Date: 2023-09-28 10:38:11
 * @LastEditors: PoJun
 * @LastEditTime: 2023-12-28 18:00:19
 * @Message: 版本查看
-->
<template>
    <view class="version">
        <view class="version-circular">
            <uv-cell-group :border="false">
                <uv-cell
                    :title="sysInfo.appName"
                    :label="sysInfo.appVersion"
                    :isLink="true"
                    arrow-direction="right"
                    :border="false"
                    :cellStyle="{ padding: '15px' }"
                    @click="checkVersion"
                >
                    <uv-text slot="right-icon" text="点击查看更新" :customStyle="{ 'font-size': '12px' }"></uv-text>
                </uv-cell>
            </uv-cell-group>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            sysInfo: {},
        };
    },
    onLoad() {
        this.sysInfo = uni.getSystemInfoSync();
    },
    methods: {
        checkVersion() {
            uni.$uv.toast("已是最新版本");
        },
    },
};
</script>

<style lang="scss">
page {
    background-color: $uni-bg-color-grey;
}
.version {
    padding: 10rpx 25rpx;
    &-circular {
        background-color: #fff;
        border-radius: 14rpx;
        overflow: hidden;
        margin-bottom: 20rpx;
    }
}
</style>
