测试
This commit is contained in:
parent
348c8e3ee5
commit
9da614aaef
@ -1,8 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="main casemain" :class="{on: step == pageIndex }" :id="'pagemain'+pageIndex" v-show="step == pageIndex" :style="{height:step == pageIndex?'auto':'0px'}" >
|
<div class="main casemain" :class="{on: step == pageIndex }" :id="'pagemain'+pageIndex" v-show="step == pageIndex" :style="{height:step == pageIndex?'auto':'0px'}" >
|
||||||
<img src="../assets/bg.png" alt="" class="bg" />
|
<img src="../assets/bg.png" alt="" class="bg" />
|
||||||
|
{{'当前:'+step}}{{'页码:'+pageIndex}}
|
||||||
<div class="dealbox" style="position: relative;z-index:1;background:transparent;">
|
<div class="dealbox" style="position: relative;z-index:1;background:transparent;">
|
||||||
<div class="prev" @click="switchPage(pageIndex - 1)">上一步</div>
|
<div class="prev" @click="switchPage(pageIndex - 1)">上一步</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="pagebox">
|
<div class="pagebox">
|
||||||
@ -57,10 +59,11 @@
|
|||||||
ref="cdialog"
|
ref="cdialog"
|
||||||
:showCancel="false"
|
:showCancel="false"
|
||||||
></c-dialog>
|
></c-dialog>
|
||||||
</div>
|
<van-image-preview teleport="body" :overlay-style="{zIndex:10}" ref="ImagePreview" v-model:show="showImg" closeable :images="imgList" @change="onChange">
|
||||||
<van-image-preview ref="ImagePreview" v-model:show="showImg" closeable :images="imgList" @change="onChange">
|
|
||||||
|
</van-image-preview>
|
||||||
|
</div>
|
||||||
|
|
||||||
</van-image-preview>
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -307,17 +310,21 @@ const onChange=(newIndex)=>{
|
|||||||
<style lang='scss' scoped>
|
<style lang='scss' scoped>
|
||||||
.casemain.on{
|
.casemain.on{
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index:0;
|
z-index:1;
|
||||||
height:auto;
|
height:auto;
|
||||||
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
.casemain{
|
.casemain{
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index:-100;
|
z-index:-100;
|
||||||
height:0px;
|
height:0px;
|
||||||
|
display: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.main {
|
.main {
|
||||||
|
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -353,7 +353,7 @@ defineExpose({init,formatAnswer})
|
|||||||
.main {
|
.main {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index:0;
|
z-index:1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.add {
|
.add {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user