Browse Source

首页新增滚动条

master
liaoxinyu 2 years ago
parent
commit
e2302c2fc6
  1. 21
      src/views/home/index.vue
  2. 14
      src/views/signUp/index.vue

21
src/views/home/index.vue

@ -325,6 +325,25 @@
<div><img src="@/assets/img/home/home10.png" alt="" width="736" height="441"></div>
</div>
<div class="marquee" style="margin-top: 150px;margin-bottom: 0px;">
<div class="marquee-pargress d-flex">
<ul class="marquee-list d-flex" v-for="box in 4" :key="box+'box'" style="background-color: #F9F9F9;">
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img1.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img2.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img3.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img4.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img5.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img6.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img7.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img8.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img9.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img10.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img11.png"></li>
<li class="item" style="margin: 0px;"><img src="@/assets/img/home/img12.png"></li>
</ul>
</div>
</div>
<div class="img_width">
<div style="width:1200px;margin: auto;height: 279px;display: flex;align-items: center;justify-content: center;">
<div>
@ -2510,7 +2529,7 @@
// width: 1917px;
box-sizing: content-box;
margin: auto;
margin-top: 150px;
// margin-top: 150px;
background-image: url('../../assets/img/home/home11.png');
background-size: cover; /* 使用contain将背景图像缩放以适应容器,保持其宽高比 */
background-position: center; /* 将背景图像定位在容器的中心 */

14
src/views/signUp/index.vue

@ -85,7 +85,7 @@
{{$t('login.enterEmailCode',{email:ajar.email,num:6})}}
<br />
{{$t('login.accountActivated')}}
<a href @click.prevent="step = 1;">{{$t('login.backOld')}}</a>
<a href @click.prevent="step = 1;">{{$t('login.backOld')}}</a>{{lang=='tw'||lang=='jp'?'。':'.'}}
</div>
<section class="my-codes">
<header class="my-codes__title">{{$t('login.verCode')}}</header>
@ -96,9 +96,9 @@
<aside class="prompt">
<header class="prompt__no-recieved">{{$t('login.notEmail')}}</header>
<ul class="prompt__inner">
<li>· {{$t('login.confirmEmail')}}</li>
<li>· {{$t('login.confing')}}</li>
<li>· {{$t('login.checkTrashCan')}}</li>
<li>· {{$t('login.confirmEmail')}}{{lang=='tw'||lang=='jp'?'。':'.'}}</li>
<li>· {{$t('login.confing')}}{{lang=='tw'||lang=='jp'?'。':'.'}}</li>
<li>· {{$t('login.checkTrashCan')}}{{lang=='tw'||lang=='jp'?'。':'.'}}</li>
</ul>
</aside>
</div>
@ -110,7 +110,7 @@
) {{$t('login.enterPhone2',{num:6})}}
<br />
{{$t('login.accountActivated')}}
<a href @click.prevent="step = 1;">{{$t('login.backOld')}}</a>
<a href @click.prevent="step = 1;">{{$t('login.backOld')}}</a>{{lang=='tw'||lang=='jp'?'。':'.'}}
</div>
<section class="my-codes">
<header class="my-codes__title">Code</header>
@ -121,8 +121,8 @@
<aside class="prompt">
<header class="prompt__no-recieved">{{$t('login.smsNotReceived')}}</header>
<ul class="prompt__inner">
<li>· {{$t('login.phoneCorrect')}}</li>
<li>· {{$t('login.securePhone')}}</li>
<li>· {{$t('login.phoneCorrect')}}{{lang=='tw'||lang=='jp'?'。':'.'}}</li>
<li>· {{$t('login.securePhone')}}{{lang=='tw'||lang=='jp'?'。':'.'}}</li>
</ul>
</aside>
</div>

Loading…
Cancel
Save