test1
This commit is contained in:
zzy
parent
7da913090d
commit
21c1ea7551
|
|
@ -68,6 +68,11 @@ onUnmounted(() => {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media screen and (max-width: 768px){
|
||||
.headerWrap{
|
||||
margin-left: 18rem;
|
||||
}
|
||||
}
|
||||
.langWrap {
|
||||
// position: absolute;
|
||||
// // top:-20px;
|
||||
|
|
@ -123,7 +128,7 @@ onUnmounted(() => {
|
|||
|
||||
@media screen and (max-width: 768px) {
|
||||
display: block;
|
||||
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -33,6 +33,7 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
|
|||
margin-top: 0px;
|
||||
width: 100vw;
|
||||
overflow-x: scroll;
|
||||
margin-left: 15rem;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
|||
|
|
@ -341,8 +341,8 @@ const content = ref()
|
|||
onMounted(
|
||||
() => {
|
||||
data.value = JSON.parse(localStorage.getItem('itemData') as string)
|
||||
// getreferencedata()
|
||||
text();
|
||||
getreferencedata()
|
||||
// text();
|
||||
}
|
||||
)
|
||||
async function text() {
|
||||
|
|
@ -420,7 +420,7 @@ function setOfferings(mockRes: any) {
|
|||
{ 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: has_data(overallPoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), info2: has_data(overallIoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), },
|
||||
{ info: has_data(upsizeOption) },
|
||||
{ info: has_data(upsizeOption.toFixed(2),"%") },
|
||||
{ info: "-" },
|
||||
{ info: keepTwoDecimalStr(overallotOption) },
|
||||
{ table: denomTable }
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ const backRouter = () => {
|
|||
display: flex;
|
||||
// margin-left: 40px;
|
||||
margin-top: 20rem;
|
||||
|
||||
transform: translateX(-10rem);
|
||||
.top-title {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
</div>
|
||||
<span>{{ $t(i18n.global.t('dashboard.Dashboard')) }}</span>
|
||||
</div>
|
||||
|
||||
<div class="search" @click="handlesearch">
|
||||
<div class="left-right">
|
||||
<div class="search" @click="handlesearch">
|
||||
<img src="@/assets/1x/1x/source2.png" alt="找不到图片">
|
||||
</div>
|
||||
|
||||
|
|
@ -16,6 +16,8 @@
|
|||
<img src="@/assets/1x/source1.png" @click="handleShowLang" class="second">
|
||||
<Lang ref="lang" class="lang"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="right">
|
||||
|
|
@ -115,6 +117,13 @@ const drawShow = () => {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 40vw;
|
||||
margin-left: 15rem;
|
||||
}
|
||||
.left-right{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 25vw;
|
||||
margin-right: 10rem;
|
||||
}
|
||||
}
|
||||
.left {
|
||||
|
|
@ -129,7 +138,7 @@ const drawShow = () => {
|
|||
display: none;
|
||||
@media screen and (max-width: 768px){
|
||||
display: block;
|
||||
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
span {
|
||||
|
|
@ -164,6 +173,7 @@ const drawShow = () => {
|
|||
@media screen and (max-width: 768px){
|
||||
width: 100vw;
|
||||
margin-top: 10rem;
|
||||
transform: translateX(-10rem);
|
||||
}
|
||||
.time {
|
||||
color: #435F70;
|
||||
|
|
|
|||
|
|
@ -990,9 +990,9 @@ const showMounth = (date: any) => {
|
|||
background-color: #fff;
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
width: 90vw;
|
||||
width: 92vw;
|
||||
margin-left: 5vw;
|
||||
|
||||
|
||||
}
|
||||
|
||||
// background-color: red;
|
||||
|
|
|
|||
|
|
@ -43,10 +43,10 @@
|
|||
<img src="@/assets/1x/source11.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="lang" v-if="state == 5">
|
||||
<li>English</li>
|
||||
<li>简体中文</li>
|
||||
<li>繁體中文</li>
|
||||
<div class="lang" v-if="state == 5" >
|
||||
<li @click="handleLang1">English</li>
|
||||
<li @click="handleLang2">繁體中文</li>
|
||||
<li @click="handleLang3">简体中文</li>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
|
@ -63,7 +63,10 @@ export default {
|
|||
<script lang="ts" setup>
|
||||
import { ref } from "vue"
|
||||
import { getCurrentInstance, onUnmounted } from 'vue'
|
||||
import { ipoStore } from "@/stores/ipo"
|
||||
const store = ipoStore()
|
||||
const { proxy } = (getCurrentInstance() as any)
|
||||
|
||||
const state = ref(1)
|
||||
// const drawer = ref(true)
|
||||
const setState = (number: number) => {
|
||||
|
|
@ -81,6 +84,26 @@ const setState = (number: number) => {
|
|||
proxy.$router.push("/IPOcalendar")
|
||||
}
|
||||
}
|
||||
const handleLang1 = () => {
|
||||
if (proxy.$i18n.locale = 'en') {
|
||||
proxy.$i18n.locale = 'en'
|
||||
}
|
||||
store.setLocale(1)
|
||||
}
|
||||
const handleLang2 = () => {
|
||||
if (proxy.$i18n.locale = 'zhCt') {
|
||||
proxy.$i18n.locale = 'zhCt'
|
||||
|
||||
|
||||
}
|
||||
store.setLocale(2)
|
||||
}
|
||||
const handleLang3 = () => {
|
||||
if (proxy.$i18n.locale = 'zhCn') {
|
||||
proxy.$i18n.locale = 'zhCn'
|
||||
}
|
||||
store.setLocale(3)
|
||||
}
|
||||
// const openDrawer = () => {
|
||||
// drawer.value = false;
|
||||
// }
|
||||
|
|
@ -93,10 +116,10 @@ const setState = (number: number) => {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
.imgWrap22222 {
|
||||
margin-top: 30rem;
|
||||
margin-top: 20rem;
|
||||
width: 25rem;
|
||||
height: 20rem;
|
||||
// margin-left: 15rem;
|
||||
margin-left: 15rem;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -118,7 +141,7 @@ const setState = (number: number) => {
|
|||
background-color: #B4C0C7;
|
||||
|
||||
&.active {
|
||||
background-color: #fff;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
@ -184,5 +207,6 @@ const setState = (number: number) => {
|
|||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue