在使用Popup 弹出层(抽屉)或者Modal 模态框 两种弹出窗时,输入框input文本居中时,闪动bug
Opened this issue · 0 comments
klynxyo commented
在使用Popup 弹出层(抽屉)或者Modal 模态框 两种弹出窗时,在IOS:17.6.1,微信版本:8.0.50的微信小程序制作弹出窗输入时,输入框input文本居中时,会出现从左往中间居中的动态效果,以下时代码
<template>
<uv-popup ref="popup" :closeOnClickOverlay="false" :safeAreaInsetTop="true" :closeable="true" round="33rpx">
<view class="price">
<view class="price-box">
<view class="price-box-title">
<uv-text text="请填写报价" color="#2522BD" align="center" size="36rpx"></uv-text>
</view>
<view class="price-box-input">
<uv-input placeholder="请输入您的报价金额1" :customStyle="{
borderColor: '#2522BD !important',
borderRadius: '20rpx !important'
}" inputAlign="center" v-model="price" @change="change"></uv-input>
</view>
<view class="price-box-botton">
<uv-button text="确认1" shape="circle" color="#2522BD" @click="submit"></uv-button>
</view>
</view>
</view>
</uv-popup>
<button @click="open">打开</button>
</template>
<script>
export default {
data() {
return {
value: 1111,
price: 100
};
},
methods: {
change() {},
submit() {},
open() {
this.$refs.popup.open();
}
}
};
</script>
<style scoped lang="scss">
.price {
width: 590rpx;
display: flex;
justify-content: center;
&-box {
width: 85%;
&-input {
width: 100%;
display: inline-table;
padding: 35rpx 0;
}
}
}
</style>