上传文件至 src

src/App.vue

@@ -0,0 +1,29 @@
+<template>
+	<!-- html -->
+	<content></content>
+</template>
+
+<script lang="ts">
+	// JS或TS
+	import Content from './components/Content.vue'
+	export default{
+		//组件名
+		name:'App',
+		// 注册组件
+		components:{
+			Content
+		}
+	}
+</script>
+<style>
+	@font-face {
+	  font-family: 'MyCustomFont';
+	  src: url('./static/font/NotoSansThai-Medium.woff');
+	}
+	body {
+		font-family: 'MyCustomFont',sans-serif!important;
+		font-style: normal;
+		-webkit-font-smoothing: antialiased;
+	}
+	/*每个页面公共css */
+</style>

src/en.json

@@ -0,0 +1,56 @@
+{
+  "Language": "English",
+	"logoTitle": "Octop Rental",
+	"home.page":"Home page",
+	"home.service":"Merchant service",
+	"home.contact":"Contact us",
+	"home.problem":"Common problem",
+	"home.title.txt":"Leading credit pressure free platform",
+	"home.navigation":"navigation",
+	"home.language.switching":"Language switching",
+	"contact.us":"Contact us",
+	"android.client":"Android client",
+	"octopContact":"@octop",
+	"octopContact.subtitle":"Line OA @octop",
+	"app.download":"App download",
+	"follow.us":"Follow us",
+	"customer.service":"Customer service",
+	"labour":"Labour",
+	"carousel.name0":"Open Platform",
+	"carousel.title0":"The intelligent risk control model is connected to Deepseek to quickly assess risks, improve the risk control ability of merchants, and intelligent customer service to effectively improve service quality and reduce operating costs",
+	"carousel.name1":"Legal service",
+	"carousel.title1":"Octop Rental cooperated with well-known law firms in Thailand to launch legal protection, which fits the pain points of merchants and targeted to solve the problem of overdue bad debts in the leasing industry.",
+	"carousel.name2":"Southeast Asia's leading credit free leasing platform",
+	"carousel.title2":"",
+	"carousel.text0":"Consult now",
+	"carousel.text1":"Consult now",
+	"carousel.text2":"Merchant settlement",
+	"business.title":"Personal rental service",
+	"business.text":"To provide consumers with deposit-free rental services to make life simpler",
+	"business.footer.title":"Industry-wide scenarios to help you upgrade your business",
+	"business.footer.txt":"As long as you can rent the industry/product, we will provide you with solutions",
+	"business.arr.name0":"Home game video game",
+	"business.arr.name1":"Selected office computers",
+	"business.arr.name2":"Earphone Watch Accessories",
+	"business.arr.name3":"Tablet collection",
+	"business.arr2.name0":"Branded mobile phones to buy first",
+	"business.arr2.name1":"Photo travel assistant",
+	"business.arr.btn":"View details",
+	"coreProduct.title":"Join easy ，one year free",
+	"coreProduct.li1":"1 minute free fast shop",
+	"coreProduct.li2":"App, line small program multi-channel traffic",
+	"coreProduct.li3":"Full-time manager 1 to 1 coaching",
+	"coreProduct.li4":"New store traffic support",
+	"coreProduct.but":"Free trial",
+	"guarantee.title":"Octop Rental quadruple guarantee",
+	"guarantee.txt":"Protect all aspects of your assets",
+	"guarantee.arr.title0":"Risk-free control",
+	"guarantee.arr.title1":"After renting a one-stop service",
+	"guarantee.arr.title2":"Blockchain",
+	"guarantee.arr.title3":"Legal service",
+	"guarantee.arr.content0":"Access to the octopus credit payment system, for users to reduce the deposit while solving the merchant's delivery trust problem. Combined with Octopus's self-developed Red Shield risk control, it provides more than 1,000 pieces of risk control information and AI manual advice, quickly identifies user qualifications, controls risks, and operates stably.",
+	"guarantee.arr.content1":"Judicial support perfect pre-rent post-rent process management, one click to generate prosecution information. Cooperate with well-known law firms to provide convenient lawyer letter, court prosecution, judgment enforcement services.",
+	"guarantee.arr.content2":"Permanent deposit, cannot be tampered with; Can buy people's insurance, property damage after insurance compensation.",
+	"guarantee.arr.content3":"Recommend excellent collection companies to ensure the collection effect, and target to solve the problem of overdue bad debts in the leasing industry.",
+	"footer.title":"Copyright © 2024 - 2025  Octopus Tech All rights reserved"
+}

