Compare commits
2 Commits
21c1ea7551
...
23fca53196
| Author | SHA1 | Date |
|---|---|---|
zzy
|
23fca53196 | |
|
zzy
|
f5a85c78bd |
24
src/App.vue
24
src/App.vue
|
|
@ -7,13 +7,17 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { defineComponent, ref, onBeforeMount } from 'vue'
|
import { defineComponent, ref, onBeforeMount,onMounted, watch } from 'vue'
|
||||||
import { ElConfigProvider } from 'element-plus'
|
import { ElConfigProvider } from 'element-plus'
|
||||||
import { ipoStore } from "@/stores/ipo"
|
import { ipoStore } from "@/stores/ipo"
|
||||||
const store = ipoStore();
|
const store = ipoStore();
|
||||||
onBeforeMount(() => {
|
onBeforeMount(() => {
|
||||||
setFontSize()
|
setFontSize()
|
||||||
})
|
})
|
||||||
|
function isMobileFn() {
|
||||||
|
return 768 >= document.documentElement.clientWidth;
|
||||||
|
}
|
||||||
|
const isMobile = ref(isMobileFn() ? true : false);
|
||||||
const setFontSize = () => {
|
const setFontSize = () => {
|
||||||
// 以ipone6手机为例,1rem=1px; 以后就在ipone6手机模拟器开发，把rem当作px用就行了
|
// 以ipone6手机为例,1rem=1px; 以后就在ipone6手机模拟器开发，把rem当作px用就行了
|
||||||
var font = document.documentElement.clientWidth / 375;
|
var font = document.documentElement.clientWidth / 375;
|
||||||
|
|
@ -34,7 +38,23 @@ 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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss" >
|
||||||
|
|
|
||||||
|
|
@ -138,7 +138,7 @@ export default {
|
||||||
DealPublicOfferStartDate:'Deal / Public Offer Start Date',
|
DealPublicOfferStartDate:'Deal / Public Offer Start Date',
|
||||||
PublicOfferEndDate:'Public Offer End Date',
|
PublicOfferEndDate:'Public Offer End Date',
|
||||||
ExpectedPriceDeterminationDate:'Expected Price Determination Date',
|
ExpectedPriceDeterminationDate:'Expected Price Determination Date',
|
||||||
AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / \n Certificate Dispatch Date",
|
AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / Certificate Dispatch Date",
|
||||||
SettlementInstructionsInputDate:'Settlement Instructions Input Date',
|
SettlementInstructionsInputDate:'Settlement Instructions Input Date',
|
||||||
PredepositPlacingSharesDeliveryDate:'Pre-deposit / Placing Shares Delivery Date',
|
PredepositPlacingSharesDeliveryDate:'Pre-deposit / Placing Shares Delivery Date',
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,29 +1,31 @@
|
||||||
import { createRouter, createWebHistory ,createWebHashHistory} from "vue-router";
|
import { createRouter, createWebHistory ,createWebHashHistory} from "vue-router";
|
||||||
import { staticRoutes } from "@/router/routes";
|
import { staticRoutes } from "@/router/routes";
|
||||||
import {modelRoutes} from "./routesModel"
|
// import {modelRoutes} from "./routesModel"
|
||||||
let shouRoute=[] as any;
|
// let shouRoute=[] as any;
|
||||||
function setRoutes(){
|
// function setRoutes(){
|
||||||
IsMobile();
|
// window.addEventListener('resize', function() {
|
||||||
window.addEventListener('resize', function() {
|
// // IsMobile3()
|
||||||
IsMobile2()
|
// })
|
||||||
})
|
// }
|
||||||
}
|
// function IsMobile(){
|
||||||
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)){
|
||||||
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;
|
||||||
shouRoute=modelRoutes;
|
// }else{
|
||||||
}else{
|
// shouRoute=staticRoutes;
|
||||||
shouRoute=staticRoutes;
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// function IsMobile2(){
|
||||||
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)){
|
||||||
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()
|
||||||
window.location.reload()
|
// }else{
|
||||||
}else{
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// function IsMobile3(){
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
setRoutes();
|
// setRoutes();
|
||||||
|
|
||||||
|
|
||||||
var router = createRouter({
|
var router = createRouter({
|
||||||
|
|
|
||||||
|
|
@ -117,7 +117,7 @@ const data = defineProps<{ info: obj[], title: string }>()
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 10rem;
|
margin-top: 10px;
|
||||||
|
|
||||||
:deep(.el-table) {
|
:deep(.el-table) {
|
||||||
color: #355D80;
|
color: #355D80;
|
||||||
|
|
@ -136,7 +136,7 @@ const data = defineProps<{ info: obj[], title: string }>()
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
margin: 0 15rem 0 15rem;
|
margin: 0 15px 0 15px;
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -177,7 +177,7 @@ const data = defineProps<{ info: obj[], title: string }>()
|
||||||
width: 200px;
|
width: 200px;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
margin-top: 10rem;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -70,7 +70,7 @@ onUnmounted(() => {
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@media screen and (max-width: 768px){
|
@media screen and (max-width: 768px){
|
||||||
.headerWrap{
|
.headerWrap{
|
||||||
margin-left: 18rem;
|
margin-left: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.langWrap {
|
.langWrap {
|
||||||
|
|
@ -128,7 +128,7 @@ onUnmounted(() => {
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 3rem;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -138,8 +138,8 @@ onUnmounted(() => {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
font-size: 26rem;
|
font-size: 26px;
|
||||||
transform: translateX(-60rem);
|
transform: translateX(-60px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,7 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
margin-left: 15rem;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
|
||||||
|
|
@ -41,6 +41,7 @@ import { getDataFromId } from "@/api/mock/home"
|
||||||
import i18n from '@/locales'
|
import i18n from '@/locales'
|
||||||
import { getCurrentInstance } from 'vue'
|
import { getCurrentInstance } from 'vue'
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
|
|
||||||
const store = ipoStore();
|
const store = ipoStore();
|
||||||
const { proxy } = (getCurrentInstance() as any)
|
const { proxy } = (getCurrentInstance() as any)
|
||||||
const activeName = ref('first')
|
const activeName = ref('first')
|
||||||
|
|
@ -154,8 +155,8 @@ const Offerings = ref([
|
||||||
name2: proxy.$t('ipo.Offering.NumberofOfferShares'),
|
name2: proxy.$t('ipo.Offering.NumberofOfferShares'),
|
||||||
info2: "10,000,000",
|
info2: "10,000,000",
|
||||||
table: {
|
table: {
|
||||||
title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: 50, align: "right" },
|
title: [{ header: proxy.$t('ipo.Offering.InititalandClawbackThrehold'), content: "number", width: isMobel()?33:50, align: "right" },
|
||||||
{ header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: 50, align: "right" }],
|
{ header: proxy.$t('ipo.Offering.PublicOfferAllocation'), content: "persent", width: isMobel()?38:50, align: "right" }],
|
||||||
lists: [
|
lists: [
|
||||||
{
|
{
|
||||||
number: '1',
|
number: '1',
|
||||||
|
|
@ -194,7 +195,7 @@ const Offerings = ref([
|
||||||
{
|
{
|
||||||
name: proxy.$t('ipo.Offering.DenominationTable'),
|
name: proxy.$t('ipo.Offering.DenominationTable'),
|
||||||
table: {
|
table: {
|
||||||
title: [{ header: proxy.$t('ipo.Offering.ApplicationQuantity'), content: "number", width: 50, align: "right" },
|
title: [{ header: proxy.$t('ipo.Offering.ApplicationQuantity'), content: "number", width: isMobel()?35:50, align: "right" },
|
||||||
{ header: proxy.$t('ipo.Offering.MaximumPayableonApplication'), content: "persent", width: 50, align: "right" }],
|
{ header: proxy.$t('ipo.Offering.MaximumPayableonApplication'), content: "persent", width: 50, align: "right" }],
|
||||||
lists: [
|
lists: [
|
||||||
{
|
{
|
||||||
|
|
@ -273,10 +274,10 @@ const Timetable = ref([
|
||||||
info2: "09:00",
|
info2: "09:00",
|
||||||
table: {
|
table: {
|
||||||
title: [
|
title: [
|
||||||
{ header: " ", content: "des", width: 43, align: "left" },
|
{ header: " ", content: "des",width: isMobel()?50: 43, align: "left" },
|
||||||
{ width: 12 }, //通过加一段空结构来调整表头的位置
|
{ width: 12 }, //通过加一段空结构来调整表头的位置
|
||||||
{ header: proxy.$t('ipo.Timetable.Date'), content: "number", width: 25, align: "left" },
|
{ header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?30: 20, align: "left" },
|
||||||
{ header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: 20, align: "left" }],
|
{ header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?22: 20, align: "left" }],
|
||||||
lists: [
|
lists: [
|
||||||
{
|
{
|
||||||
des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'),
|
des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'),
|
||||||
|
|
@ -319,8 +320,8 @@ const Documents = ref([
|
||||||
info: "ipo.pdf",
|
info: "ipo.pdf",
|
||||||
name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
|
name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
|
||||||
info2: "ipo.pdf",
|
info2: "ipo.pdf",
|
||||||
href: setDownLoad()[0],
|
href: "",
|
||||||
href2: setDownLoad()[1]
|
href2: ""
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
const Transaction = ref([
|
const Transaction = ref([
|
||||||
|
|
@ -342,6 +343,8 @@ onMounted(
|
||||||
() => {
|
() => {
|
||||||
data.value = JSON.parse(localStorage.getItem('itemData') as string)
|
data.value = JSON.parse(localStorage.getItem('itemData') as string)
|
||||||
getreferencedata()
|
getreferencedata()
|
||||||
|
setDownLoad()
|
||||||
|
|
||||||
// text();
|
// text();
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
@ -364,6 +367,9 @@ const getreferencedata = async () => {
|
||||||
setTransaction((res as any).data[0])
|
setTransaction((res as any).data[0])
|
||||||
setTimeTable((res as any).data[0])
|
setTimeTable((res as any).data[0])
|
||||||
}
|
}
|
||||||
|
function isMobel(){
|
||||||
|
return 768 >= document.documentElement.clientWidth;
|
||||||
|
}
|
||||||
function setInformation(mockRes: any) {
|
function setInformation(mockRes: any) {
|
||||||
const { companyEngFull, companyEngShort, companyChiFull, companyChiShort, stkCode, isin, hkAddress, placeOfCorp } = mockRes;
|
const { companyEngFull, companyEngShort, companyChiFull, companyChiShort, stkCode, isin, hkAddress, placeOfCorp } = mockRes;
|
||||||
const placeOfincorporation = ref('')
|
const placeOfincorporation = ref('')
|
||||||
|
|
@ -415,7 +421,7 @@ function setOfferings(mockRes: any) {
|
||||||
var dataObj = [
|
var dataObj = [
|
||||||
{ info: has_data(tradeCurrency) },
|
{ info: has_data(tradeCurrency) },
|
||||||
{ info: keepTwoDecimalStr(downwardPriceFlex) },
|
{ info: keepTwoDecimalStr(downwardPriceFlex) },
|
||||||
{ info: has_data(priceMin) + "-" + has_data(priceMax), info2: has_data(priceFinal) },
|
{ info: has_data(priceMin.toFixed(3)) + "-" + has_data(priceMax.toFixed(3)), info2: has_data(priceFinal.toFixed(3)) },
|
||||||
{ info: has_data(boardLot) },
|
{ info: has_data(boardLot) },
|
||||||
{ info: keepTwoDecimalStr(poReallocationCap) },
|
{ 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 },
|
{ 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 },
|
||||||
|
|
@ -747,13 +753,30 @@ function scrollTo(stron: string) {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
function setDownLoad() {
|
async function setDownLoad (){
|
||||||
const ipoID = localStorage.getItem('ipoID');
|
const ipoID = localStorage.getItem('ipoID');
|
||||||
const enHref = `/api/file/download/EN?ipoID=${ipoID}`;
|
const res = await getIpo(ipoID as string)
|
||||||
const chinaHref = `/api/file/download/TC?ipoID=${ipoID}`;
|
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
|
||||||
|
},
|
||||||
|
]
|
||||||
// return store.$state.locale == 1 ? enHref : chinaHref
|
// return store.$state.locale == 1 ? enHref : chinaHref
|
||||||
return [enHref, chinaHref];
|
// return [enHref, chinaHref] as any;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
// .login2 {
|
// .login2 {
|
||||||
|
|
@ -776,7 +799,7 @@ function setDownLoad() {
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
|
|
||||||
padding-top: 10rem;
|
padding-top: 10px;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -99,26 +99,26 @@ const backRouter = () => {
|
||||||
.right-top {
|
.right-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
// margin-left: 40px;
|
// margin-left: 40px;
|
||||||
margin-top: 20rem;
|
margin-top: 20px;
|
||||||
transform: translateX(-10rem);
|
transform: translateX(-10px);
|
||||||
.top-title {
|
.top-title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 25rem;
|
font-size: 25px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon1 {
|
.icon1 {
|
||||||
width: 25rem;
|
width: 25px;
|
||||||
height: 25rem;
|
height: 25px;
|
||||||
margin-left: 30rem;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon2 {
|
.icon2 {
|
||||||
width: 25rem;
|
width: 25px;
|
||||||
height: 25rem;
|
height: 25px;
|
||||||
margin-left: 10rem;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -129,9 +129,9 @@ const backRouter = () => {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
|
|
||||||
// margin-left: 20px;
|
// margin-left: 20px;
|
||||||
// transform: translateX(-50rem);
|
// transform: translateX(-50px);
|
||||||
.month {
|
.month {
|
||||||
font-size: 25rem;
|
font-size: 25px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
@ -143,7 +143,7 @@ const backRouter = () => {
|
||||||
width: 90vw;
|
width: 90vw;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
height: 40vh;
|
height: 40vh;
|
||||||
margin-top: 12vh;
|
margin-top: 20vh;
|
||||||
// margin-left: 20px;
|
// margin-left: 20px;
|
||||||
// text-align: center;
|
// text-align: center;
|
||||||
// line-height: 500px;
|
// line-height: 500px;
|
||||||
|
|
@ -195,16 +195,16 @@ const backRouter = () => {
|
||||||
|
|
||||||
:deep(.el-calendar__body) {
|
:deep(.el-calendar__body) {
|
||||||
background-color: #e8ebee;
|
background-color: #e8ebee;
|
||||||
height: 40vh;
|
height: 50vh;
|
||||||
}
|
}
|
||||||
:deep(.el-calendar-table thead th){
|
:deep(.el-calendar-table thead th){
|
||||||
padding:2px 0;
|
padding:2px 0;
|
||||||
font-weight: 550;
|
font-weight: 550;
|
||||||
}
|
}
|
||||||
:deep(.el-calendar-table){
|
:deep(.el-calendar-table){
|
||||||
margin-top: 20rem;
|
margin-top: 20px;
|
||||||
width: 375rem;
|
width: 375px;
|
||||||
transform: translateX(-19rem);
|
transform: translateX(-19px);
|
||||||
}
|
}
|
||||||
:deep(.el-calendar) {
|
:deep(.el-calendar) {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
|
||||||
|
|
@ -104,6 +104,12 @@ const drawShow = () => {
|
||||||
top:50px;
|
top:50px;
|
||||||
left: -50px;
|
left: -50px;
|
||||||
}
|
}
|
||||||
|
.left-right{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 6vw;
|
||||||
|
margin-right: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
.headerWrap {
|
.headerWrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -117,13 +123,13 @@ const drawShow = () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 40vw;
|
width: 40vw;
|
||||||
margin-left: 15rem;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
.left-right{
|
.left-right{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 25vw;
|
width: 25vw;
|
||||||
margin-right: 10rem;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.left {
|
.left {
|
||||||
|
|
@ -138,7 +144,7 @@ const drawShow = () => {
|
||||||
display: none;
|
display: none;
|
||||||
@media screen and (max-width: 768px){
|
@media screen and (max-width: 768px){
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 3rem;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
span {
|
span {
|
||||||
|
|
@ -146,7 +152,7 @@ const drawShow = () => {
|
||||||
font-size: 45px;
|
font-size: 45px;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
@media screen and (max-width: 768px){
|
@media screen and (max-width: 768px){
|
||||||
font-size: 26rem;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -172,14 +178,14 @@ const drawShow = () => {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
@media screen and (max-width: 768px){
|
@media screen and (max-width: 768px){
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
margin-top: 10rem;
|
margin-top: 10px;
|
||||||
transform: translateX(-10rem);
|
transform: translateX(-10px);
|
||||||
}
|
}
|
||||||
.time {
|
.time {
|
||||||
color: #435F70;
|
color: #435F70;
|
||||||
@media screen and (max-width: 768px){
|
@media screen and (max-width: 768px){
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 15rem;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -196,9 +202,9 @@ const drawShow = () => {
|
||||||
background-color: #E86666;
|
background-color: #E86666;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 768px){
|
@media screen and (max-width: 768px){
|
||||||
font-size: 15rem;
|
font-size: 15px;
|
||||||
margin-top: 13rem;
|
margin-top: 13px;
|
||||||
transform: translateX(200rem);
|
transform: translateX(200px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -262,10 +262,10 @@ const handleclick = (item: any) => {
|
||||||
.bigbox {
|
.bigbox {
|
||||||
|
|
||||||
width: 76vw;
|
width: 76vw;
|
||||||
min-height: 310rem;
|
min-height: 310px;
|
||||||
height:fit-content;
|
height:fit-content;
|
||||||
|
|
||||||
margin-top: 14rem !important;
|
margin-top: 14px !important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -668,7 +668,7 @@ const showMounth = (date: any) => {
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
transform: translateY(-30rem);
|
transform: translateY(-30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
|
@ -899,7 +899,7 @@ const showMounth = (date: any) => {
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
transform: translateX(-6vw);
|
transform: translateX(-6vw);
|
||||||
font-size: 15rem;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -911,7 +911,7 @@ const showMounth = (date: any) => {
|
||||||
font-size: 23px;
|
font-size: 23px;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
font-size: 20rem;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// }
|
// }
|
||||||
|
|
@ -929,7 +929,7 @@ const showMounth = (date: any) => {
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
transform: translateX(-6vw);
|
transform: translateX(-6vw);
|
||||||
font-size: 16rem;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -940,7 +940,7 @@ const showMounth = (date: any) => {
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
transform: translateX(-6vw);
|
transform: translateX(-6vw);
|
||||||
font-size: 15rem;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -952,9 +952,9 @@ const showMounth = (date: any) => {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
font-size: 14rem;
|
font-size: 14px;
|
||||||
transform: translateY(-2rem);
|
transform: translateY(-2px);
|
||||||
margin-right: 4rem;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -980,7 +980,7 @@ const showMounth = (date: any) => {
|
||||||
font-family: 'Calibri';
|
font-family: 'Calibri';
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
font-size: 20rem;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1006,7 +1006,7 @@ const showMounth = (date: any) => {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
font-size: 21rem;
|
font-size: 21px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1096,7 +1096,7 @@ const showMounth = (date: any) => {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
font-size: 20rem;
|
font-size: 20px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -181,8 +181,8 @@ const handleclick = (item: any) => {
|
||||||
|
|
||||||
width: 270px;
|
width: 270px;
|
||||||
// height: 360px;
|
// height: 360px;
|
||||||
height: fit-content;
|
// height: fit-content;
|
||||||
min-height: 350px;
|
// min-height: 350px;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
background-color: #e7efec;
|
background-color: #e7efec;
|
||||||
|
|
@ -290,10 +290,10 @@ const handleclick = (item: any) => {
|
||||||
.bigbox {
|
.bigbox {
|
||||||
|
|
||||||
width: 76vw;
|
width: 76vw;
|
||||||
min-height: 310rem;
|
// min-height: 310rem;
|
||||||
height: fit-content;
|
// height: fit-content;
|
||||||
|
|
||||||
margin-top: 14rem !important;
|
margin-top: 14px !important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,6 @@
|
||||||
|
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<img src="@/assets/1x/source4.png" class="first " @click="handleShowCup">
|
<img src="@/assets/1x/source4.png" class="first " @click="handleShowCup">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="dropdown1">
|
<div class="dropdown1">
|
||||||
|
|
||||||
|
|
@ -206,7 +205,7 @@ const getHomeIpoList = async () => {
|
||||||
title: companyEngFull + ";" + companyChiFull,
|
title: companyEngFull + ";" + companyChiFull,
|
||||||
status: status,
|
status: status,
|
||||||
number: stkCode,
|
number: stkCode,
|
||||||
HKD: priceFinal ? priceFinal : priceMinMax(),
|
HKD: priceFinal.toFixed(3) ? priceFinal.toFixed(3) : priceMinMax(),
|
||||||
time: listingDate ? listingDate : pricingDate,
|
time: listingDate ? listingDate : pricingDate,
|
||||||
ipoID: ipoID,
|
ipoID: ipoID,
|
||||||
price: priceFinal,
|
price: priceFinal,
|
||||||
|
|
@ -214,11 +213,11 @@ const getHomeIpoList = async () => {
|
||||||
}
|
}
|
||||||
function priceMinMax() {
|
function priceMinMax() {
|
||||||
if (priceMin && priceMax) {
|
if (priceMin && priceMax) {
|
||||||
return `${priceMin} - ${priceMax}`
|
return `${priceMin.toFixed(3)} - ${priceMax.toFixed(3)}`
|
||||||
} else if (priceMin) {
|
} else if (priceMin) {
|
||||||
return `${priceMin} - `
|
return `${priceMin.toFixed(3)} - `
|
||||||
} else if (priceMax) {
|
} else if (priceMax) {
|
||||||
return ` -${priceMax}`
|
return ` -${priceMax.toFixed(3)}`
|
||||||
} else {
|
} else {
|
||||||
return " - "
|
return " - "
|
||||||
}
|
}
|
||||||
|
|
@ -490,6 +489,25 @@ const showMounth = (date: any) => {
|
||||||
// .el-calendar{
|
// .el-calendar{
|
||||||
// font-family: "Calibri"
|
// 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 {
|
.login2 {
|
||||||
background-image: url("@/assets/1x/beijingtu.png");
|
background-image: url("@/assets/1x/beijingtu.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -500,31 +518,22 @@ const showMounth = (date: any) => {
|
||||||
.box {
|
.box {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
// background-image: url("@/assets/1x/beijingtu.png");
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
position: relative;
|
position: relative;
|
||||||
//height: 100%;
|
|
||||||
// font-family: "Calibri";
|
|
||||||
// width: 100%;
|
|
||||||
// background-color: gray;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
|
|
||||||
width: 70%;
|
width: 70%;
|
||||||
|
// @media screen and (max-width: 768px) {
|
||||||
|
// width: 100vw;
|
||||||
|
|
||||||
// height: 100vh;
|
// * {
|
||||||
// float: left;
|
// margin: 0;
|
||||||
// background-color: red;
|
// padding: 0;
|
||||||
@media screen and (max-width: 768px) {
|
// }
|
||||||
width: 100vw;
|
// }
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -532,47 +541,48 @@ const showMounth = (date: any) => {
|
||||||
// padding-left: 35px;
|
// padding-left: 35px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
height: 60rem;
|
// height: 60rem;
|
||||||
// background-color: red;
|
// // background-color: red;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.menuicon {
|
.menuicon {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
display: block;
|
// display: block;
|
||||||
margin-left: 5rem;
|
// margin-left: 5rem;
|
||||||
|
// width: 25rem;
|
||||||
}
|
// height: 20rem;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
// .menu {
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
img {
|
// img {
|
||||||
width: 25rem;
|
// width: 25rem;
|
||||||
height: 20rem;
|
// height: 20rem;
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
.inline-input w-50 {
|
// .inline-input w-50 {
|
||||||
width: 200px;
|
// width: 200px;
|
||||||
height: 50px;
|
// height: 50px;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
display: none;
|
// display: none;
|
||||||
|
|
||||||
:deep(.imgSearch123) {
|
// :deep(.imgSearch123) {
|
||||||
width: 10rem;
|
// width: 10rem;
|
||||||
height: 10rem;
|
// height: 10rem;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
.my-autocomplete li {
|
.my-autocomplete li {
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
|
|
@ -619,9 +629,9 @@ const showMounth = (date: any) => {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -646,12 +656,12 @@ const showMounth = (date: any) => {
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
width: 24rem;
|
// width: 24rem;
|
||||||
height: 28rem;
|
// height: 28rem;
|
||||||
margin-top: 6rem;
|
// margin-top: 6rem;
|
||||||
margin-left: 10rem;
|
// margin-left: 10rem;
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
.second {
|
.second {
|
||||||
|
|
@ -787,14 +797,14 @@ const showMounth = (date: any) => {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.header .el-input__wrapper) {
|
// :deep(.header .el-input__wrapper) {
|
||||||
@media screen and (max-width: 768px) {
|
// @media screen and (max-width: 768px) {
|
||||||
// margin-left: 13vw;
|
// // margin-left: 13vw;
|
||||||
// height: 5vh;
|
// // height: 5vh;
|
||||||
// background-color: #000000;
|
// // background-color: #000000;
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
:deep(.el-calendar-table td) {
|
:deep(.el-calendar-table td) {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -852,6 +862,53 @@ const showMounth = (date: any) => {
|
||||||
:deep(.is-selected) {
|
:deep(.is-selected) {
|
||||||
color: red;
|
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>
|
||||||
<style>
|
<style>
|
||||||
.header .el-input__wrapper {
|
.header .el-input__wrapper {
|
||||||
|
|
@ -875,11 +932,11 @@ const showMounth = (date: any) => {
|
||||||
.header .el-input__wrapper {
|
.header .el-input__wrapper {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 50rem;
|
padding-left: 50px;
|
||||||
width: 61vw;
|
width: 61vw;
|
||||||
height: 30rem;
|
height: 30px;
|
||||||
border-radius: 25rem;
|
border-radius: 25px;
|
||||||
font-size: 16rem;
|
font-size: 16px;
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
|
|
@ -887,14 +944,14 @@ const showMounth = (date: any) => {
|
||||||
|
|
||||||
|
|
||||||
.el-input__inner {
|
.el-input__inner {
|
||||||
margin: -35rem;
|
margin: -35px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.imgSearch123 {
|
.imgSearch123 {
|
||||||
width: 15rem;
|
width: 15px;
|
||||||
height: 15rem;
|
height: 15px;
|
||||||
transform: translateX(-7rem);
|
transform: translateX(-7px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -112,14 +112,14 @@ const handleLang3 = () => {
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.wrapddd {
|
.wrapddd {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
transform: translateX(-20rem);
|
transform: translateX(-20px);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.imgWrap22222 {
|
.imgWrap22222 {
|
||||||
margin-top: 20rem;
|
margin-top: 20px;
|
||||||
width: 25rem;
|
width: 25px;
|
||||||
height: 20rem;
|
height: 20px;
|
||||||
margin-left: 15rem;
|
margin-left: 15px;
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -128,16 +128,16 @@ const handleLang3 = () => {
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
margin-top: 20rem;
|
margin-top: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
>li {
|
>li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-self: center;
|
justify-self: center;
|
||||||
min-height: 50rem;
|
min-height: 50px;
|
||||||
padding-left: 15rem;
|
padding-left: 15px;
|
||||||
margin-top: 10rem;
|
margin-top: 10px;
|
||||||
background-color: #B4C0C7;
|
background-color: #B4C0C7;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
|
@ -145,13 +145,13 @@ const handleLang3 = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 22rem;
|
width: 22px;
|
||||||
height: 22rem;
|
height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-left: 25rem;
|
margin-left: 25px;
|
||||||
font-size: 20rem;
|
font-size: 20px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #1C3F56;
|
color: #1C3F56;
|
||||||
}
|
}
|
||||||
|
|
@ -163,20 +163,20 @@ const handleLang3 = () => {
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
|
|
||||||
.lang {
|
.lang {
|
||||||
margin-left: -90rem;
|
margin-left: -90px;
|
||||||
color: #1C3F56;
|
color: #1C3F56;
|
||||||
font-size: 18rem;
|
font-size: 18px;
|
||||||
|
|
||||||
>li {
|
>li {
|
||||||
line-height: 24rem;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.report {
|
.report {
|
||||||
margin-left: -120rem;
|
margin-left: -120px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-right: 10rem;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -187,9 +187,9 @@ const handleLang3 = () => {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.arrow {
|
.arrow {
|
||||||
width: 12rem;
|
width: 12px;
|
||||||
height: 19rem;
|
height: 19px;
|
||||||
margin-right: 14rem;
|
margin-right: 14px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -201,7 +201,7 @@ const handleLang3 = () => {
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transform: translateY(-3rem);
|
transform: translateY(-3px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,11 +60,12 @@ export default defineConfig((mode: ConfigEnv) => {
|
||||||
// 配置代理服务器
|
// 配置代理服务器
|
||||||
proxy: {
|
proxy: {
|
||||||
"/api": {
|
"/api": {
|
||||||
target: "http://192.168.2.11:8080",
|
target: "http://192.168.2.6:8080",
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: (path) => path.replace(/^\/api/, ""),
|
rewrite: (path) => path.replace(/^\/api/, ""),
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
host: '0.0.0.0'
|
||||||
},
|
},
|
||||||
// pages:{
|
// pages:{
|
||||||
// move: {
|
// move: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue