金狮镖局 Design By www.egabc.com
本文实例讲述了微信小程序样式、属性、模板操作。分享给大家供大家参考,具体如下:
小程序尺寸单位
rpx是小程序常见的尺寸单位,那么他和px有啥不同一样呢。rpx可以根据屏幕宽度进行自适应。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
小程序的样式
你可以这么写
内联方式:<text style='color:red'> hello world</text>
你也可以这么写,直接在wxss中写也阔以
小程序的全局样式与局部样式
定义在 app.wxss 中的样式为全局样式,作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 app.wxss 中相同的选择器。
初始化数据
第一种方式
/** * 页面的初始数据 */ data: { text:'hello world', array:['啊哦','haha'], }
页面中渲染
<text style='color:red'>{{text}}</text> <text>{{array[0]}}:{{array[1]}}</text>
/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content = {test: 1,test1:2} this.setData(content); }
模板中调用
<text>{{test1}}</text>
控制属性
默认是false,所以不显示,在js文件中来给result赋值
<text wx:if="{{result}}">哈哈哈</text>
算术运算
<view> {{a + b}}</view>
逻辑判断
<view wx:if="{{length > 5}}"> </view>
字符串链接
<view>{{"hello" + 'world'}}</view>
遍历
花括号和引号之间如果有空格,将最终被解析成为字符串
<view wx:for="{{[1,2,3]}} "> {{item}} </view>
绑定数据
content:[{ name:'haungyuxin', age:18 },{ name:'zhangfei', age:19 }]
<view wx:for="{{content}}"> {{item.name}} </view>
默认是这个样子的,可以根据自己喜好,自己改吧
<view wx:for="{{content}}" wx:for-item='item'> {{item.name}} </view>
同样的也可以看当前的下标
<view wx:for="{{content}}" wx:for-item='item' wx:for-index='key'> {{item.name}}:{{key}} </view>
希望本文所述对大家微信小程序设计有所帮助。
标签:
微信小程序,样式,属性,模板操作
金狮镖局 Design By www.egabc.com
金狮镖局
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金狮镖局 Design By www.egabc.com
暂无微信小程序学习总结(二)样式、属性、模板操作分析的评论...
更新日志
2024年09月23日
2024年09月23日
- 梁汉文2008-EDMONDHITS48[香港]3CD[WAV+CUE]
- 国风大师纯音系列《童丽-[渭城曲]》1CD[WAV分轨][593.5MB]
- 国风大师纯音系列《许菱子《烧筝2》古筝曲集》1CD[WAV分轨][1.3GB]
- 王子异《1996 Part.2》[320K/MP3][18.29MB]
- 群星.1994-宝丽金最倾情3CD【宝丽金】【WAV+CUE】
- 乐俊亨.2024-同泪【CharioticMusic】【FLAC分轨】
- 何耀珊.2006-收获【华纳】【WAV+CUE】
- 梁汉文1994-壹精选[华星][WAV+CUE]
- 洪荣宏1981-歹路不可行·相思雨(飞跃复刻版)[光美][WAV+CUE]
- 旅行团2015-10Day’s[来福胶泥][WAV+CUE]
- 龙千玉.2011-卡将哟【豪记】【WAV+CUE】
- 蔣志光.1993-多情多寂寞(国专)【BMG】【WAV+CUE】
- 陈慧娴.1996-雪映美白96演唱会2CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 王子异《1996 Part.2》[FLAC/分轨][50.66MB]
- 贵族音乐《古典名曲与轻音乐钢琴 打开宝宝睡眠开关》[320K/MP3][155.91MB]