调整移动动端空状态大小、加载时标题改成空

mail-vue/src/views/email/index.vue

@@ -24,7 +24,6 @@
 import {useAccountStore} from "@/store/account.js";
 import {useEmailStore} from "@/store/email.js";
 import {useSettingStore} from "@/store/setting.js";
-import {useUiStore} from "@/store/ui.js";
 import emailScroll from "@/components/email-scroll/index.vue"
 import {emailList, emailDelete, emailLatest} from "@/request/email.js";
 import {starAdd, starCancel} from "@/request/star.js";

mail-vue/src/views/role/index.vue

@@ -54,7 +54,10 @@
         <div class="dialog-input">
           <el-input-number placeholder="排序" :min="0" :max="9999" v-model.number="form.sort" controls-position="right" autocomplete="off" />
         </div>
-        <el-segmented size="small" class="perm-expand" @change="expandChange" v-model="expand" :options="options" />
+        <el-radio-group v-model="expand" size="small" @change="expandChange" class="perm-expand">
+          <el-radio-button label="展开" :value="true" />
+          <el-radio-button label="收起" :value="false" />
+        </el-radio-group>
         <el-tree
             :expand-on-click-node="false"
             :check-on-click-node="false"
@@ -134,8 +137,6 @@ const form = reactive({
 
 const expand = ref(false)
 
-const options = [{ label: '展开',value: true }, { label:'收起',value: false}]
-
 let chooseRole = {}
 
 refresh()
@@ -399,8 +400,10 @@ window.onresize = () => {
 }
 
 .perm-expand  {
-  margin-bottom: 10px;
-  --el-border-radius-base: 8px;
+  margin-bottom: 5px;
+  --el-border-radius-base: 4px;
+  position: relative;
+  bottom: 5px;
 }
 
 :deep(.el-dialog) {