修改文案和添加部分功能

src/component/HomePage/ExportModel.vue

@@ -160,6 +160,23 @@
 						<input type="number" @input="setPencilColor" v-model="canvasPencilColor">
 					</div> -->
 				</div>
+				<div class="shortcutKeys_box">
+					<div class="gallery_btn white" @click.stop="setCloseNav('shortcut')">
+						{{ $t('exportModel.ShortcutKeys') }}
+						<i class="icon iconfont icon-xiala" :class="closeNav.shortcut?'icon-rotate-tool':''" ></i>
+					</div>
+					<div class="shortcutKeys_list">
+						<div class="shortcutKeys_list_item" v-for="item in keysList" :key="item.name">
+							<div class="name">{{ item.name }}</div>
+							<div class="key">
+								<div>{{ item.winDowKey }}</div>
+								<span style="margin: 0 1rem">/</span>
+								<div>{{ item.macKey }}</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				
 				<!-- <div class="exportCanvasBox_title" @click.stop="setCloseNav('move')">
 					{{ $t('exportModel.More') }}
 				</div>
@@ -971,7 +988,7 @@ export default defineComponent({
 		let closeNav = ref({
 			nav:false,
 			tool:false,
-			move:false,
+			shortcut:false,
 		})
 		let setCloseNav = (key)=>{
 			closeNav.value[key] = !closeNav.value[key]
@@ -1198,6 +1215,49 @@ export default defineComponent({
 		// let brushwork = ref('')
 		// 监听键盘的 keydown 和 keyup 事件
 		let keyDown = []
+		const keysList = [
+			{
+				name:useI18.t('exportModel.PaintingEraser'),
+				winDowKey:'~',
+				macKey:'~',
+			},{
+				name:useI18.t('exportModel.Uncheck'),
+				winDowKey:'Ctrl + D',
+				macKey:'Command + D',
+			},{
+				name:useI18.t('exportModel.Revoke'),
+				winDowKey:'Ctrl + Z',
+				macKey:'Command + Z',
+			},{
+				name:useI18.t('exportModel.Retreat'),
+				winDowKey:'Ctrl + Shift + Z',
+				macKey:'Command + Ctrl + Z',
+			},{
+				name:useI18.t('exportModel.ReduceBrushSize'),
+				winDowKey:'[',
+				macKey:'[',
+			},{
+				name:useI18.t('exportModel.IncreaseBrushSize'),
+				winDowKey:']',
+				macKey:']',
+			},{
+				name:useI18.t('exportModel.DrinkingStraw'),
+				winDowKey:'I',
+				macKey:'I',
+			},{
+				name:useI18.t('exportModel.Copy'),
+				winDowKey:'Ctrl + C',
+				macKey:'Command + C',
+			},{
+				name:useI18.t('exportModel.Paste'),
+				winDowKey:'Ctrl + V',
+				macKey:'Command + V',
+			},{
+				name:useI18.t('exportModel.UploadOpenimage'),
+				winDowKey:'Ctrl + O',
+				macKey:'Command + O',
+			},
+		]
 		let oldOperation = ''
 		let canvasKeyDown = (event) => {
 			let keys = ['Enter','Delete','ControlLeft','KeyZ','ShiftLeft','KeyC','KeyV','BracketLeft','BracketRight','KeyI','KeyD','KeyO','Backquote']
@@ -2159,6 +2219,7 @@ export default defineComponent({
 			setPencilWidth,//切换宽度执行函数 给当前矩形或者笔触设置宽度
 			setHDExport,//高清导出选择的图片
 			brushworkChange,//切换笔触的回调
+			keysList,
 			textureValueChange,//切换材质信息
 			brushworkValue,//当前笔触
 			textureValue,//当前材质
@@ -2352,6 +2413,39 @@ export default defineComponent({
 			.exportCanvasBox_left_tool{
 				margin: 0;
 			}
+			.shortcutKeys_box{
+				position: relative;
+				.shortcutKeys_list{
+					display: none;
+					position: absolute;
+					z-index: 2;
+					width: 45rem;
+					max-height: 45rem;
+					background: #f7f8fa;
+					border-radius: 2rem;
+					right: 0;
+					overflow-y: auto;
+					padding: 2rem;
+					.shortcutKeys_list_item{
+						display: flex;
+						font-size: 1.8rem;
+						justify-content: space-between;
+						margin-bottom: 2rem;
+						>.key{
+							display: flex;
+						}
+					}	
+					.shortcutKeys_list_item:last-child{
+					    margin-bottom: 0;
+					}
+				}
+				&:hover{
+					.shortcutKeys_list{
+						display: block;
+					}
+				}
+			}
+			
 			.label_item,label {
                 display: flex;
 				align-items: center;