swiper 组件能否配合 input 组件正常使用呀?
发布于 5 年前 作者 jie27 15078 次浏览 来自 问答

swiper 组件能否配合 input 组件正常使用呀?官方解释?

就是 swiper 组件为父元素, input 组件为子元素,形如代码示例,在iPhoneX下,能否输入框不重影,快速滑动切换的时候,不会出现两个input 输入框?

	<swiper indicator-dots="{{indicatorDots}}" bindchange="bindchangeTabCur" circular="{{false}}" current="{{TabCur}}" duration="{{duration}}">
			<block wx:for="{{ tabArray }}" wx:key="name">
				<swiper-item>
					<view hidden="{{index !=0}}">
						<view class="weui-cells weui-cells_after-title">
							<view class="weui-cell weui-cell_input">
								<view class="weui-cell__hd">
									<view class="weui-label">
										名称
									</view>
								</view>
								<view class="weui-cell__bd" style="text-align:right;">
									<input class="weui-input" placeholder='请输入名称'
									maxlength="32"  bindinput="chagneInput" data-ele="name_0"
									value="{{ name_0 }}" />
								</view>
							</view>
						</view>
					</view>
					<view hidden="{{index !=1}}">
						<view class="weui-cells weui-cells_after-title">
							<view class="weui-cell weui-cell_input">
								<view class="weui-cell__hd">
									<view class="weui-label">
										名称
									</view>
								</view>
								<view class="weui-cell__bd" style="text-align:right;">
									<input class="weui-input" placeholder='请输入名称'
									maxlength="32"  bindinput="chagneInput" data-ele="name_1"
									value="{{ name_1 }}" />
								</view>
							</view>
						</view>
					
					</view>
				</swiper-item>
			</block>
		</swiper>

 

1 回复

先隐藏input,切到当前item的时候再显示input

--↓↓👍点击“有用”是回答的动力哦

回到顶部