set up some links

index.html

@@ -21,26 +21,6 @@
 			<span><a :href="$t('messages.pages.contact_link')">{{$t('messages.pages.contact')}}</a></span>
 			<span><a :href="$t('messages.pages.about_link')">{{$t('messages.pages.about')}}</a></span>
 		</div>
-		
-		<div>
-			<h3>{{$t('messages.pages.craft.title')}} : </h3>
-			<span><a :href="$t('messages.pages.craft_link.software_customization_link')">{{$t('messages.pages.craft.software_customization')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.uv_product_customization_link')">{{$t('messages.pages.craft.uv_product_customization')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.lazer_marking_and_cutting_link')">{{$t('messages.pages.craft.lazer_marking_and_cutting')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.customized_smart_hardware_products_link')">{{$t('messages.pages.craft.customized_smart_hardware_products')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.product_purchasing_link')">{{$t('messages.pages.craft.product_purchasing')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.skill_training_link')">{{$t('messages.pages.craft.skill_training')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.equipment_process_construction_link')">{{$t('messages.pages.craft.equipment_process_construction')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.artistic_design_link')">{{$t('messages.pages.craft.artistic_design')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.game_picture_book_design_link')">{{$t('messages.pages.craft.game_picture_book_design')}}</a></span>
-			<span><a :href="$t('messages.pages.craft_link.brand_marketing_product_customization_link')">{{$t('messages.pages.craft.brand_marketing_product_customization')}}</a></span>
-		</div>
-		<p>
-			<router-link to="/home">首页</router-link>
-			<router-link to="/test">test</router-link>
-			<router-link to="/about">关于</router-link>
-		</p>
-		<router-view></router-view>
 
 		<div class="flex flex-wrap gap-4 item-center">
 			<el-select
@@ -59,8 +39,8 @@
 			</el-select>
 		</div>
 
-	  <br/>
-	<!--避免使用单标签，组件按照双标签规范用；    js代码相对位置导入后可以直接使用 -->
+	  	<br/>
+		<!--避免使用单标签，组件按照双标签规范用；    js代码相对位置导入后可以直接使用 -->
 		<!-- <p>before i18n label</p> -->
 		<div v-t="'messages.username'"></div>
 		{{$t('messages.login')}}
@@ -69,6 +49,21 @@
 		<label @click="changelang('zh')">中文</label>
 		<label @click="changelang('en')">english</label> 
 		-->
+		
+		<div class="craft">
+			<h3>{{$t('messages.pages.craft.title')}} : </h3>
+			<span><a :href="$t('messages.pages.craft_link.software_customization_link')">{{$t('messages.pages.craft.software_customization')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.uv_product_customization_link')">{{$t('messages.pages.craft.uv_product_customization')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.lazer_marking_and_cutting_link')">{{$t('messages.pages.craft.lazer_marking_and_cutting')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.customized_smart_hardware_products_link')">{{$t('messages.pages.craft.customized_smart_hardware_products')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.product_purchasing_link')">{{$t('messages.pages.craft.product_purchasing')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.skill_training_link')">{{$t('messages.pages.craft.skill_training')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.equipment_process_construction_link')">{{$t('messages.pages.craft.equipment_process_construction')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.artistic_design_link')">{{$t('messages.pages.craft.artistic_design')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.game_picture_book_design_link')">{{$t('messages.pages.craft.game_picture_book_design')}}</a></span>
+			<span><a :href="$t('messages.pages.craft_link.brand_marketing_product_customization_link')">{{$t('messages.pages.craft.brand_marketing_product_customization')}}</a></span>
+		</div>
+
 		<hr/>
 		<h3>connect to tomcat</h3>
 		<button @click="interface_web()">connect to tomcat</button>
@@ -97,6 +92,12 @@
 		<hr/>
 		<!--<input type="button" text="中文" @click="changelang('zh')"/>
 		<input type="button" text="english" @click="changelang('en')"/>-->
+		<p>
+			<router-link to="/home">首页</router-link>
+			<router-link to="/test">test</router-link>
+			<router-link to="/about">关于</router-link>
+		</p>
+		<router-view></router-view>
     </template>
     <!-- <template style="width:100%; backgroud-color:oranged;">
 	<Home @op="add">home vue</Home>