一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息

注意:

  1. 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致
  2. 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。

微信小程序flex布局:

<view class="flex-wrp" style="flex-direction:row; display: flex;">
<view class="flex-item" style="background:green; width:20%;">1</view>
<view class="flex-item" style="background:red;width:20%;">2</view>
<view class="flex-item" style="background:blue;width:20%;">3</view>
</view>
<view class="section">
<view class="section__title">左面20% 右面20%</view>
<view class="flex-wrp" style="height: 300px; display: flex; justify-content:space-between">
<view class="flex-item" style="background:green;width:20%;">1</view>
<view class="flex-item" style="background:red;width:20%;">2</view>
<view class="flex-item" style="background:blue;width:20%;">3</view>
</view>
</view>
微信小程序WXSS:
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

转载于:https://www.cnblogs.com/menghan94/p/10447629.html

微信小程序学习笔记(三)相关推荐

  1. 微信小程序学习笔记(三)视图与逻辑

    文章目录 1. 页面导航 1.1 什么是页面导航 1.2 声明式导航 1.2.1 导航到 tabBar 页面 1.2.2 导航到非 tabBar 页面 1.2.3 后退导航 1.3 编程式导航 1.3 ...

  2. 微信小程序学习笔记(三)——两名片小程序实例

    文章目录 项目一 项目结构 title index.wxml index.wxss 最终效果 项目二 项目结构 title index.wxml index.wxss 最终效果 项目地址 最后 项目一 ...

  3. 小程序 pagescrollto_微信小程序学习笔记(三)-- 首页及详情页开发

    一.常用组件 在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...

  4. 微信小程序学习笔记(1)

    微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构 当开发者新建一个工程时,项目文件包 ...

  5. 微信小程序学习(三):在微信开发者工具中,使用WeUI前端美化框架,微信小程序

    微信小程序学习(三):在微信开发者工具中,使用WeUI 这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用 网上有很多的方法,我绝大多数都没看懂,这里就是最简单 ...

  6. 微信小程序学习笔记一 + 小程序介绍 前置知识

    微信小程序学习笔记一 1. 什么是小程序? 2017年度百度百科十大热词之一 微信小程序, 简称小程序, 英文名 Mini Program, 是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是 ...

  7. 自己的微信小程序学习笔记【3】——第三方UI库Lin-Ui的加载及使用

    其他微信小程序的学习笔记 自己的微信小程序学习笔记[1]--小程序开发工具的使用及项目文件说明 自己的微信小程序学习笔记[2]--从零开始新建项目 文章目录 其他微信小程序的学习笔记 前言 一.Lin ...

  8. 微信小程序学习笔记(七)----简单文章推荐列表和分类图标的实现

    想要实现一个顶部是几篇纯文字的推荐文章,推荐文章下面是四个分类图标,具体实现出来是这个样子的,比较简单: 首先先来找一下素材,这几个图标是我在阿里巴巴图标库下载的,这里是下载地址: http://ww ...

  9. 微信小程序学习笔记( 小程序框架 )

    必看 这个只是我的学习过程算是日记形式吧,过程是按微信的官方文档的循序来,从 指南中的小程序框架 开始,指南中这一节之前还有页面配置,目录结构,还有很多介绍,没有写但是是非常重要的,一定要看,像指南后 ...

  10. 微信小程序学习笔记(一)

    干货来袭 基础前言   微信⼩程序,简称⼩程序,英⽂名 Mini Program ,是⼀种不需要下载安装即可使⽤的应⽤,它实现 了应⽤"触⼿可及"的梦想,⽤⼾扫⼀扫或搜⼀下即可打开 ...

最新文章

  1. 2022-2028年中国节能建材行业深度调研及投资前景预测报告
  2. SQL语句中 left join 后用 on 还是 where,区别大了!
  3. excel html modify,在Excel 2010中修改Series对象上的Z-index(Modify Z-index on Series object in Excel 2010)...
  4. 单例设计模式singleton
  5. React Native的TextInput组件去掉下划线和使用背景图片
  6. 用python读取图像_Python读取图片属性信息的实现方法
  7. ldap的shema
  8. Bootstrap导航栏注释
  9. 苏宁双11战报:0点~1点 线上订单同比增72%
  10. c#项目 java项目_c#项目转Java项目!!!!!
  11. php给网页加水印_php实现图片添加水印功能
  12. HashMap源码剖析(代码基于JDK11)
  13. C++中编译速度与平时代码规范
  14. 网络安全宣传周:强调个人信息保护│预防个人信息泄露实操指南
  15. 著者四角号码查询_著者姓名汉语拼音与四角号码数字混编书次号的研究
  16. ng-alain php,Angular 中后台前端解决方案 - Ng Alain 介绍
  17. 在双GPU(核显+NVIDIA)计算机中正确安装Ubuntu 18.04下的NVIDIA驱动程序(解决循环登录等问题)
  18. VB连接Sql Server,Oracle,SyBase,Access数据库操作实例
  19. 论文浅尝 | DI刊发的那些有关Knowledge Graph的论文
  20. 遇黑链不惊慌4招轻松破

热门文章

  1. mysql压力测试教程_Mysqlslap MySQL压力测试工具 简单教程
  2. linux 文件系统_Linux 虚拟文件系统
  3. ae中合成设置的快捷键_AE项目工作流程讲解及项目与合成设置
  4. php文件下载教学,php下载文件的代码示例
  5. matlab面向对象排序,matlab面向对象编程基础
  6. docker实战百度云
  7. 全网最细节的sds讲解,轻松拿下offer
  8. 憋个大招!4年小Java的心路历程
  9. 【深度学习笔记】‘module‘ object has no attribute ‘xfeatures2d‘
  10. 【深度学习笔记】深度学习中关于epoch