【前端】云工厂的纸掌柜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.

83 lines
1.6 KiB

<template>
<view class="system-settimg">
<view>
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
<view class="system-settimg-title">系统设置</view>
<view slot="left"></view>
<view slot="right"></view>
</uni-nav-bar>
</view>
<view class="list-main" v-for="(item, index) in name" :key="index">
<view class="list-flex" :class="index + 1 === name.length ? '' : 'list-border'" @click="checkList(index)">
<view class="list-text">
<text>{{ item }}</text>
</view>
<view class="">
<text><uni-icons type="right" color="#000000" size="18"></uni-icons></text>
</view>
</view>
</view>
</view>
</template>
<script>
import { back, go2, uploadFile } from '@/utils/hook.js'
export default {
data() {
return {
name: ['用户名', '账号管理', '用户协议', '系统权限', '关于纸掌柜']
}
},
methods: {
back,
checkList(item) {
switch (item) {
case 0:
go2('user-info')
break
case 1:
go2('account-management')
break
case 4:
go2('about')
break
default:
break
}
}
}
}
</script>
<style lang="scss">
.system-settimg {
.system-settimg-title {
width: 100%;
font-size: 36rpx;
color: #000000;
letter-spacing: 0;
text-align: center;
font-weight: 500;
}
.list-main {
background-color: #ffffff;
}
.list-border {
border-bottom: 2rpx solid #d8d8d8;
}
.list-flex {
display: flex;
justify-content: space-between;
margin: 0rpx 32rpx;
height: 100rpx;
align-items: center;
}
.list-text {
font-size: 28rpx;
color: #000000;
letter-spacing: 0;
font-weight: 400;
}
}
</style>