柜台资料自适应

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

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

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

Loading…
Cancel
Save