找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

小程序极速实战开发《五》text文本

作者:模板之家 2018-1-25 16:38 183人关注

组件说明: text 文本就是微信小程序中显示出来的文本。 组件用法: wxml view text我是文本组件/text /view text{{text}}/text js Page({ /** * 初始化数据 */ data:{ text:我是在js文件中绑定的文本 }, onL

组件说明:

text 文本就是微信小程序中显示出来的文本。


组件用法:

 


wxml


  1. <view >
  2. <text>我是文本组件</text>
  3. </view>
  4. <text>{{text}}</text>

js


  1. Page({
  2. /**
  3.   * 初始化数据
  4.   */
  5. data:{
  6. text:"我是在js文件中绑定的文本"
  7. },
  8. onLoad:function(options){
  9. // 页面初始化 options为页面跳转所带来的参数
  10. },
  11. onReady:function(){
  12. // 页面渲染完成
  13. },
  14. onShow:function(){
  15. // 页面显示
  16. },
  17. onHide:function(){
  18. // 页面隐藏
  19. },
  20. onUnload:function(){
  21. // 页面关闭
  22. }
  23. })

主要属性:
属性
描述
font-size 字体大小
color 字体颜色
font-style 字体样式
margin-top 字体上边距
margin-bottom 字体下边距


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)