顶部
+
+ {{ title }}
+{{ subtitle }}
+{{ title }}
+{{ formatNumber(value) }}
+{{ props.title }}
+{{ value }}
+{{ label }}
+{{ title }}
++ {{ title }} +
+{{ + description + }}
+{{ title }}
+{{ subtitle }}
+{{ application.description }}
+{{ $t('search.historyTitle') }}
+{{ AppConfig.systemInfo.name }}
+{{ $t('topBar.guide.title') + }} {{ $t('topBar.guide.theme') }} 、 {{ $t('topBar.guide.menu') }} {{ $t('topBar.guide.description') }} +
+ +
+
+
+
+ {{ item.time }}
+{{ item.time }}
+{{ item.time }}
+{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}
+{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}
+{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}
+
+
+ {{ $t(`setting.menuType.list[${index}]`) }}
++ {{ title }} +
+ + + + + diff --git a/src/components/core/layouts/art-settings-panel/widget/SettingDrawer.vue b/src/components/core/layouts/art-settings-panel/widget/SettingDrawer.vue new file mode 100644 index 0000000..0f8c60b --- /dev/null +++ b/src/components/core/layouts/art-settings-panel/widget/SettingDrawer.vue @@ -0,0 +1,59 @@ + +{{ $t(`setting.theme.list[${index}]`) }}
+{{ data.desc }}
+
+ 
+
+ {{ $t('login.leftView.subTitle') }}
+{{ message }}
+{{ $t('forgetPassword.subTitle') }}
+{{ $t('login.subTitle') }}
+{{ + $t('login.placeholder[2]') + }}
+{{ $t('register.subTitle') }}
+{{ item.label }}
+ + 较昨天 + {{ + item.change + }} + +{{ systemName }} 是一款专注于用户体验和视觉设计的后台管理系统模版
+使用了 Vue3、TypeScript、Vite、Element Plus 等前沿技术
+ + +
+ 比上周 +23%
+我们为您创建了多个选项，可将它们组合在一起并定制为像素完美的页面
+{{ item.num }}
+{{ item.name }}
+新增+6
+这个月增长+20%
+今年增长+15%
+待处理3
+{{ item.username }}
+{{ item.date }}
+年度销售额
+按季度统计
+热销商品
+本周销售排行
+{{ item.title }}
+ {{ item.subtitle }} +热销产品
+本月销售情况
+14.5k
+销售量
+销售分类
+按产品类别
+12%
+增长
+销售趋势
+月度销售对比
+205,216
+总订单量
+55,231
+商品总数
+当前标签页信息：{{ currentTab }}
+您提交的内容有如下错误：
+您的账户已被冻结
+您的账户还不具备申请资格
+ + +已提交申请，等待部门审核。
+ + +
+ CPU
+RAM
+SWAP
+DISK
+
+
+ Art Design Pro 是一款漂亮的后台管理系统模版.
+ +{{ formatDate(data.day) }}
+ + +{{ plan.description }}
+<template>
+ <ArtWangEditor v-model="content" />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const content = ref('<p>初始内容</p>')
+</script><template>
+ <!-- 显示所有工具，不排除任何功能 -->
+ <ArtWangEditor
+ v-model="content"
+ :exclude-keys="[]"
+ />
+</template><template>
+ <!-- 只显示基础编辑工具 -->
+ <ArtWangEditor
+ v-model="content"
+ :toolbar-keys="[
+ 'bold', 'italic', 'underline', '|',
+ 'bulletedList', 'numberedList', '|',
+ 'insertLink', 'insertImage', '|',
+ 'undo', 'redo'
+ ]"
+ />
+</template><template>
+ <ArtWangEditor
+ v-model="content"
+ height="600px"
+ placeholder="请输入您的内容..."
+ :exclude-keys="['fontFamily', 'fontSize']"
+ :upload-config="{
+ maxFileSize: 5 * 1024 * 1024,
+ maxNumberOfFiles: 5
+ }"
+ />
+</template><template>
+ <ArtWangEditor ref="editorRef" v-model="content" />
+ <el-button @click="handleClear">清空</el-button>
+ <el-button @click="handleFocus">聚焦</el-button>
+ <el-button @click="handleGetContent">获取内容</el-button>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const editorRef = ref()
+const content = ref('')
+
+const handleClear = () => {
+ editorRef.value?.clear()
+}
+
+const handleFocus = () => {
+ editorRef.value?.focus()
+}
+
+const handleGetContent = () => {
+ const html = editorRef.value?.getHtml()
+ console.log('编辑器内容:', html)
+}
+</script>
+评论 {{ comments.length }}
+
+