|
@@ -36,11 +36,12 @@
|
|
|
:style="step === 4 ? 'opacity: 1' : ''"
|
|
|
class="tImg"
|
|
|
/>
|
|
|
-
|
|
|
- <div class="btns" v-if="step === 3 || step === 4">
|
|
|
- <div class="btn" @click="showDown" style="margin-left: 0">下载壁纸</div>
|
|
|
- <div class="btn" @click="showDown">生成海报</div>
|
|
|
+ <div class="btns" v-if="step === 4">
|
|
|
+ <div class="btn" @click="showDown" style="margin-left: 0" :stype="'border-color:' + text.color + ';color:' + text.color" >下载壁纸</div>
|
|
|
+ <div class="btn" @click="showDown" :stype="'border-color:' + text.color + ';color:' + text.color">生成海报</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <img src="../../../assets/img/next.png" alt="" class="next">
|
|
|
</div>
|
|
|
<div class="model" v-show="showImg !== undefined" @click="close">
|
|
|
<van-icon
|
|
@@ -172,7 +173,7 @@ function close() {
|
|
|
.btns {
|
|
|
position: absolute;
|
|
|
text-align: center;
|
|
|
- bottom: 5vh;
|
|
|
+ bottom: 10vh;
|
|
|
width: 100%;
|
|
|
> div {
|
|
|
display: inline-block;
|
|
@@ -185,6 +186,13 @@ function close() {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .next{
|
|
|
+ bottom: 5vh;
|
|
|
+ top: inherit;
|
|
|
+ width: 2em;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
.fade-enter-from,
|
|
|
.fade-leave-to {
|
|
|
opacity: 0;
|