|
@@ -7,23 +7,11 @@
|
|
|
<template th:replace="components/head-link"></template>
|
|
|
<link th:href="@{/css/product/instruement.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
<style>
|
|
|
- .swiper {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .swiper img {
|
|
|
- display: block;
|
|
|
- width: 100%
|
|
|
- }
|
|
|
-
|
|
|
- .instrue-right{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .instrue-left{
|
|
|
- float: unset;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
-
|
|
|
+ .swiper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
|
|
|
+ .swiper img{display:block;width:1920px}
|
|
|
+ .instrue-right{display:none}
|
|
|
+ .instrue-left{float:unset;margin:0 auto}
|
|
|
+ .pc-banner{width:100%;height:510px;background:url(/img/temporary/mt_pc.jpg) no-repeat center}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
@@ -36,7 +24,7 @@
|
|
|
</div>
|
|
|
<template v-else>
|
|
|
<div class="swiper">
|
|
|
- <img src="/img/temporary/mt_pc.jpg" v-if="isPC">
|
|
|
+ <div class="pc-banner" v-if="isPC"></div>
|
|
|
<img src="/img/temporary/mt_mobile.jpg" v-else>
|
|
|
</div>
|
|
|
<div id="container">
|