src/index.ts

@@ -0,0 +1,14 @@
+import en from './en.json';
+import zh from './zh.json';
+import th from './th.json';
+export interface Messages {
+  [key: string]: any;
+}
+
+const messages: Messages = {
+  en,
+  zh,
+	th
+};
+
+export default messages;

src/main.ts

@@ -0,0 +1,29 @@
+//引入createApp用于创建应用
+import { createApp } from 'vue'
+// 引入App根组件
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import router from './router'
+// 全局样式
+import '@/styles/index.scss'
+// 导入语言包
+import {createI18n} from 'vue-i18n'
+import messages from './locales/index'
+// 引入el图标
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+const i18n = createI18n({
+	legacy: false,
+  locale:localStorage.getItem('lang') || 'en',
+  fallbackLocale: 'en',
+  messages
+});
+const app = createApp(App)
+// 引入el图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+app.use(ElementPlus)
+app.use(router)
+app.use(i18n);
+app.mount('#app')

src/zh.json

@@ -0,0 +1,56 @@
+{
+  "Language": "中文",
+	"logoTitle": "章鱼",
+	"home.page":"首页",
+	"home.service":"商户服务",
+	"home.contact":"联系我们",
+	"home.problem":"常见问题",
+	"home.title.txt":"领先的信用免押租赁平台",
+	"home.navigation":"导航",
+	"home.language.switching":"语言切换",
+	"contact.us":"联系我们",
+	"octopContact":"@octop",
+	"octopContact.subtitle":"Line OA @octop",
+	"android.client":"安卓客户端",
+	"app.download":"App下载",
+	"follow.us":"关注我们",
+	"customer.service":"客服电话",
+	"labour":"人工服务",
+	"carousel.name0":"开放平台",
+	"carousel.title0":"智能风控模型接入Deepseek，快速评估风险，提高商家风控能力，智能客服，有效提升服务质量，减少经营成本",
+	"carousel.name1":"知名律所合作提供法务保障",
+	"carousel.title1":"章鱼与泰国知名律所合作推出法务保障，贴合商家痛点，针对性地解决租赁行业逾期坏账问题。",
+	"carousel.name2":"东南亚领先的信用免押租赁平台",
+	"carousel.title2":"",
+	"carousel.text0":"立即咨询",
+	"carousel.text1":"立即咨询",
+	"carousel.text2":"商家入驻",
+	"business.title":"个人租赁服务",
+	"business.text":"为消费者提供免押金租物服务，让生活更简单",
+	"business.footer.title":"全行业全场景助你业务升级",
+	"business.footer.txt":"只要能租的行业/产品，我们都为你提供解决",
+	"business.arr.name0":"宅家游戏电玩",
+	"business.arr.name1":"精选办公电脑",
+	"business.arr.name2":"耳机手表配饰",
+	"business.arr.name3":"平板电脑合集",
+	"business.arr2.name0":"大牌手机抢先买",
+	"business.arr2.name1":"摄影旅拍助手",
+	"business.arr.btn":"查看详情",
+	"coreProduct.title":"快速入驻，首年免费",
+	"coreProduct.li1":"1分钟免费快速开店",
+	"coreProduct.li2":"App、line小程序多渠道流量",
+	"coreProduct.li3":"专职经理1对1辅导",
+	"coreProduct.li4":"新店流量扶持",
+	"coreProduct.but":"免费试用",
+	"guarantee.title":"章鱼四重保障",
+	"guarantee.txt":"全方位为你的资产保驾护航",
+	"guarantee.arr.title0":"免押风控",
+	"guarantee.arr.title1":"租后一条龙服务",
+	"guarantee.arr.title2":"区块链",
+	"guarantee.arr.title3":"法务服务",
+	"guarantee.arr.content0":"接入章鱼信用支付体系，为用户减免押金的同时解决商户的发货信任问题。结合章鱼自研红盾风控，提供超1000条风控信息及AI人工建议，快速甄别用户资质，把控风险，稳健经营。",
+	"guarantee.arr.content1":"司法支持完善的租前租后流程管理，一键生成起诉资料。与知名律所合作，提供便捷的律师函、法院起诉、判决执行服务。",
+	"guarantee.arr.content2":"永久存证，不可篡改；可购买人保，财产损失后保险赔偿。",
+	"guarantee.arr.content3":"推荐优秀的催收公司，确保催收效果，针对性地解决租赁行业逾期坏账问题。",
+	"footer.title":"Copyright © 2024 - 2025  章鱼科技 版权所有"
+}