【Kevin Learn 小程序】--＞textarea

效果图

属性

参考：textarea

代码

1. app.js

//app.js App({ onLaunch: function () { console.log('App Launch') }, onShow: function () { console.log('App Show') }, onHide: function () { console.log('App Hide') }, globalData: { hasLogin: false } }) 

1. app.json

{ "pages": [ "pages/textarea/textarea" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle": "black" }, "style": "v2", "sitemapLocation": "sitemap.json" } 

1. textarea.js

Page({ data: { focus: false }, bindTextAreaBlur: function (e) { console.log(e.detail.value) } }) 

1. textarea.json

{ "navigationBarTitleText": "textarea 组件" } 

1. textarea.wxml

<view class="container"> <view class="page-body"> <view class="page-section"> <view class="textarea-wrp"> <textarea bindblur="bindTextAreaBlur" auto-height /> </view> </view> </view> </view> 

1. textarea.wxss

textarea { width: 700rpx; padding: 25rpx 0; } .textarea-wrp { padding: 0 25rpx; background-color: #fff; }