修改登录页输入框自适应、轮播进度点问题

This commit is contained in:
zhouyanli
2026-05-22 15:33:33 +08:00
parent cd9cc3fd92
commit 7f210304b9
5 changed files with 83 additions and 7 deletions

View File

@@ -154,7 +154,25 @@ const handleConfirm = () => {
flex: 1; flex: 1;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
height: 100%; display: flex;
align-items: center;
}
/* 清除 uni-easyinput 内部默认边距 */
:deep(.uni-easyinput__content) {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
background-color: transparent !important;
}
:deep(.uni-easyinput__content-input) {
height: 60rpx !important;
min-height: 60rpx !important;
line-height: 60rpx !important;
padding: 0 !important;
margin: 0 !important;
font-size: 32rpx;
} }
/* 确定按钮 */ /* 确定按钮 */

View File

@@ -180,7 +180,25 @@ const goBack = () => {
flex: 1; flex: 1;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
height: 100%; display: flex;
align-items: center;
}
/* 清除 uni-easyinput 内部默认边距 */
:deep(.uni-easyinput__content) {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
background-color: transparent !important;
}
:deep(.uni-easyinput__content-input) {
height: 60rpx !important;
min-height: 60rpx !important;
line-height: 60rpx !important;
padding: 0 !important;
margin: 0 !important;
font-size: 32rpx;
} }
.verify-input { .verify-input {
padding-right: 20rpx; padding-right: 20rpx;

View File

@@ -318,7 +318,25 @@ onUnmounted(() => {
flex: 1; flex: 1;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
height: 100%; display: flex;
align-items: center;
}
/* 清除 uni-easyinput 内部默认边距 */
:deep(.uni-easyinput__content) {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
background-color: transparent !important;
}
:deep(.uni-easyinput__content-input) {
height: 60rpx !important;
min-height: 60rpx !important;
line-height: 60rpx !important;
padding: 0 !important;
margin: 0 !important;
font-size: 32rpx;
} }
/* 验证码输入框 */ /* 验证码输入框 */

View File

@@ -207,7 +207,25 @@
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
height: 100%; display: flex;
align-items: center;
}
/* 清除 uni-easyinput 内部默认边距 */
:deep(.uni-easyinput__content) {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
background-color: transparent !important;
}
:deep(.uni-easyinput__content-input) {
height: 60rpx !important;
min-height: 60rpx !important;
line-height: 60rpx !important;
padding: 0 !important;
margin: 0 !important;
font-size: 28rpx;
} }
.agreement-wrap { .agreement-wrap {

View File

@@ -35,7 +35,7 @@
:current="current" :current="current"
mode="round" mode="round"
> >
<swiper class="swiper-box" :current="current" autoplay> <swiper class="swiper-box" :current="current" @change="onSwiperChange" autoplay>
<swiper-item v-for="(item, index) in bannerList" :key="index"> <swiper-item v-for="(item, index) in bannerList" :key="index">
<view class="swiper-item"> <view class="swiper-item">
<image :src="item.url" style="width: 100%; height: 100%"></image> <image :src="item.url" style="width: 100%; height: 100%"></image>
@@ -273,8 +273,12 @@ onUnload(() => {
uni.$off('confirm', slelctHomeData) uni.$off('confirm', slelctHomeData)
}) })
const clickItem = index => { const clickItem = e => {
current.value = index current.value = e.index !== undefined ? e.index : e
}
const onSwiperChange = e => {
current.value = e.detail.current
} }
</script> </script>