|
|
@@ -68,9 +68,11 @@
|
|
|
@click="handleClick(item.link)"
|
|
|
:title="item.title"
|
|
|
>
|
|
|
- {{ item.time }}
|
|
|
- <div class="new">NEWS</div>
|
|
|
- {{ item.title }}
|
|
|
+ <div class="text">{{ item.title }}</div>
|
|
|
+ <div class="title">
|
|
|
+ <div class="new">NEWS</div>
|
|
|
+ {{ item.time }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -119,16 +121,16 @@
|
|
|
title: '4DKanKanのUpdate',
|
|
|
link: 'https://apps.4dkankan.jp/news/view/10/',
|
|
|
},
|
|
|
- {
|
|
|
- time: '2024/02/15',
|
|
|
- title: '4DKanKanのUpdate',
|
|
|
- link: 'https://apps.4dkankan.jp/news/view/9/',
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2023/09/19',
|
|
|
- title: 'iOS 17対応について',
|
|
|
- link: 'https://apps.4dkankan.jp/news/view/8/',
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // time: '2024/02/15',
|
|
|
+ // title: '4DKanKanのUpdate',
|
|
|
+ // link: 'https://apps.4dkankan.jp/news/view/9/',
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // time: '2023/09/19',
|
|
|
+ // title: 'iOS 17対応について',
|
|
|
+ // link: 'https://apps.4dkankan.jp/news/view/8/',
|
|
|
+ // },
|
|
|
// {
|
|
|
// time: '2023/07/07',
|
|
|
// title: '4DKanKan®シリーズ、7月7日よりTJMデザインでの取扱いスタート',
|
|
|
@@ -236,7 +238,11 @@
|
|
|
}
|
|
|
.newList {
|
|
|
width: 100%;
|
|
|
+ height: 168px;
|
|
|
overflow: hidden;
|
|
|
+ background: url(/@/assets/images/loginList.png) 100% 100% no-repeat;
|
|
|
+ padding: 20px;
|
|
|
+ background-size: 100% auto;
|
|
|
.newItem {
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
@@ -246,13 +252,16 @@
|
|
|
transform: translateX(0%);
|
|
|
}
|
|
|
cursor: pointer;
|
|
|
- padding-top: 20px;
|
|
|
- border-bottom: 1px solid #cdcccd;
|
|
|
+ // border-bottom: 1px solid #cdcccd;
|
|
|
width: 100%;
|
|
|
+ position: relative;
|
|
|
+ top: 52px;
|
|
|
+ .title {
|
|
|
+ color: #fff;
|
|
|
+ margin-top: 17px;
|
|
|
+ }
|
|
|
.new {
|
|
|
- display: inline-block;
|
|
|
- padding: 5px 10px;
|
|
|
- background-color: #8cefee;
|
|
|
+ // padding: 5px 10px;
|
|
|
}
|
|
|
&:after {
|
|
|
content: '';
|
|
|
@@ -260,7 +269,7 @@
|
|
|
width: 100%;
|
|
|
height: 1px;
|
|
|
opacity: 0.4;
|
|
|
- background: #121212;
|
|
|
+ background: #fff;
|
|
|
transition: all 0.3s;
|
|
|
transform: translateX(-100%);
|
|
|
}
|