语言适配

src/component/Detail/DesignDetailAlter.vue

@@ -163,14 +163,18 @@
 							
 						</div> -->
 						<div class="color_setting_operateSingle">
-							<div class="started_btn" @click="setOperate">
+							<!-- <div class="started_btn" @click="setOperate">
 								{{ colorList[selectIndex]?.gradient?.gradientList?.length>1? 'Gradual Change':'Single'}}
-							</div>
+							</div> -->
+							<div class="color_setting_btn" :class="{active:!colorList[selectIndex]?.gradient?.gradientShow}">{{ $t('ColorboardUpload.Single') }}</div>
+							<a-switch :checked="colorList[selectIndex]?.gradient?.gradientShow"  @click="setOperate"/>
+							<div class="color_setting_btn" :class="{active:colorList[selectIndex]?.gradient?.gradientShow}">{{ $t('ColorboardUpload.Gradual') }}</div>
+
 						</div>
 						<div class="color_setting_operate" v-if="colorList[selectIndex]?.gradient?.gradientShow">
 							<div class="color_setting_operate_item color_setting_operate_control">
 								<div class="operate_item_box">
-									<div>Alignment</div>
+									<div>{{ $t('ColorboardUpload.Alignment') }}</div>
 								</div>
 								<div class="operate_item_box operate_item_angle">
 									<div class="operate_item_angle_box" @mousedown="mousedownGradientAngle($event,'mousedown')" @touchstart="mousedownGradientAngle($event,'touchstart')">
@@ -1688,6 +1692,16 @@ export default defineComponent({
 				.color_setting_operateSingle{
 						text-align: center;
 						margin: 1rem 0;
+						display: flex;
+						justify-content: center;
+						.color_setting_btn{
+							margin: 0 1rem;
+							color: rgba(0, 0, 0, 0.5);
+							&.active{
+								color: rgba(0, 0, 0, 0.7);
+			                    font-weight: 900;
+							}
+						}
 					}
 					.color_setting_operate{
 						*{

src/component/Detail/habit.vue

@@ -57,11 +57,11 @@
             </div>
             <div class="habit_Overal_Single habit_style">
 				<div class="habit_style_left">
-					<div>Style:</div>
+					<div>{{ $t('Habit.Style') }}:</div>
 					<span :title="workspaceItem.styleName">{{ workspaceItem.styleName }}</span>
 				</div>
 				<!-- <div class="button_second">选择</div> -->
-				<div class="started_btn" @click="setStyle">选择</div>
+				<div class="started_btn" @click="setStyle">{{ $t('Habit.Select') }}</div>
 			</div>
             <div class="habit_Overal_Single">
                 <div
@@ -596,7 +596,7 @@ export default defineComponent({
 		//
 		setOverallSingle(){
 			if(this.workspaceItem.overallSingle){
-				this.workspaceItem.position = this.singleTypeList[0].name
+				this.workspaceItem.position = this.singleTypeList[0].value
 				this.workspaceItem.positionEnum = this.singleTypeList[0]
 			}else{
 				this.workspaceItem.position = 'Overall'
@@ -707,7 +707,7 @@ export default defineComponent({
 		//设置single & overall
 		setSingle(v:any){
 			this.openType.singleton = false
-			this.workspaceItem.position = v.name
+			this.workspaceItem.position = v.value
 			this.workspaceItem.positionEnum = v
 
 		},

src/component/Detail/habitSetStyle.vue

@@ -19,7 +19,7 @@
 	</div>
 	<div class="habitSetStyle_content" v-hoverAnmi>
 		<div class="modal_title_text">
-			<div>Style</div>
+			<div>{{ $t('Habit.Style') }}</div>
 			<div class="modal_title_text_intro"></div>
 		</div>
 		<div class="habitSetStyle_content_bottom">
@@ -34,7 +34,7 @@
 				OK
 			</div>
 			<div class="started_btn" @click="setClear()">
-				Clear
+				{{ $t('Habit.Clear') }}
 			</div>
 		</div>
 		
@@ -55,7 +55,7 @@ import { Https } from "@/tool/https";
 import { getCookie,setCookie } from "@/tool/cookie";
 // import domTurnImg from '@/tool/domTurnImg'
 import { downloadIamge } from "@/tool/util";
-
+import { useI18n } from "vue-i18n";
 export default defineComponent({
 emits:['setParentData','setWorkspaceStyle'],
 
@@ -72,6 +72,7 @@ setup(props,{emit}) {
 		selectStyleName:'',
 		isShowMark:false,
 	})
+	const {t} = useI18n()
 	let getStyleList = ()=>{
 		habitSetStyleData.isShowMark = true
 		Https.axiosPost(Https.httpUrls.getStyleList, {}).then(
@@ -127,7 +128,7 @@ setup(props,{emit}) {
 		}else{
 			let _this = this
 			Modal.confirm({
-				title: 'It is detected that you have modified the style, may I ask whether the model is changed to the model corresponding to the style',
+				title: t('Habit.jsContent3'),
 				icon: createVNode(ExclamationCircleOutlined),
 				okText: 'Yes',
 				cancelText: 'No',