refactor(biji-qianduan): 优化笔记页面的私密设置按钮

- 为适应移动端和桌面端的用户界面,对私密设置按钮进行了调整
- 在移动端使用圆形按钮并添加锁图标,以节省空间并保持清晰的功能指示
- 桌面端保持原有文本按钮,提供更详细的提示信息
This commit is contained in:
2025-08-08 16:56:39 +08:00
parent c550a34418
commit ae31a453d7

View File

@@ -60,8 +60,9 @@
<el-button v-if="showEditor" type="primary" @click="showEditor = !showEditor; previewFile(editData)">返回</el-button> <el-button v-if="showEditor" type="primary" @click="showEditor = !showEditor; previewFile(editData)">返回</el-button>
<el-button v-if="showEditor && userStore.isLoggedIn" type="success" @click="handleSave(vditor.getValue())">保存</el-button> <el-button v-if="showEditor && userStore.isLoggedIn" type="success" @click="handleSave(vditor.getValue())">保存</el-button>
<span v-if="showEditor" class="save-status">{{ saveStatus }}</span> <span v-if="showEditor" class="save-status">{{ saveStatus }}</span>
<el-button v-if="!showEditor && userStore.isLoggedIn && !isMobile" type="info" @click="showPrivacyDialog = true"> <el-button v-if="!showEditor && userStore.isLoggedIn" :circle="isMobile" :size="isMobile ? 'small' : 'default'" type="info" @click="showPrivacyDialog = true">
{{ selectedFile.isPrivate === 1 ? '设为公开' : '设为私密' }} <el-icon v-if="isMobile"><Lock /></el-icon>
<span v-else>{{ selectedFile.isPrivate === 1 ? '设为公开' : '设为私密' }}</span>
</el-button> </el-button>
<el-dropdown v-if="!showEditor && userStore.isLoggedIn && !isMobile" @command="handleExport"> <el-dropdown v-if="!showEditor && userStore.isLoggedIn && !isMobile" @command="handleExport">
<el-button type="success"> <el-button type="success">