|
|
@@ -61,6 +61,7 @@
|
|
|
<LoginForm />
|
|
|
</div>
|
|
|
<div class="newList">
|
|
|
+ <img v-if="isUpload" src="../../../assets/images/bell.png" class="bell" alt="" />
|
|
|
<div
|
|
|
class="newItem"
|
|
|
v-for="item in newList"
|
|
|
@@ -87,9 +88,10 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
- import { computed } from 'vue';
|
|
|
+ import { computed, ref } from 'vue';
|
|
|
import { AppLogo } from '/@/components/Application';
|
|
|
import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
|
|
|
+ import dayjs from 'dayjs';
|
|
|
import LoginForm from './LoginForm.vue';
|
|
|
import ForgetPasswordForm from './ForgetPasswordForm.vue';
|
|
|
import RegisterForm from './RegisterForm.vue';
|
|
|
@@ -115,6 +117,7 @@
|
|
|
const showLocale = localeStore.getShowPicker;
|
|
|
const title = computed(() => globSetting?.title ?? '');
|
|
|
const { getAppList } = localeStore;
|
|
|
+ const isUpload = ref(true);
|
|
|
const newList = [
|
|
|
{
|
|
|
time: '2024/04/17',
|
|
|
@@ -142,6 +145,18 @@
|
|
|
// link: 'https://apps.4dkankan.jp/news/view/6/',
|
|
|
// },
|
|
|
];
|
|
|
+ let ossUrl = window.location.host.includes('test')
|
|
|
+ ? 'http://oss.4dkankan.jp/manage/version/test/manage-version.json'
|
|
|
+ : 'http://oss.4dkankan.jp/manage/version/prod/manage-version.json';
|
|
|
+ fetch(ossUrl)
|
|
|
+ .then((res) => res.json())
|
|
|
+ .then((data) => {
|
|
|
+ isUpload.value = isWithinLastSevenDays(data.release_date);
|
|
|
+ });
|
|
|
+ function isWithinLastSevenDays(targetDate) {
|
|
|
+ const sevenDaysAgo = dayjs().subtract(7, 'day');
|
|
|
+ return sevenDaysAgo.isBefore(targetDate); // 默认毫秒
|
|
|
+ }
|
|
|
function handleClick(link: string) {
|
|
|
window.open(link);
|
|
|
}
|
|
|
@@ -241,8 +256,17 @@
|
|
|
height: 168px;
|
|
|
overflow: hidden;
|
|
|
background: url(/@/assets/images/loginList.png) 100% 100% no-repeat;
|
|
|
- padding: 20px;
|
|
|
+ padding: 70px 20px 20px 20px;
|
|
|
background-size: 100% auto;
|
|
|
+ position: relative;
|
|
|
+ .bell {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ object-fit: cover;
|
|
|
+ position: absolute;
|
|
|
+ top: -3px;
|
|
|
+ right: 0px;
|
|
|
+ }
|
|
|
.newItem {
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
@@ -255,7 +279,7 @@
|
|
|
// border-bottom: 1px solid #cdcccd;
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
- top: 52px;
|
|
|
+ top: 2px;
|
|
|
.title {
|
|
|
color: #fff;
|
|
|
margin-top: 17px;
|
