|
|
@@ -8,14 +8,14 @@
|
|
|
</head>
|
|
|
<style>
|
|
|
@media screen and (min-width:768px) {
|
|
|
-.crumbs{position: relative;}
|
|
|
-.crumbs span{position: absolute;top: 240%;left: 50%;color: #fd3c5b;font-weight: bold;}
|
|
|
+.right{position: relative;}
|
|
|
+.username {position: absolute;top: 45px;color: #fd3c5b;font-weight: bold;width: 100%; text-align: center;font-size: 16px;}
|
|
|
}
|
|
|
@media screen and (max-width:768px) {
|
|
|
.container{width: 100%;height: 100%}
|
|
|
.container img{width: 100%;height: 100%}
|
|
|
- #coupon{position: relative}
|
|
|
- .crumbs{position: absolute;top: 5%;left: 35%;color: #fd3c5b;font-size: 3.4vw;}
|
|
|
+ .right{position: relative}
|
|
|
+ .username{position: absolute;top: 5vw;color: #fd3c5b;font-size: 3.4vw;width: 100%;text-align: center}
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -27,14 +27,17 @@
|
|
|
<!--优惠券-->
|
|
|
<div id="coupon" v-cloak>
|
|
|
<div class="crumbs">
|
|
|
- <span v-if="userIdentity==4">优惠券仅限{{name}}（机构）使用</span>
|
|
|
- <span v-else>优惠券仅限{{name}}使用</span>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="navLayout" >
|
|
|
<div class="wrap clear">
|
|
|
<!--左侧导航-->
|
|
|
<template th:replace="user-center/components/tableft" ></template>
|
|
|
<div class="right">
|
|
|
+ <div class="username">
|
|
|
+ <span v-if="userIdentity==4">优惠券仅限{{name}}（机构）使用</span>
|
|
|
+ <span v-else>优惠券仅限{{name}}使用</span>
|
|
|
+ </div>
|
|
|
<div class="container">
|
|
|
<img src="/img/Beautyfair/coupon.jpg" v-if="isPC"/>
|
|
|
<img src="/img/Beautyfair/coupon.h5.jpg" v-else/>
|
xuwei