1-2 请老师检查下代码,谢谢

来源:1-2 自由编程

不厌_

2021-08-17 17:32:41

wxml相关代码:

<input type="text" class="input" placeholder="请输入内容" placeholder-class="input-placeholder" bindinput="inputEvent"/>
<view>展示内容:<text class="show-text">{{text}}</text></view>

wxss相关代码:

.input {
width: 375rpx;
height: 50rpx;
border: 1rpx solid black;
font-size: 30rpx;
}
.input-placeholder {
color: #ccc;
}
.show-text {
color: red;
font-size: 30rpx;
}

js相关代码:

​Page({
data: {
text: '',
},
inputEvent(e){
const value = e.detail.value;
this.setData({text:value});
}
})


写回答

1回答

好帮手慕慕子

2021-08-17

同学你好,代码实现是对的,很棒!!!祝学习愉快~

0

0 学习 · 15276 问题

查看课程