|
@@ -220,9 +220,10 @@
|
|
draggable="false"
|
|
draggable="false"
|
|
>
|
|
>
|
|
<a
|
|
<a
|
|
|
|
+ v-show="$isTablet"
|
|
class="btn-download"
|
|
class="btn-download"
|
|
:href="certImgUrl"
|
|
:href="certImgUrl"
|
|
- download
|
|
|
|
|
|
+ download="锡善云城-证书"
|
|
>
|
|
>
|
|
下载证书
|
|
下载证书
|
|
</a>
|
|
</a>
|
|
@@ -266,6 +267,7 @@ const router = useRouter()
|
|
|
|
|
|
const pageLoading = ref(false)
|
|
const pageLoading = ref(false)
|
|
const $env = inject('$env')
|
|
const $env = inject('$env')
|
|
|
|
+const $isTablet = inject('$isTablet')
|
|
|
|
|
|
const {
|
|
const {
|
|
windowSizeInCssForRef,
|
|
windowSizeInCssForRef,
|
|
@@ -820,7 +822,6 @@ const getRedeem = async() => {
|
|
object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
}
|
|
>a.btn-download{
|
|
>a.btn-download{
|
|
- display: none;
|
|
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
@@ -848,25 +849,25 @@ const getRedeem = async() => {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: calc(-200% - 1920px);
|
|
top: calc(-200% - 1920px);
|
|
left: calc(-200% - 2880px);
|
|
left: calc(-200% - 2880px);
|
|
- width: 2672px;
|
|
|
|
- height: 1838px;
|
|
|
|
|
|
+ width: 1336px;
|
|
|
|
+ height: 919px;
|
|
background: url('@/assets/images/cert-min.png') no-repeat center / contain;
|
|
background: url('@/assets/images/cert-min.png') no-repeat center / contain;
|
|
|
|
|
|
p:first-child {
|
|
p:first-child {
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: calc(50% - 16px);
|
|
|
|
|
|
+ top: calc(50% - 8px);
|
|
left: 50%;
|
|
left: 50%;
|
|
color: #CFC49E;
|
|
color: #CFC49E;
|
|
- font-size: 140px;
|
|
|
|
- letter-spacing: 10px;
|
|
|
|
|
|
+ font-size: 70px;
|
|
|
|
+ letter-spacing: 5px;
|
|
font-family: 'Source Han Sans CN-Bold';
|
|
font-family: 'Source Han Sans CN-Bold';
|
|
transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
}
|
|
p:last-child {
|
|
p:last-child {
|
|
position: absolute;
|
|
position: absolute;
|
|
- left: 705px;
|
|
|
|
- bottom: 310px;
|
|
|
|
- font-size: 40px;
|
|
|
|
|
|
+ left: 352px;
|
|
|
|
+ bottom: 155px;
|
|
|
|
+ font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|