组件内只支持嵌套。中间不能嵌套其他任何组件; 3> 该组...">
美文网首页小程序入门文档
微信小程序学习(八):text组件

微信小程序学习(八):text组件

作者: 微光北下 | 来源:发表于2018-01-04 16:05 被阅读24次

text文本组件

特点:

1>  支持转义符"\";

2> 组件内只支持嵌套。中间不能嵌套其他任何组件;

3> 该组件中的内容可以通过长按进行选中的,其他组件中的内容都不支持长按选中。

界面渲染代码:

[css]代码区

.btn {  

margin-top: 30px;  

display: flex;  

flex-direction: column;  

justify-content: space-around;  

align-items:center;  

margin-left: 20px;  

margin-right: 20px;  

}  

text {  

margin-top: 10px;  

font-size: 25px;  

}  

控制层代码:

[javascript]代码区

//logs.js  

var util = require('../../utils/util.js')  

Page({  

  data: {  

// {{text}}  

text:"这里的内容是通过js设置的变量"  

  }  

})  

再次提示:如果界面文本的固定的建议使用第一种text组件形式,如果文本是会改变的,用第三种方法,通过修改控制层变量的值实现页面变化

相关文章

  • 微信小程序学习(八):text组件

    text文本组件 特点: 1> 支持转义符"\"; 2> 组件内只支持嵌套。中间不能嵌套其他任何组件; 3> 该组...

  • 微信小程序组件text

    text:文本 space 有效值: 字体属性: 1、字体大小: font-size:50px; 2、字体颜色: ...

  • 微信小程序-text组件

    Text组件 Text组件用于显示文本, 类似于span标签, 是行内元素 text 组件内只支持 text 嵌套...

  • 小程序好文集合

    组件篇 微信小程序:组件实践 整体梳理 微信小程序开发深入解读

  • 微信小程序-canvas压缩图片使用入门

    微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...

  • 微信小程序日历组件开发

    # 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...

  • 小程序 自定义弹窗组件学习

    学习网站 (干货)微信小程序组件封装微信小程序:自定义组件的数据传递 1、创建component文件 1、右键pa...

  • 微信小程序基础

    微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 微信小程序性能优化实践

    历史回顾: 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包,...

网友评论

    本文标题:微信小程序学习(八):text组件

    本文链接:https://www.haomeiwen.com/subject/mbbrnxtx.html