【前端】印包客app
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

99 lines
2.4 KiB

<template>
<view class="content">
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="设置"></uni-nav-bar>
<view class="flex-col group_4">
<view class="flex-col section_1">
<view class="top-group justify-between">
<text>关于我们</text>
<image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_4" />
</view>
<view class="flex-col">
<view class="top-group justify-between">
<text>用户协议</text>
<image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_4" />
</view>
<view class="justify-between group_6">
<text class="text_6">当前版本号</text>
<text class="text_7">印包客V1.1.0</text>
</view>
</view>
</view>
<view class="flex-col items-center button" @click="logout">
<text>退出登录</text>
</view>
</view>
</view>
</template>
<script>
import { go2, back, exit } from '@/utils/hook.js'
export default {
data() {
return {}
},
methods: {
go2,
back,
logout() {
exit()
}
}
}
</script>
<style lang="scss" scoped>
.content {
width: 750rpx;
.group_4 {
padding-bottom: 80rpx;
flex: 1 1 auto;
overflow-y: auto;
.section_1 {
background-color: rgb(255, 255, 255);
.top-group {
color: rgb(51, 51, 51);
font-size: 32rpx;
line-height: 45rpx;
white-space: nowrap;
padding: 27rpx 32rpx 26rpx;
border-bottom: solid 2rpx rgb(221, 221, 221);
.image_4 {
margin: 10rpx 9rpx 10rpx 0;
width: 14rpx;
height: 24rpx;
}
}
.group_6 {
padding: 27rpx 31rpx 26rpx 32rpx;
.text_6 {
color: rgb(51, 51, 51);
font-size: 32rpx;
line-height: 45rpx;
white-space: nowrap;
}
.text_7 {
color: rgb(136, 136, 136);
font-size: 28rpx;
line-height: 40rpx;
white-space: nowrap;
}
}
}
.button {
position: fixed;
bottom: 80rpx;
width: 686rpx;
left: 32rpx;
right: 32rpx;
padding: 23rpx 0;
color: rgb(51, 51, 51);
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
white-space: nowrap;
background-color: rgb(232, 232, 232);
border-radius: 10rpx;
}
}
}
</style>