huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

修改样式整体缩小

Browse Source
20240205
e 3 years ago
parent 15e92aadd3
commit a748c8cd78
2 changed files with 62 additions and 58 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 113
      src/pages/counter/list/index.vue
  2. 7
      src/pages/lobbyManager/list/index.vue

113
src/pages/counter/list/index.vue
Unescape View File

@ -71,20 +71,13 @@
<img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" /> <img class="sth cipher-machine cp" v-lazy="lazyImg[20]" @click="showData('密码器',8)" alt="" />
</el-tooltip> </el-tooltip>
<!-- <el-tooltip placement="top" popper-class="sth-popper" offset="50"> <el-tooltip placement="top" popper-class="sth-popper" offset="50">
<div slot="content"> <div slot="content">
<img v-lazy="this.lazyImg[29]" alt="" /> <img v-lazy="this.lazyImg[29]" alt="" />
</div> </div>
<img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" /> <img class="sth employee" v-lazy="lazyImg[21]" @click="setShowBusiness(true)" alt="" />
<<<<<<< HEAD
</el-tooltip> -->
<img class="sth employee" v-lazy="lazyImg[21]" alt="" />
=======
</el-tooltip> </el-tooltip>
<!-- 点击打开资料--> <!-- 点击打开资料-->
>>>>>>> 8498f8e3a48d5889580b43697701a1ef33281d85
<el-tooltip placement="top" popper-class="sth-popper" offset="-50"> <el-tooltip placement="top" popper-class="sth-popper" offset="-50">
<div slot="content"> <div slot="content">
<img v-lazy="lazyImg[22]" alt="" /> <img v-lazy="lazyImg[22]" alt="" />
@ -120,7 +113,7 @@
</div> </div>
<!-- 硬件交互--弹框 --> <!-- 硬件交互--弹框 -->
<div v-show="showPop" width="1120px" class="data-dia"> <div v-show="showPop" width="900px" class="data-dia">
<div class="dia-header"> <div class="dia-header">
<div class="data-title">{{ popText }}</div> <div class="data-title">{{ popText }}</div>
<img class="close" v-lazy="lazyImg[28]" alt="" @click="closePop" /> <img class="close" v-lazy="lazyImg[28]" alt="" @click="closePop" />
@ -2543,29 +2536,30 @@ export default {
background:url("../../../assets/img/integrated-counter-bg.png"); background:url("../../../assets/img/integrated-counter-bg.png");
} }
.counter { .counter {
width: 65vw;
top: 30%; top: 30%;
left: 8%; left: 18%;
height: 63vh; height: 67vh;
} }
.glass { .glass {
// 玻璃窗 // 玻璃窗
top: 15vh; top: 13vh;
left: 35vw; left: 46vw;
width: 35vw; width: 33vw;
} }
.employee { .employee {
// 柜员 // 柜员
top: 430px; top: 373px;
left: 490px; left: 675px;
width: 283px; width: 283px;
position: relative; position: relative;
} }
.employeeText { .employeeText {
// 资料文字 // 资料文字
position: absolute; position: absolute;
top: 580px; top: 517px;
left: 710px; left: 893px;
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;
@ -2579,66 +2573,66 @@ export default {
.man { .man {
// 人 // 人
top: 191px; top: 191px;
left: 846px; left: 1090px;
width: 199px; width: 199px;
} }
.money-box { .money-box {
// 钱箱 // 钱箱
top: 540px; top: 480px;
left: 190px; left: 353px;
width: 129px; width: 129px;
} }
.important { .important {
// 重空箱 // 重空箱
top: 48vh; top: 51vh;
left: 18vw; left: 26vw;
width: 118px; width: 118px;
} }
.voucher-box { .voucher-box {
// 普通箱 // 普通箱
top: 35vh; top: 40vh;
left: 24vw; left: 31vw;
width: 112px; width: 112px;
} }
.summons { .summons {
// 传票栏 // 传票栏
top: 35vh; top: 42vh;
left: 30vw; left: 35vw;
width: 112px; width: 112px;
} }
.computer { .computer {
top: 30vh; top: 29vh;
left: 35vw; left: 42vw;
width: 148px; width: 148px;
} }
.card-machine { .card-machine {
top: 50vh; top: 48vh;
left: 43vw; left: 50vw;
width: 66px; width: 60px;
} }
.idCard-scanner { .idCard-scanner {
top: 53vh; top: 52vh;
left: 46vw; left: 53vw;
width: 46px; width: 46px;
} }
.seal-box { .seal-box {
top: 55vh; top: 55vh;
left: 49vw; left: 57vw;
width: 50px; width: 50px;
} }
.currency-detector { .currency-detector {
top: 55vh; top: 56vh;
left: 51vw; left: 62vw;
width: 117px; width: 117px;
} }
.printer { .printer {
top: 60vh; top: 60vh;
left: 56vw; left: 67vw;
width: 149px; width: 149px;
} }
.cipher-machine { .cipher-machine {
top: 391px; top: 394px;
left: 711px; left: 932px;
width: 79px; width: 79px;
} }
} }
@ -2785,14 +2779,14 @@ export default {
background: #fff; background: #fff;
position: fixed; position: fixed;
// top: 7%; // top: 7%;
top: 7vh!important; margin-top: 7vh!important;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
padding: 0 15px 15px; padding: 0 15px 15px;
z-index: 997; z-index: 997;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
max-height: 600px; max-height: 600px;
overflow: auto; //overflow: auto;
.dia-header { .dia-header {
position: relative; position: relative;
.data-title { .data-title {
@ -2897,16 +2891,15 @@ export default {
} }
.list { .list {
width: 940px; width: 940px;
min-height: 204px; max-height: 30vh;
max-height: 360px; min-height: 30vh;
overflow: auto; overflow: auto;
margin: 0 auto;
display: flex; display: flex;
align-items: center; flex-wrap: wrap;
.img-wrap{ .img-wrap{
background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat; background: url(../../../assets/img/data-frame.png) 0 0 / cover no-repeat;
width: 180px; width: 140px;
height: 180px; height: 140px;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 5px 10px; margin: 5px 10px;
@ -2914,8 +2907,8 @@ export default {
cursor: pointer; cursor: pointer;
.file { .file {
position: relative; position: relative;
max-width: 180px; max-width: 135px;
max-height: 130px; max-height: 90px;
text-align: center; text-align: center;
margin: 10px 10px ; margin: 10px 10px ;
img { img {
@ -2925,7 +2918,7 @@ export default {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
line-height: 54px; line-height: 40px;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
color: #000; color: #000;
@ -2935,7 +2928,7 @@ export default {
font-size: 18px; font-size: 18px;
white-space:nowrap; white-space:nowrap;
position: absolute; position: absolute;
bottom: 15px; bottom: 7px;
left: 50%; left: 50%;
transform: translate(-50%,0); transform: translate(-50%,0);
} }
@ -2950,9 +2943,13 @@ export default {
} }
.seal{ .seal{
width: 1100px; width: 1100px;
padding: 0 5%; margin-top: -5vh;
max-height: 30vh;
min-height: 30vh;
overflow: auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-around;
flex-wrap: wrap;
.box{ .box{
border: 2px solid #e6e6e6; border: 2px solid #e6e6e6;
width: 45%; width: 45%;
@ -3034,7 +3031,7 @@ export default {
} }
} }
.dia-footer { .dia-footer {
margin-top: 100px; margin-top: 65px;
text-align: center; text-align: center;
button { button {
width: 300px; width: 300px;
@ -3071,6 +3068,12 @@ export default {
min-height: 65vh; min-height: 65vh;
.seal{ .seal{
margin-top: -5vh; margin-top: -5vh;
max-height: 30vh;
min-height: 30vh;
overflow: auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
.left{ .left{
.file { .file {
//height: 10vh; //height: 10vh;

7
src/pages/lobbyManager/list/index.vue
Unescape View File

@ -48,7 +48,7 @@
<img class="close" src="@/assets/svg/close.svg" alt="" @click="takeResultVisible = false"> <img class="close" src="@/assets/svg/close.svg" alt="" @click="takeResultVisible = false">
</div> </div>
<div class="result"> <div class="result">
<div style='width: 50px;height: 50px;margin: auto'> <div style='width: 60px;height: 60px;margin: auto'>
<img src="@/assets/img/finish.png" alt=""> <img src="@/assets/img/finish.png" alt="">
</div> </div>
<h6>取号成功</h6> <h6>取号成功</h6>
@ -391,14 +391,15 @@ export default {
//margin-left: 30px; //margin-left: 30px;
} }
img{ img{
width: 100%; margin-left: 10px;
width: 30%;
} }
p{ p{
font-size: 18px; font-size: 18px;
color: #000; color: #000;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
padding: 0 18px; padding: 0 15px;
} }
&.checked{ &.checked{
background: rgba(97,145,255,0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat; background: rgba(97,145,255,0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat;

Write Preview
Loading…
Cancel
Save