微信小程序组件text
2024-09-01 10:49:00
基础内容text:官方文档
Demo Code
var initData = 'this is first line\nthis is second line'
var extraLine = [];
Page({
data: {
text: initData
},
add: function(e) {
extraLine.push('other line')
this.setData({
text: initData + '\n' + extraLine.join('\n')
})
},
remove: function(e) {
if (extraLine.length > 0) {
extraLine.pop()
this.setData({
text: initData + '\n' + extraLine.join('\n')
})
}
}
})
JS
<view class="btn-area">
<view class="body-view">
<text>{{text}}</text>
<button bindtap="add">add line</button>
<button bindtap="remove">remove line</button>
</view>
</view>
WXML
.btn-area{
font-family:Verdana, Geneva, Tahoma, sans-serif;
padding: 0 10px 0 10px;
}
.body-view button{
margin-top :10px;
}
WXSS
最新文章
- leetcode
- 借助无线路由器+2台笔记本+Windows桥接功能,成功绕过了微信聊天记录迁移的BUG
- 继续说一下2016里面的json功能(1)
- CEF3开发者系列之CEF3入门
- bzoj1015 星球大战
- BZOJ_1019_[SHOI2008]_汉诺塔_(DP)
- thinkphp验证码的实现
- delphi7开发webservice部属在apache服务器中 转
- Android Studio .grade文件知识
- Codefoces 432 C. Prime Swaps
- 【转】简单十步让你全面理解SQL
- 用微软makecert.exe生成一个自签名的证书
- 微信公众号调用JS-SDK
- User Parameters(用户参数)
- JDBC实现简单增删改查
- Lapack求解线性方程组
- 摹客iDoc的PS插件全新改版!—— 智能检测不对应的设计稿
- springBoot(8)---整合redis
- SQL server 生成数据字典
- 单点登录(十五)-----实战-----cas4.2.x登录mongodb验证方式实现自定义加密