|
@@ -8,13 +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;}
|
|
|
}
|
|
|
@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: 45%;color: #fff;font-size: 3.4vw;}
|
|
|
+ .crumbs{position: absolute;top: 5%;left: 35%;color: #fd3c5b;font-size: 3.4vw;}
|
|
|
}
|
|
|
|
|
|
|
|
@@ -24,11 +25,12 @@
|
|
|
<template th:replace="components/header"></template>
|
|
|
|
|
|
<!--优惠券-->
|
|
|
- <div id="coupon">
|
|
|
+ <div id="coupon" v-cloak>
|
|
|
<div class="crumbs">
|
|
|
- <span>{{name}}</span>
|
|
|
+ <span v-if="userIdentity==4">优惠券仅限{{name}}(机构)使用</span>
|
|
|
+ <span v-else>优惠券仅限{{name}}使用</span>
|
|
|
</div>
|
|
|
- <div class="navLayout" v-cloak>
|
|
|
+ <div class="navLayout" >
|
|
|
<div class="wrap clear">
|
|
|
<!--左侧导航-->
|
|
|
<template th:replace="user-center/components/tableft" ></template>
|
|
@@ -48,11 +50,13 @@
|
|
|
var coupon = new Vue({
|
|
|
el:'#coupon',
|
|
|
data:{
|
|
|
- name:''
|
|
|
+ name:'',
|
|
|
+ userIdentity:''
|
|
|
},
|
|
|
mounted:function () {
|
|
|
if(globalUserData){
|
|
|
this.name = globalUserData.userName;
|
|
|
+ this.userIdentity = globalUserData.userIdentity
|
|
|
}
|
|
|
}
|
|
|
})
|