微信小程序学习总结（二）样式、属性、模板操作分析(IT技术)

您所在的位置：网站首页 › 小程序样式模板 › 微信小程序学习总结（二）样式、属性、模板操作分析(IT技术)

微信小程序学习总结（二）样式、属性、模板操作分析(IT技术)

#微信小程序学习总结（二）样式、属性、模板操作分析(IT技术)| 来源: 网络整理| 查看: 265

本文实例讲述了微信小程序样式、属性、模板操作。分享给大家供大家参考，具体如下：

小程序尺寸单位

rpx是小程序常见的尺寸单位，那么他和px有啥不同一样呢。rpx可以根据屏幕宽度进行自适应。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

小程序的样式

你可以这么写内联方式： hello world 你也可以这么写，直接在wxss中写也阔以

小程序的全局样式与局部样式

定义在 app.wxss 中的样式为全局样式，作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。

初始化数据

第一种方式

/** * 页面的初始数据 */ data: { text:'hello world', array:['啊哦','haha'], }

页面中渲染

{{text}} {{array[0]}}:{{array[1]}}

效果这里写图片描述第二种方式

/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content = {test: 1,test1:2} this.setData(content); }

模板中调用 {{test1}}

控制属性

默认是false，所以不显示，在js文件中来给result赋值

哈哈哈

这里写图片描述

算术运算 {{a + b}} 逻辑判断字符串链接 {{"hello" + 'world'}} 遍历

花括号和引号之间如果有空格，将最终被解析成为字符串

这里写图片描述

绑定数据

content:[{ name:'haungyuxin', age:18 },{ name:'zhangfei', age:19 }] {{item.name}}

这里写图片描述

默认是这个样子的，可以根据自己喜好，自己改吧

同样的也可以看当前的下标

{{item.name}}:{{key}}

希望本文所述对大家微信小程序设计有所帮助。

相关文章数值常用的属性和方法微信小程序自定义顶部组件customHeader的示例代码Django微信小程序后台开发教程的实现微信小程序文章列表功能完整实例微信小程序订阅消息(java后端实现)开发微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】微信小程序调用wx.getImageInfo遇到的坑解决JQuery获得内容和属性方法解析浅谈opencv自动光学检测、目标分割和检测(连通区域实现一个Vue自定义指令懒加载的方法示例猜您喜欢

浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)

这篇文章主要引见了浅谈opencv自动光学检测、目的分割和检测(连通区域和findContours)，具有很好的参考价值，希望对大家有所协助。一同跟随小编过来看看吧..

实现一个Vue自定义指令懒加载的方法示例

这篇文章主要引见了完成一个Vue自定义指令懒加载的办法示例，文中经过示例代码引见的十分细致，对大家的学习或者工作具有一定的参考学习价值，需求的朋友们下面随着小编来一同学习学习吧.. 06-04Python中操作各种多媒体,视频、音频到图片的代码详解 06-04.NET IoC模式依赖反转(DIP)、控制反转(Ioc)、依赖注入(DI) 06-04Python简单实现词云图代码及步骤解析 06-04ASP.NET Core3.x API版本控制的实现 06-04万字总结之反射（框架之魂） 06-04MySQL横纵表相互转化操作实现方法网友评论推荐文章

细数软件工程各阶段必不可少的那些图

各种反弹shell方法总结

Mabitis

Unable to preventDefault inside passive event listener due to target being treated as passive

各种反弹shell方法总结

Java中的循环语句

MySQL 索引

git recommend(alive)

[白话解析] 深入浅出支持向量机(SVM)之核函数

html小工具——文章注释编辑器

最新文章 1企业级Python开发大佬利用网络爬虫技术实现自动发送天气预告邮件 2Springboot+SpringSecurity+JWT实现用户登录和权限认证示例 3用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os) 4Python flask框架实现浏览器点击自定义跳转页面 5JavaScript冒泡算法原理与实现方法深入理解 6Python新手学习装饰器 7系统梳理一下锁 8一篇文章带你快速弄清楚什么是终端 9容器技术之Dockerfile（二） 10【JVM】垃圾回收器总结（2）——七种垃圾回收器类型

声明：所有软件和文章来自软件开发商或者作者如有异议请与本站联系联系我们

【本文地址】

微信小程序学习总结（二）样式、属性、模板操作分析(IT技术)

微信小程序学习总结（二）样式、属性、模板操作分析(IT技术)

今日新闻

推荐新闻