FINI
/
fini-ui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: FINI:23fca5319641abb13673b1e854495ad75ed930e2
Branches Tags
FINI:master
..
compare: FINI:21c1ea75512497b21ac6b7fec6f05825970cc3cc
Branches Tags
FINI:master

No commits in common. "23fca5319641abb13673b1e854495ad75ed930e2" and "21c1ea75512497b21ac6b7fec6f05825970cc3cc" have entirely different histories.
23fca53196 ... 21c1ea7551

15 changed files with 188 additions and 297 deletions
Show Stats Expand all files Collapse all files

24
src/App.vue
View File

@ -7,17 +7,13 @@
</template>
<script lang="ts" setup>
import { defineComponent, ref, onBeforeMount,onMounted, watch } from 'vue'
import { defineComponent, ref, onBeforeMount } from 'vue'
import { ElConfigProvider } from 'element-plus'
import { ipoStore } from "@/stores/ipo"
const store = ipoStore();
onBeforeMount(() => {
setFontSize()
})
function isMobileFn() {
return 768 >= document.documentElement.clientWidth;
}
const isMobile = ref(isMobileFn() ? true : false);
const setFontSize = () => {
// 以ipone6手机为例,1rem=1px; 以后就在ipone6手机模拟器开发，把rem当作px用就行了
var font = document.documentElement.clientWidth / 375;
@ -38,23 +34,7 @@ const setFontSize = () => {
// },
// })
// onMounted(() => {
// window.addEventListener('resize', function () {
// isMobile.value = isMobileFn();
// if (isMobile.value) {
// window.location.reload()
// }
// })
// })
// watch(isMobile, (newValue) => {
// window.location.reload()
// })
onMounted(() => {
window.addEventListener('resize', function () {
var font = document.documentElement.clientWidth / 375;
document.documentElement.style.fontSize = font + "px";
})
})
</script>
<style lang="scss" >

2
src/locales/en.ts
View File

@ -138,7 +138,7 @@ export default {
DealPublicOfferStartDate:'Deal / Public Offer Start Date',
PublicOfferEndDate:'Public Offer End Date',
ExpectedPriceDeterminationDate:'Expected Price Determination Date',
AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / Certificate Dispatch Date",
AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / \n Certificate Dispatch Date",
SettlementInstructionsInputDate:'Settlement Instructions Input Date',
PredepositPlacingSharesDeliveryDate:'Pre-deposit / Placing Shares Delivery Date',

46
src/router/index.ts
View File

@ -1,31 +1,29 @@
import { createRouter, createWebHistory ,createWebHashHistory} from "vue-router";
import { staticRoutes } from "@/router/routes";
// import {modelRoutes} from "./routesModel"
// let shouRoute=[] as any;
// function setRoutes(){
// window.addEventListener('resize', function() {
// // IsMobile3()
// })
// }
// function IsMobile(){
// if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
// shouRoute=modelRoutes;
// }else{
// shouRoute=staticRoutes;
// }
// }
// function IsMobile2(){
// if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
// window.location.reload()
// }else{
// }
// }
// function IsMobile3(){
// }
import {modelRoutes} from "./routesModel"
let shouRoute=[] as any;
function setRoutes(){
IsMobile();
window.addEventListener('resize', function() {
IsMobile2()
})
}
function IsMobile(){
if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
shouRoute=modelRoutes;
}else{
shouRoute=staticRoutes;
}
}
function IsMobile2(){
if(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
window.location.reload()
}else{
}
}
// setRoutes();
setRoutes();
var router = createRouter({

6
src/views/IPO/components/IpoContent.vue
View File

@ -117,7 +117,7 @@ const data = defineProps<{ info: obj[], title: string }>()
@media screen and (max-width: 768px) {
display: block;
margin-top: 10px;
margin-top: 10rem;
:deep(.el-table) {
color: #355D80;
@ -136,7 +136,7 @@ const data = defineProps<{ info: obj[], title: string }>()
}
@media screen and (max-width: 768px) {
margin: 0 15px 0 15px;
margin: 0 15rem 0 15rem;
// overflow: hidden;
}
@ -177,7 +177,7 @@ const data = defineProps<{ info: obj[], title: string }>()
width: 200px;
@media screen and (max-width: 768px) {
margin-top: 10px;
margin-top: 10rem;
}
}

8
src/views/IPO/components/IpoHeader.vue
View File

@ -70,7 +70,7 @@ onUnmounted(() => {
<style lang="scss" scoped>
@media screen and (max-width: 768px){
.headerWrap{
margin-left: 18px;
margin-left: 18rem;
}
}
.langWrap {
@ -128,7 +128,7 @@ onUnmounted(() => {
@media screen and (max-width: 768px) {
display: block;
margin-top: 3px;
margin-top: 3rem;
}
}
@ -138,8 +138,8 @@ onUnmounted(() => {
font-weight: bolder;
@media screen and (max-width: 768px) {
font-size: 26px;
transform: translateX(-60px);
font-size: 26rem;
transform: translateX(-60rem);
}
}

2
src/views/IPO/components/IpoNav.vue
View File

@ -33,7 +33,7 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
margin-top: 0px;
width: 100vw;
overflow-x: scroll;
margin-left: 15px;
margin-left: 15rem;
}
a {

51
src/views/IPO/index.vue
View File

@ -41,7 +41,6 @@ import { getDataFromId } from "@/api/mock/home"
import i18n from '@/locales'
import { getCurrentInstance } from 'vue'
import moment from 'moment';
const store = ipoStore();
const { proxy } = (getCurrentInstance() as any)
const activeName = ref('first')
@ -155,8 +154,8 @@ const Offerings = ref([
name2: proxy.$t('ipo.Offering.NumberofOfferShares'),
info2: "10,000,000",
table: {
title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: isMobel()?33:50, align: "right" },
{ header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: isMobel()?38:50, align: "right" }],
title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: 50, align: "right" },
{ header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: 50, align: "right" }],
lists: [
{
number: '1',
@ -195,7 +194,7 @@ const Offerings = ref([
{
name: proxy.$t('ipo.Offering.DenominationTable'),
table: {
title: [{ header: proxy.$t('ipo.Offering.ApplicationQuantity'), content: "number", width: isMobel()?35:50, align: "right" },
title: [{ header: proxy.$t('ipo.Offering.ApplicationQuantity'), content: "number", width: 50, align: "right" },
{ header: proxy.$t('ipo.Offering.MaximumPayableonApplication'), content: "persent", width: 50, align: "right" }],
lists: [
{
@ -274,10 +273,10 @@ const Timetable = ref([
info2: "09:00",
table: {
title: [
{ header: " ", content: "des",width: isMobel()?50: 43, align: "left" },
{ header: " ", content: "des", width: 43, align: "left" },
{ width: 12 }, //通过加一段空结构来调整表头的位置
{ header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?30: 20, align: "left" },
{ header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?22: 20, align: "left" }],
{ header: proxy.$t('ipo.Timetable.Date'), content: "number", width: 25, align: "left" },
{ header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: 20, align: "left" }],
lists: [
{
des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'),
@ -320,8 +319,8 @@ const Documents = ref([
info: "ipo.pdf",
name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
info2: "ipo.pdf",
href: "",
href2: ""
href: setDownLoad()[0],
href2: setDownLoad()[1]
},
])
const Transaction = ref([
@ -343,8 +342,6 @@ onMounted(
() => {
data.value = JSON.parse(localStorage.getItem('itemData') as string)
getreferencedata()
setDownLoad()
// text();
}
)
@ -367,9 +364,6 @@ const getreferencedata = async () => {
setTransaction((res as any).data[0])
setTimeTable((res as any).data[0])
}
function isMobel(){
return 768 >= document.documentElement.clientWidth;
}
function setInformation(mockRes: any) {
const { companyEngFull, companyEngShort, companyChiFull, companyChiShort, stkCode, isin, hkAddress, placeOfCorp } = mockRes;
const placeOfincorporation = ref('')
@ -421,7 +415,7 @@ function setOfferings(mockRes: any) {
var dataObj = [
{ info: has_data(tradeCurrency) },
{ info: keepTwoDecimalStr(downwardPriceFlex) },
{ info: has_data(priceMin.toFixed(3)) + "-" + has_data(priceMax.toFixed(3)), info2: has_data(priceFinal.toFixed(3)) },
{ info: has_data(priceMin) + "-" + has_data(priceMax), info2: has_data(priceFinal) },
{ info: has_data(boardLot) },
{ info: keepTwoDecimalStr(poReallocationCap) },
{ info: "-", info2s: [has_data(ipoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(poSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(ioOfferSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))], table: clawback },
@ -753,30 +747,13 @@ function scrollTo(stron: string) {
}
}
async function setDownLoad (){
function setDownLoad() {
const ipoID = localStorage.getItem('ipoID');
const res = await getIpo(ipoID as string)
console.log('@@1',(res as any).data[0].pdfLink.cLink);
const enHref = `${(res as any).data[0].pdfLink.eLink}`;
const chinaHref = `${(res as any).data[0].pdfLink.cLink}`;
console.log(enHref);
Documents.value= [
{
name: proxy.$t('ipo.Documents.ListingDocumentEnglish'),
info: "ipo.pdf",
name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
info2: "ipo.pdf",
href: enHref,
href2:chinaHref
},
]
const enHref = `/api/file/download/EN?ipoID=${ipoID}`;
const chinaHref = `/api/file/download/TC?ipoID=${ipoID}`;
// return store.$state.locale == 1 ? enHref : chinaHref
// return [enHref, chinaHref] as any;
return [enHref, chinaHref];
}
</script>
<style lang="scss" scoped>
// .login2 {
@ -799,7 +776,7 @@ function scrollTo(stron: string) {
@media screen and (max-width: 768px) {
padding-top: 10px;
padding-top: 10rem;
width: 100vw;
overflow: hidden;
}

32
src/views/IpoCalendar/index.vue
View File

@ -99,26 +99,26 @@ const backRouter = () => {
.right-top {
display: flex;
// margin-left: 40px;
margin-top: 20px;
transform: translateX(-10px);
margin-top: 20rem;
transform: translateX(-10rem);
.top-title {
text-align: center;
display: inline-block;
font-size: 25px;
font-size: 25rem;
color: #ffffff;
margin-left: 10px;
}
.icon1 {
width: 25px;
height: 25px;
margin-left: 30px;
width: 25rem;
height: 25rem;
margin-left: 30rem;
}
.icon2 {
width: 25px;
height: 25px;
margin-left: 10px;
width: 25rem;
height: 25rem;
margin-left: 10rem;
}
}
@ -129,9 +129,9 @@ const backRouter = () => {
margin-top: 25px;
// margin-left: 20px;
// transform: translateX(-50px);
// transform: translateX(-50rem);
.month {
font-size: 25px;
font-size: 25rem;
color: #000000;
font-weight: bold;
}
@ -143,7 +143,7 @@ const backRouter = () => {
width: 90vw;
background-color: #ffffff;
height: 40vh;
margin-top: 20vh;
margin-top: 12vh;
// margin-left: 20px;
// text-align: center;
// line-height: 500px;
@ -195,16 +195,16 @@ const backRouter = () => {
:deep(.el-calendar__body) {
background-color: #e8ebee;
height: 50vh;
height: 40vh;
}
:deep(.el-calendar-table thead th){
padding:2px 0;
font-weight: 550;
}
:deep(.el-calendar-table){
margin-top: 20px;
width: 375px;
transform: translateX(-19px);
margin-top: 20rem;
width: 375rem;
transform: translateX(-19rem);
}
:deep(.el-calendar) {
width: 100vw;

26
src/views/dashBoard/Header/index.vue
View File

@ -104,12 +104,6 @@ const drawShow = () => {
top:50px;
left: -50px;
}
.left-right{
display: flex;
justify-content: space-between;
width: 6vw;
margin-right: 10rem;
}
.headerWrap {
display: flex;
@ -123,13 +117,13 @@ const drawShow = () => {
display: flex;
justify-content: space-between;
width: 40vw;
margin-left: 15px;
margin-left: 15rem;
}
.left-right{
display: flex;
justify-content: space-between;
width: 25vw;
margin-right: 10px;
margin-right: 10rem;
}
}
.left {
@ -144,7 +138,7 @@ const drawShow = () => {
display: none;
@media screen and (max-width: 768px){
display: block;
margin-top: 3px;
margin-top: 3rem;
}
}
span {
@ -152,7 +146,7 @@ const drawShow = () => {
font-size: 45px;
font-weight: 900;
@media screen and (max-width: 768px){
font-size: 26px;
font-size: 26rem;
}
}
@ -178,14 +172,14 @@ const drawShow = () => {
font-size: 20px;
@media screen and (max-width: 768px){
width: 100vw;
margin-top: 10px;
transform: translateX(-10px);
margin-top: 10rem;
transform: translateX(-10rem);
}
.time {
color: #435F70;
@media screen and (max-width: 768px){
float: right;
font-size: 15px;
font-size: 15rem;
}
}
@ -202,9 +196,9 @@ const drawShow = () => {
background-color: #E86666;
}
@media screen and (max-width: 768px){
font-size: 15px;
margin-top: 13px;
transform: translateX(200px);
font-size: 15rem;
margin-top: 13rem;
transform: translateX(200rem);
}
}
}

4
src/views/dashBoard/Main.vue
View File

@ -262,10 +262,10 @@ const handleclick = (item: any) => {
.bigbox {
width: 76vw;
min-height: 310px;
min-height: 310rem;
height:fit-content;
margin-top: 14px !important;
margin-top: 14rem !important;
cursor: pointer;
}

22
src/views/dashBoard/index.vue
View File

@ -668,7 +668,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 100vw;
transform: translateY(-30px);
transform: translateY(-30rem);
}
.content {
@ -899,7 +899,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 80vw;
transform: translateX(-6vw);
font-size: 15px;
font-size: 15rem;
}
}
@ -911,7 +911,7 @@ const showMounth = (date: any) => {
font-size: 23px;
@media screen and (max-width: 768px) {
font-size: 20px;
font-size: 20rem;
}
// }
@ -929,7 +929,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 80vw;
transform: translateX(-6vw);
font-size: 16px;
font-size: 16rem;
}
}
@ -940,7 +940,7 @@ const showMounth = (date: any) => {
@media screen and (max-width: 768px) {
width: 80vw;
transform: translateX(-6vw);
font-size: 15px;
font-size: 15rem;
}
}
@ -952,9 +952,9 @@ const showMounth = (date: any) => {
font-size: 18px;
@media screen and (max-width: 768px) {
font-size: 14px;
transform: translateY(-2px);
margin-right: 4px;
font-size: 14rem;
transform: translateY(-2rem);
margin-right: 4rem;
}
}
@ -980,7 +980,7 @@ const showMounth = (date: any) => {
font-family: 'Calibri';
@media screen and (max-width: 768px) {
font-size: 20px;
font-size: 20rem;
}
}
@ -1006,7 +1006,7 @@ const showMounth = (date: any) => {
cursor: default;
@media screen and (max-width: 768px) {
font-size: 21px;
font-size: 21rem;
}
}
}
@ -1096,7 +1096,7 @@ const showMounth = (date: any) => {
font-weight: bold;
@media screen and (max-width: 768px) {
font-size: 20px;
font-size: 20rem;
font-weight: 400;
}
}

10
src/views/login/components/Main.vue
View File

@ -181,8 +181,8 @@ const handleclick = (item: any) => {
width: 270px;
// height: 360px;
// height: fit-content;
// min-height: 350px;
height: fit-content;
min-height: 350px;
margin-top: 30px;
margin-left: 20px;
background-color: #e7efec;
@ -290,10 +290,10 @@ const handleclick = (item: any) => {
.bigbox {
width: 76vw;
// min-height: 310rem;
// height: fit-content;
min-height: 310rem;
height: fit-content;
margin-top: 14px !important;
margin-top: 14rem !important;
cursor: pointer;
}

203
src/views/login/index.vue
View File

@ -20,6 +20,7 @@
<div class="dropdown">
<img src="@/assets/1x/source4.png" class="first " @click="handleShowCup">
</div>
<div class="dropdown1">
@ -205,7 +206,7 @@ const getHomeIpoList = async () => {
title: companyEngFull + ";" + companyChiFull,
status: status,
number: stkCode,
HKD: priceFinal.toFixed(3) ? priceFinal.toFixed(3) : priceMinMax(),
HKD: priceFinal ? priceFinal : priceMinMax(),
time: listingDate ? listingDate : pricingDate,
ipoID: ipoID,
price: priceFinal,
@ -213,11 +214,11 @@ const getHomeIpoList = async () => {
}
function priceMinMax() {
if (priceMin && priceMax) {
return `${priceMin.toFixed(3)} - ${priceMax.toFixed(3)}`
return `${priceMin} - ${priceMax}`
} else if (priceMin) {
return `${priceMin.toFixed(3)} - `
return `${priceMin} - `
} else if (priceMax) {
return ` -${priceMax.toFixed(3)}`
return ` -${priceMax}`
} else {
return " - "
}
@ -489,25 +490,6 @@ const showMounth = (date: any) => {
// .el-calendar{
// font-family: "Calibri"
// }
// @media screen and (max-width: 768px){
// .left{
// width: 100vw;
// * {
// margin: 0;
// padding: 0;
// }
// }
// .header{
// height: 60rem;
// }
// .menuicon{
// display: block;
// margin-left: 5rem;
// width: 25rem;
// height: 20rem;
// }
// }
.login2 {
background-image: url("@/assets/1x/beijingtu.png");
background-repeat: no-repeat;
@ -518,22 +500,31 @@ const showMounth = (date: any) => {
.box {
display: flex;
justify-content: space-between;
// background-image: url("@/assets/1x/beijingtu.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
//height: 100%;
// font-family: "Calibri";
// width: 100%;
// background-color: gray;
}
.left {
width: 70%;
// @media screen and (max-width: 768px) {
// width: 100vw;
// * {
// margin: 0;
// padding: 0;
// }
// }
// height: 100vh;
// float: left;
// background-color: red;
@media screen and (max-width: 768px) {
width: 100vw;
* {
margin: 0;
padding: 0;
}
}
.header {
display: flex;
@ -541,48 +532,47 @@ const showMounth = (date: any) => {
// padding-left: 35px;
height: 80px;
// @media screen and (max-width: 768px) {
// height: 60rem;
// // background-color: red;
// }
@media screen and (max-width: 768px) {
height: 60rem;
// background-color: red;
}
.menuicon {
display: none;
// @media screen and (max-width: 768px) {
// display: block;
// margin-left: 5rem;
// width: 25rem;
// height: 20rem;
// }
@media screen and (max-width: 768px) {
display: block;
margin-left: 5rem;
}
}
// .menu {
// @media screen and (max-width: 768px) {
// img {
// width: 25rem;
// height: 20rem;
.menu {
@media screen and (max-width: 768px) {
img {
width: 25rem;
height: 20rem;
// }
}
// }
// }
}
}
// .inline-input w-50 {
// width: 200px;
// height: 50px;
.inline-input w-50 {
width: 200px;
height: 50px;
// @media screen and (max-width: 768px) {
// display: none;
@media screen and (max-width: 768px) {
display: none;
// :deep(.imgSearch123) {
// width: 10rem;
// height: 10rem;
// }
// }
:deep(.imgSearch123) {
width: 10rem;
height: 10rem;
}
}
// }
}
.my-autocomplete li {
line-height: normal;
@ -629,9 +619,9 @@ const showMounth = (date: any) => {
position: relative;
// @media screen and (max-width: 768px) {
// display: none;
// }
@media screen and (max-width: 768px) {
display: none;
}
.alert {
position: absolute;
@ -656,12 +646,12 @@ const showMounth = (date: any) => {
transform: scale(1.2);
}
// @media screen and (max-width: 768px) {
// width: 24rem;
// height: 28rem;
// margin-top: 6rem;
// margin-left: 10rem;
// }
@media screen and (max-width: 768px) {
width: 24rem;
height: 28rem;
margin-top: 6rem;
margin-left: 10rem;
}
}
.second {
@ -797,14 +787,14 @@ const showMounth = (date: any) => {
}
// :deep(.header .el-input__wrapper) {
// @media screen and (max-width: 768px) {
// // margin-left: 13vw;
// // height: 5vh;
// // background-color: #000000;
// }
:deep(.header .el-input__wrapper) {
@media screen and (max-width: 768px) {
// margin-left: 13vw;
// height: 5vh;
// background-color: #000000;
}
// }
}
:deep(.el-calendar-table td) {
border: none;
@ -862,53 +852,6 @@ const showMounth = (date: any) => {
:deep(.is-selected) {
color: red;
}
@media screen and (max-width: 768px){
.left{
width: 100vw;
* {
margin: 0;
padding: 0;
}
.header{
height: 60px;
.menuicon{
display: block ;
margin-left: 5px;
width: 25px;
height: 20px;
}
.menu{
img {
width: 25px;
height: 20px;
}
}
.dropdown1{
display: none;
}
.first{
width: 24px;
height: 28px;
margin-top: 6px;
margin-left: 10px;
}
}
}
// :deep(.el-drawer__body){
// background-color: red;
// width: 80vw;
// }
// :deep(.el-overlay){
// background-color: green;
// }
}
</style>
<style>
.header .el-input__wrapper {
@ -932,11 +875,11 @@ const showMounth = (date: any) => {
.header .el-input__wrapper {
margin-top: 0;
margin-left: 0;
padding-left: 50px;
padding-left: 50rem;
width: 61vw;
height: 30px;
border-radius: 25px;
font-size: 16px;
height: 30rem;
border-radius: 25rem;
font-size: 16rem;
border: none;
outline: none;
@ -944,14 +887,14 @@ const showMounth = (date: any) => {
.el-input__inner {
margin: -35px;
margin: -35rem;
padding: 0;
}
.imgSearch123 {
width: 15px;
height: 15px;
transform: translateX(-7px);
width: 15rem;
height: 15rem;
transform: translateX(-7rem);
}
}
</style>

44
src/views/login/modelComponents/Drawer.vue
View File

@ -112,14 +112,14 @@ const handleLang3 = () => {
<style lang="scss" scoped>
.wrapddd {
width: 80vw;
transform: translateX(-20px);
transform: translateX(-20rem);
display: flex;
flex-direction: column;
.imgWrap22222 {
margin-top: 20px;
width: 25px;
height: 20px;
margin-left: 15px;
margin-top: 20rem;
width: 25rem;
height: 20rem;
margin-left: 15rem;
img {
width: 100%;
height: 100%;
@ -128,16 +128,16 @@ const handleLang3 = () => {
.nav {
height: fit-content;
margin-top: 20px;
margin-top: 20rem;
width: 100%;
>li {
display: flex;
align-items: center;
justify-self: center;
min-height: 50px;
padding-left: 15px;
margin-top: 10px;
min-height: 50rem;
padding-left: 15rem;
margin-top: 10rem;
background-color: #B4C0C7;
&.active {
@ -145,13 +145,13 @@ const handleLang3 = () => {
}
img {
width: 22px;
height: 22px;
width: 22rem;
height: 22rem;
}
span {
margin-left: 25px;
font-size: 20px;
margin-left: 25rem;
font-size: 20rem;
font-weight: 700;
color: #1C3F56;
}
@ -163,20 +163,20 @@ const handleLang3 = () => {
height: fit-content;
.lang {
margin-left: -90px;
margin-left: -90rem;
color: #1C3F56;
font-size: 18px;
font-size: 18rem;
>li {
line-height: 24px;
line-height: 24rem;
}
}
.report {
margin-left: -120px;
margin-left: -120rem;
span {
margin-right: 10px;
margin-right: 10rem;
}
}
@ -187,9 +187,9 @@ const handleLang3 = () => {
width: 100%;
.arrow {
width: 12px;
height: 19px;
margin-right: 14px;
width: 12rem;
height: 19rem;
margin-right: 14rem;
img {
width: 100%;
@ -201,7 +201,7 @@ const handleLang3 = () => {
span {
display: inline-block;
transform: translateY(-3px);
transform: translateY(-3rem);
}

3
vite.config.ts
View File

@ -60,12 +60,11 @@ export default defineConfig((mode: ConfigEnv) => {
// 配置代理服务器
proxy: {
"/api": {
target: "http://192.168.2.6:8080",
target: "http://192.168.2.11:8080",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ""),
},
},
host: '0.0.0.0'
},
// pages:{
// move: {