柜台资料自适应

20240205
yujialong 3 years ago
parent 5a5a75bd15
commit c71154fc76
  1. 47
      src/pages/counter/list/index.vue
  2. 4
      src/pages/manage/index/index.vue

@ -108,24 +108,18 @@
</div> </div>
</el-tooltip> </el-tooltip>
<div class="employee-wrap sth">
<el-tooltip placement="top" popper-class="sth-popper" offset="50"> <el-tooltip placement="top" popper-class="sth-popper" offset="50">
<div slot="content" style="margin-left: -250px"> <img v-lazy="lazyImg[21]" alt="" @click="setShowBusiness(true)" />
<!-- <img v-lazy="this.lazyImg[29]" alt="" /> --> </el-tooltip>
</div>
<div class="sth employee" @click="setShowBusiness(true)"> <el-tooltip placement="top" popper-class="sth-popper" offset="-50">
<img v-lazy="lazyImg[21]" alt="" /> <div slot="content" @click="showData('资料',9)">
<img v-lazy="lazyImg[22]" class="contentHeight" @click="showData('资料',9)" alt="" />
</div> </div>
<p class="employeeText" @click="showData('资料',9)">资料</p>
</el-tooltip> </el-tooltip>
</div>
<el-tooltip placement="top" popper-class="sth-popper" offset="-50">
<div slot="content" @click="showData('资料',9)">
<img v-lazy="lazyImg[22]" class="contentHeight" @click="showData('资料',9)" alt="" />
</div>
<p class="employeeText" @click="showData('资料',9)">资料</p>
</el-tooltip>
<!-- 点击打开刷卡器--> <!-- 点击打开刷卡器-->
<el-tooltip placement="top" popper-class="sth-popper" offset="00"> <el-tooltip placement="top" popper-class="sth-popper" offset="00">
<div slot="content"> <div slot="content">
@ -2281,7 +2275,7 @@ export default {
width: 36.5%; width: 36.5%;
cursor: pointer; cursor: pointer;
} }
.employee { .employee-wrap {
// //
top: 29%; top: 29%;
left: 43%; left: 43%;
@ -2292,8 +2286,10 @@ export default {
.employeeText { .employeeText {
// //
position: absolute; position: absolute;
top: 47%; top: 29%;
left: 58%; left: 74%;
width: 100px;
height: 100px;
color: #000; color: #000;
transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg); transform: rotateZ(38deg) scale3d(1, 1, 1) skew(-19deg, -9deg);
font-size: 18px; font-size: 18px;
@ -2367,11 +2363,6 @@ export default {
width: 4.5%; width: 4.5%;
} }
@media screen and (max-width: 1850px) {
.employeeText {
top: 48%;
}
}
@media screen and (max-width: 1680px) { @media screen and (max-width: 1680px) {
.money-box { .money-box {
top: 33%; top: 33%;
@ -2414,10 +2405,6 @@ export default {
top: 31%; top: 31%;
left: 58%; left: 58%;
} }
.employeeText {
top: 36.5%;
left: 55%;
}
.seal-box { .seal-box {
top: 33%; top: 33%;
} }

@ -114,10 +114,6 @@ export default {
.box{ .box{
display: flex; display: flex;
min-width: 1300px; min-width: 1300px;
margin-top: 70px;
// overflow: auto;
.nav{ .nav{
width: 270px; width: 270px;
min-height: 80vh; min-height: 80vh;

Loading…
Cancel
Save