|
@@ -1,6 +1,8 @@
|
|
|
<template>
|
|
|
<div class="page">
|
|
|
- <div class="page-top"></div>
|
|
|
+ <div class="page-top">
|
|
|
+ <img class="logo" :src="logoImage" alt="" />
|
|
|
+ </div>
|
|
|
<div class="page-content">
|
|
|
<keep-alive>
|
|
|
<div class="list">
|
|
@@ -34,11 +36,14 @@ export default {
|
|
|
layout: 'app-ldm',
|
|
|
data() {
|
|
|
return {
|
|
|
+ logoImage: '',
|
|
|
list: [],
|
|
|
}
|
|
|
},
|
|
|
- asyncData() {
|
|
|
+ asyncData({ store }) {
|
|
|
+ const logoImage = store.getters.static + '/ldm-logo-rect-white.png'
|
|
|
return {
|
|
|
+ logoImage,
|
|
|
list: [
|
|
|
{
|
|
|
id: 0,
|
|
@@ -76,7 +81,10 @@ export default {
|
|
|
if (item.id > 0 && !hasLogin) {
|
|
|
// 在微信浏览器中使用微信授权登录
|
|
|
if (isWeChat() && this.appId && this.accountType === 2) {
|
|
|
- const payload = { authUserId: this.authUserId, routePrefix: this.routePrefix }
|
|
|
+ const payload = {
|
|
|
+ authUserId: this.authUserId,
|
|
|
+ routePrefix: this.routePrefix,
|
|
|
+ }
|
|
|
return toAuthorization(this.appId, payload)
|
|
|
}
|
|
|
this.$toast({ message: '请先登录', duration: 1000 })
|
|
@@ -98,6 +106,10 @@ export default {
|
|
|
background: url(https://static.caimei365.com/www/authentic/pc/ldm-bg-home.png)
|
|
|
no-repeat center;
|
|
|
background-size: auto 596px;
|
|
|
+
|
|
|
+ .logo {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.page-content {
|
|
@@ -162,9 +174,18 @@ export default {
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
.page-top {
|
|
|
+ position: relative;
|
|
|
height: 59.6vw;
|
|
|
- background: url(https://static.caimei365.com/www/authentic/h5/ldm-bg-home.png);
|
|
|
+ background: url(https://static.caimei365.com/www/authentic/h5/ldm-bg-home.gif);
|
|
|
background-size: auto 59.6vw;
|
|
|
+
|
|
|
+ .logo {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 13.7vw;
|
|
|
+ width: 37.8vw;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.page-content {
|