95 lines
2.1 KiB
Vue
95 lines
2.1 KiB
Vue
<template>
|
|
<view class="">
|
|
<!-- 顶部导航栏 -->
|
|
<up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" @leftClick="leftClick" leftIconColor="#ffffff"
|
|
:bgColor="bgColor">
|
|
<template #center>
|
|
<div class="navbarcenter"><span>系统设置</span></div>
|
|
</template>
|
|
</up-navbar>
|
|
</view>
|
|
<view>
|
|
<view class="text1">消息提醒</view>
|
|
<view class="xz">
|
|
<view class="text2">新消息提醒开关</view>
|
|
<up-switch
|
|
v-model="showOpen" activeColor="#6AA2FF" @change="changeInfo"
|
|
inactiveColor="#999999">
|
|
</up-switch>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useStore } from 'vuex'
|
|
import { useRouter } from 'vue-router'
|
|
import { ref, getCurrentInstance } from 'vue';
|
|
import { getDicts } from "@/api/system/dict/data";
|
|
import { onShow, onLoad } from '@dcloudio/uni-app'
|
|
import image from 'uview-plus/libs/config/props/image';
|
|
const { proxy } = getCurrentInstance();
|
|
const isOfficial = ref(true)
|
|
const showOpen = ref(true)
|
|
const iconConfig = proxy.iconConfig;
|
|
const right2 = iconConfig.right2;
|
|
const bgColor = ref('#6AA2FF');
|
|
const version = ref(getApp().globalData.config.appInfo.version)
|
|
function handleLogout() {
|
|
proxy.$modal.confirm('确定注销并退出系统吗？').then(() => {
|
|
proxy.$store.dispatch('LogOut').then(() => {
|
|
proxy.$tab.reLaunch('/pages/login')
|
|
})
|
|
})
|
|
}
|
|
const changeInfo = (e) =>{
|
|
console.log(e);
|
|
}
|
|
const listInfo = (e) => {
|
|
console.log(e)
|
|
}
|
|
const leftClick = () => {
|
|
proxy.$tab.navigateBack(1)
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.navbarcenter {
|
|
font-weight: 400;
|
|
font-size: 36rpx;
|
|
color: #FFFFFF ;
|
|
}
|
|
.text1{
|
|
margin-top: 30rpx;
|
|
margin-left: 32rpx;
|
|
margin-bottom: 32rpx;
|
|
font-weight: 600;
|
|
|
|
font-size: 36rpx;
|
|
|
|
color: #333333 ;
|
|
}
|
|
.xz{
|
|
width: 750rpx;
|
|
height: 88rpx;
|
|
background-color: #f4f5f6;
|
|
padding-left: 32rpx;
|
|
padding-right: 32rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
.text2{
|
|
|
|
font-weight: 400;
|
|
font-size: 30rpx;
|
|
color: #999999 ;
|
|
}
|
|
}
|
|
</style>
|