<uni-easyinput :inputBorder="false" :placeholderStyle="inputPlaceholderStyle" type="text"
v-model="loginData.username" placeholder="请输入用户名" />
data() {
return {
inputPlaceholderStyle: "color: #547fea"
}
}
新新新
- 发布：2021-12-30 12:07
- 更新：2022-01-04 09:47
- 阅读：668
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 企业版
HBuilderX类型： 正式
HBuilderX版本号： 3.3.5
手机系统： iOS
手机系统版本号： iOS 14
手机厂商： 苹果
手机机型： iPhoneXR
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<uni-easyinput :inputBorder="false" :placeholderStyle="inputPlaceholderStyle" type="text"
v-model="loginData.username" placeholder="请输入用户名" />
data() {
return {
inputPlaceholderStyle: "color: #547fea"
}
}
<uni-easyinput :inputBorder="false" :placeholderStyle="inputPlaceholderStyle" type="text"
v-model="loginData.username" placeholder="请输入用户名" />
data() {
return {
inputPlaceholderStyle: "color: #547fea"
}
}预期结果：
用 placeholderStyle 属性 改变input placeholder 颜色；
用 placeholderStyle 属性 改变input placeholder 颜色；
实际结果：
安卓可以可以改变。 ios 不能改变
安卓可以可以改变。 ios 不能改变
bug描述：
nuve 页面 uni-easyinput 的 placeholderStyle 在 ios 端不起作用 。 测试机型 iphoneXR 系统 14.5.1 ； 安卓的可以；
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
我验证 nvue ios15 android11 styles{color:}失效
<template>
<view>
<uni-easyinput v-model="value" :styles="styles" :placeholderStyle="placeholderStyle" placeholder="请输入内容"
@input="input"></uni-easyinput>
</view>
</template>
<script>
export default {
data() {
return {
value: '',
password: '',
placeholderStyle: "color:#2979FF;font-size:14px",
styles: {
color: '#fc3a4b',//失效
borderColor: '#2979FF'
}
}
},
onLoad() {},
onReady() {},
methods: {
input(e) {
console.log('输入内容：', e);
},
iconClick(type) {
uni.showToast({
title: `点击了${type==='prefix'?'左侧':'右侧'}的图标`,
icon: 'none'
})
}
}
}
</script>
<style lang="scss">
</style>
新新新 (作者)
https://ask.dcloud.net.cn/question/134764
这个里说 3.3.0+已经修复了。 但是还没有的
2021-12-31 11:17