购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

任务9
表格布局

任务描述

完成一个表格的布局,如图2-17所示。

图2-17 表格的布局

1)在页面中呈现一张成绩表。

2)第一行包括姓名、学号、成绩、评定。

3)设置若干行数据。

操作步骤

1 打开index.wxml,添加<view class="table">、<view class="tr">组件。

经验分享

在代码编辑时,必须养成代码缩进的习惯,这是代码管理的规范要求。

2 打开index.wxss,添加.table、.tr等样式,实现页面效果。

知识链接
●Border的定义与用法

Border一般设置3个参数,分别指定边框的宽度、边框的样式、边框的颜色。

例:

border:1rpx solid rgb(255,0,0);

边框的宽度为1rpx,边框的样式为solid,solid呈现为实线,边框的颜色为红色。

●尺寸单位rpx(Responsive Pixel)。

规定屏幕宽为750rpx。

例如在iPhone 6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。 xir3cdG2DZGnYnykJzy8miFQd75jTiJY0HV3Zx+WgjK0uAEjre0R+ii2jcdVEGbd

点击中间区域
呼出菜单
上一章
目录
下一章
×