This commit is contained in:
yanran200730
2021-12-08 18:34:42 +08:00
parent a97e35644e
commit 087bc7aca4

View File

@@ -91,10 +91,16 @@
<span>添加问题</span> <span>添加问题</span>
</div> </div>
<div class="add-form__footer"> <div class="add-form__footer">
<div> <div class="add-form__footer--item-wrapper">
<div class="add-form__footer--item">
<image :src="`${$cdn}sass/preview.png`">
<span @click="toPreview">预览</span> <span @click="toPreview">预览</span>
</div>
<div class="add-form__footer--item">
<image :src="`${$cdn}sass/setting.png`">
<span @click="toSetting">设置</span> <span @click="toSetting">设置</span>
</div> </div>
</div>
<div @click="onConfirm">立即发布</div> <div @click="onConfirm">立即发布</div>
</div> </div>
<u-popup v-model="isShow" :closeable="false" mode="bottom" @close="isShow = false"> <u-popup v-model="isShow" :closeable="false" mode="bottom" @close="isShow = false">
@@ -626,7 +632,7 @@ export default {
height: 112px; height: 112px;
text-align: center; text-align: center;
div { & > div {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -646,11 +652,29 @@ export default {
} }
span { span {
}
}
}
.add-form__footer--item-wrapper {
.add-form__footer--item {
display: flex;
align-items: center;
flex-direction: column;
flex: 1; flex: 1;
height: 100%;
line-height: 112px; image {
color: #333333; display: block;
font-size: 32px; width: 48px;
height: 48px;
margin: 0 auto;
}
span {
display: block;
text-align: center;
color: #999;
font-size: 28px;
&:active { &:active {
background: #eee; background: #eee;