<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>
