climblee/uv-ui

在使用Popup 弹出层(抽屉)或者Modal 模态框 两种弹出窗时,输入框input文本居中时,闪动bug

Opened this issue · 0 comments

在使用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>