<template>
<view>
<status-bar></status-bar>
<text class="welcomeLabel">欢迎登录</text>
<input class="input" placeholder="请输入账号" />
<input class="input" placeholder="请输入密码" password/>
</view>
</template>
<script>
export default {
data() {
return {
};
},
onReady() {
}
}
</script>
<style lang="scss">
// 左侧间距
$padding-left:60rpx;
$font-size:70rpx;
//欢迎标签
.welcomeLabel {
width: 750rpx;
padding: 100rpx 40rpx 0 $padding-left;
font-size: $font-size;
}
//账号密码输入框
.input {
width: 500rpx;
height: 100rpx;
margin-top: 60rpx;
margin-left: $padding-left;
/* #ifdef MP-WEIXIN */
// box-sizing:content-box;
// padding: 20rpx 0;
/* #endif */
border-bottom:1rpx solid #BBBBBB;
}
.input-placeholder {
color: red !important;
font-size: $font-size;
}
</style>
kysin
- 发布：2022-02-21 11:24
- 更新：2022-02-21 12:22
- 阅读：458
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.3.11
手机系统： Android
手机系统版本号： Android 12
手机厂商： 小米
手机机型： 小米9
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
nvue页面应为红色字体
nvue页面应为红色字体
实际结果：
nvue页面字体无效
nvue页面字体无效
bug描述：
<template>
<view>
<status-bar></status-bar>
<text class="welcomeLabel">欢迎登录</text>
<input class="input" placeholder="请输入账号" />
<input class="input" placeholder="请输入密码" password/>
</view>
</template>
<script>
export default {
data() {
return {
};
},
onReady() {
}
}
</script>
<style lang="scss">
// 左侧间距
$padding-left:60rpx;
$font-size:70rpx;
//欢迎标签
.welcomeLabel {
width: 750rpx;
padding: 100rpx 40rpx 0 $padding-left;
font-size: $font-size;
}
//账号密码输入框
.input {
width: 500rpx;
height: 100rpx;
margin-top: 60rpx;
margin-left: $padding-left;
/* #ifdef MP-WEIXIN */
// box-sizing:content-box;
// padding: 20rpx 0;
/* #endif */
border-bottom:1rpx solid #BBBBBB;
}
.input-placeholder {
color: red !important;
font-size: $font-size;
}
</style>
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
<input class="uni-input" placeholder-style="color:#F76260" placeholder="占位符字体是红色的" />
kysin (作者)
placeholder-style是正常的，placeholder-class无效2022-02-21 14:35