当前位置: 首页 > news >正文

微信小程序:布局样式

效果

wxml

<view class="layout"><view class="left"><view>1</view><view>1</view><view>1</view><view>1</view><view>1</view></view><view class="right"><view class="right-item1">2</view><view class="right-item2">3</view></view>
</view>

wxss

.layout {width: 100%;display: flex;}
.left {width: 50%;background-color: #6ba2e0;
}.right {flex: 1;display: flex;flex-direction: column;
}.right-item1 {flex: 1;background-color: #8bc34a;
}.right-item2 {flex: 1;background-color: #ce8adf;
}

相关文章:

  • Python实现多种图像锐化方法:拉普拉斯算子和Sobel算子
  • WPF-一个简单登录界面
  • 跨境电商如何利用跨境客服软件提升销售额
  • 使用FiscoBcos的Go-SDK【1:配置go环境】
  • hive数据仓库工具
  • 华为数通---配置基本QinQ示例
  • 物联网在能源管理中的应用——青创智通工业物联网解决方案
  • js 原型 和 原型链
  • 【ProcessOn】流程图咏道图Axure自定义元件使用----含流程图案例
  • 【delphi11】delphi基础探索【二、 Delphi 的基本语法:变量声明、数据类型、控制语句】
  • 深入解析Freemarker模板引擎及其在Spring Boot中的高级整合
  • 鸿蒙开发之页面与组件生命周期
  • Unity_ET框架项目-斗地主_启动运行流程
  • 大数据技术8:StarRocks极速全场景MPP数据库
  • Bootstrap Blazor中的富文本编辑器(Editor)如何禁用?
  • 【翻译】babel对TC39装饰器草案的实现
  • express.js的介绍及使用
  • JavaScript 一些 DOM 的知识点
  • Redis在Web项目中的应用与实践
  • SwizzleMethod 黑魔法
  • Vue 重置组件到初始状态
  • webpack项目中使用grunt监听文件变动自动打包编译
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 产品三维模型在线预览
  • 从0搭建SpringBoot的HelloWorld -- Java版本
  • 复习Javascript专题(四):js中的深浅拷贝
  • 快速构建spring-cloud+sleuth+rabbit+ zipkin+es+kibana+grafana日志跟踪平台
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app
  • 项目管理碎碎念系列之一:干系人管理
  • Java性能优化之JVM GC(垃圾回收机制)
  • #前后端分离# 头条发布系统
  • (1)(1.9) MSP (version 4.2)
  • (Python第六天)文件处理
  • (二)【Jmeter】专栏实战项目靶场drupal部署
  • (附表设计)不是我吹!超级全面的权限系统设计方案面世了
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (附源码)ssm学生管理系统 毕业设计 141543
  • (五)c52学习之旅-静态数码管
  • (转)mysql使用Navicat 导出和导入数据库
  • (转)人的集合论——移山之道
  • (转)项目管理杂谈-我所期望的新人
  • ***测试-HTTP方法
  • *setTimeout实现text输入在用户停顿时才调用事件!*
  • .L0CK3D来袭:如何保护您的数据免受致命攻击
  • .net对接阿里云CSB服务
  • @EventListener注解使用说明
  • @ResponseBody
  • [ Linux 长征路第二篇] 基本指令head,tail,date,cal,find,grep,zip,tar,bc,unname
  • [Android]How to use FFmpeg to decode Android f...
  • [BZOJ5125]小Q的书架(决策单调性+分治DP+树状数组)
  • [IE编程] IE中对网页进行截图的编程接口
  • [LeeCode]—Wildcard Matching 通配符匹配问题
  • [LeetCode] 197. 上升的温度
  • [LeetCode] Merge Two Sorted Lists
  • [Linux]创建新用户并授予root权限