XCKJ
/
Extensive_Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

关于等页面更改

main
caiyiling 2025-04-15 17:53:15 +08:00
parent a533662b20
commit 899277032e
3 changed files with 134 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
src/views/front/about/index.vue
View File

@ -1,126 +1,54 @@
<template> <template>
<div class="detail"> <div class="home">
<div class="banner">
<div class="banner_text">
<div style="font-size: 50px; color: #e7e7e7;">
来源于临床，服务于临床
</div>
<div style="font-size: 35px; color: #e7e7e7;">
用先进的影像数据分析技术，为生命保驾护航
</div>
</div>
</div>
<div class="content"> <div class="content">
<div style="padding: 20px; padding-top: 20px">
<h5 style="font-size: 24px; margin-bottom: 20px">Expertise</h5>
<div style="font-size: 16px; margin-bottom: 10px; text-align: justify">
With a wide range of expertise available at our fingertips, Elevate
Imaging is the right place for cutting edge and industry leading
guidance. Change is no longer linear; instead, it’s exponential. In
order to keep up with that change, relying on our experts on the
ground is vital. We have access to hundreds of clinical experts across
a wide range of indications and review criteria. No matter the need,
Elevate Imaging can always deliver with quality.
</div>
<div
style="
text-align: center;
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
"
>
<div class="image_message">
<div class="image">
<img src="../../../static/images/expertise_1.png" alt="" />
</div>
<div class="message">
Global network of scientific & medical professionals with
experience on thousands of clinical trials. Use us for central
reading, consulting & trial design.
</div>
</div>
<div class="image_message">
<div class="image">
<img src="../../../static/images/expertise_2.png" alt="" />
</div>
<div class="message">
Indication specific pre-built review criteria including RECIST
1.1, Lugano 2014, PCWG3, RANO, iRECIST & many more. Custom eCRF
design enabled by our flexible technology.
</div>
</div>
<div class="image_message">
<div class="image">
<img src="../../../static/images/expertise_3.png" alt="" />
</div>
<div class="message">
Robust Quality Management System ensuring quality output. Direct
experience with regulatory submissions around the globe, including
inspection & audit support.
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
} }
}, },
methods: {}, methods: {
},
mounted () {} mounted () {}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.detail { .home {
padding: 20px;
background: #fff; background: #fff;
.otherMsg { .banner {
padding: 10px 0; height: 340px;
border-bottom: 1px solid #bebebe; background: url(../../../../src/static/images/banner.jpg) no-repeat center center;
p { background-size: cover;
font-size: 20px; position: relative;
color: #666; overflow: hidden;
} clear: both;
ul { .banner_text {
display: flex;
margin-top: 10px;
li {
margin-right: 30px;
display: flex;
align-items: center;
span {
color: #999;
padding: 0 5px;
}
}
}
}
.bottom {
margin: 20px 0;
display: flex;
justify-content: center;
}
.image_message {
width: 30%;
.image {
width: 100%; width: 100%;
height: 200px; font-size: 52px;
display: flex; position: absolute;
align-items: center; left: 50%;
justify-content: center; transform: translateX(-50%);
} top: 50px;
img { color: #fff;
max-width: 100%; text-align: center;
max-height: 100%;
}
.message {
height: 100px;
background-color: #e8edf0;
border-radius: 15px;
padding: 10px 20px;
font-size: 14px;
line-height: 1.4;
text-align: left;
} }
} }
} }

54
src/views/front/book/index.vue
View File

@ -1,3 +1,55 @@
<template> <template>
<div>Book Demo</div> <div class="home">
<div class="banner">
<div class="banner_text">
<div style="font-size: 50px; color: #e7e7e7;">
来源于临床，服务于临床
</div>
<div style="font-size: 35px; color: #e7e7e7;">
用先进的影像数据分析技术，为生命保驾护航
</div>
</div>
</div>
<div class="content">
</div>
</div>
</template> </template>
<script>
export default {
data () {
return {
}
},
methods: {
},
mounted () {}
}
</script>
<style scoped lang="scss">
.home {
background: #fff;
.banner {
height: 340px;
background: url(../../../../src/static/images/banner.jpg) no-repeat center center;
background-size: cover;
position: relative;
overflow: hidden;
clear: both;
.banner_text {
width: 100%;
font-size: 52px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 50px;
color: #fff;
text-align: center;
}
}
}
</style>

54
src/views/front/media/index.vue
View File

@ -1,3 +1,55 @@
<template> <template>
<div>Media Report</div> <div class="home">
<div class="banner">
<div class="banner_text">
<div style="font-size: 50px; color: #e7e7e7;">
来源于临床，服务于临床
</div>
<div style="font-size: 35px; color: #e7e7e7;">
用先进的影像数据分析技术，为生命保驾护航
</div>
</div>
</div>
<div class="content">
</div>
</div>
</template> </template>
<script>
export default {
data () {
return {
}
},
methods: {
},
mounted () {}
}
</script>
<style scoped lang="scss">
.home {
background: #fff;
.banner {
height: 340px;
background: url(../../../../src/static/images/banner.jpg) no-repeat center center;
background-size: cover;
position: relative;
overflow: hidden;
clear: both;
.banner_text {
width: 100%;
font-size: 52px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 50px;
color: #fff;
text-align: center;
}
}
}
</style>