微信小程序实训 Day 02 实习日志

最新推荐文章于 2022-11-15 17:32:22 发布

VIP文章在读硕士的橘仔

最新推荐文章于 2022-11-15 17:32:22 发布

阅读量1.9k

点赞数

分类专栏：微信小程序实训

本文链接：https://blog.csdn.net/Laufen_j/article/details/92790352

版权

今天老师开始讲了微信小程序。

但是今天设备出了一些事情，所以耽误了蛮多时间。

1.在百度搜索微信平台公众官网，然后进入之后登录，点击普通小程序开发者工具，下载稳定版的64位微信小程序开发软件。

2.出了一些意外，但是老师讲了一下这个骰子布局，我们学习了这个博客里的。

骰子布局语法

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

骰子布局实例

http://www.ruanyifeng.com/blog/2015/07/flex-examples.html?bsh_bid=683103006

然后完成了今天的作业，这是网页版的骰子布局：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="first">
<p>1-1 默认左上角对齐
	<div class="first-onett">
  <span class="pip"></span>
	</div>
</p>

<p>1-2 居中对齐和右对齐
	<div class="first-twott">
  <span class="pip"></span>
	</div>
</p>

<p>1-3 设置右上角对齐
	<div class="first-threett">
  <span class="pip"></span>
	</div>
</p>

<p>1-4 设置交叉轴对齐，垂直移动主轴
	<div class="first-fourtt">
  <span class="pip"></span>
	</div>
</p>

<p>1-5 中心
	<div class="first-fivett">
  <span class="pip"></span>
	</div>
</p>

<p>1-6 
	<div class="first-sixtt">
  <span class="pip"></span>
	</div>
</p>

<p>1-7  
	<div class="first-seventt">
  <span class="pip"></span>
	</div>
</p>
</div>


<div class="second">

	<p>2-1  
		<div class="second-onett">
	  <span class="pip"></span>
	  <span class="pip"></span>
		</div>
	</p>

	<p>2-2
		<div class="second-twott">
	  <span class="pip"><

最低0.47元/天解锁文章

在读硕士的橘仔

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
微信小程序实训 Day 02 实习日志

今天老师开始讲了微信小程序。但是今天设备出了一些事情，所以耽误了蛮多时间。1.在百度搜索微信平台公众官网，然后进入之后登录，点击普通小程序开发者工具，下载稳定版的64位微信小程序开发软件。2.出了一些意外，但是老师讲了一下这个骰子布局，我们学习了这个博客里的。骰子布局语法http://www.ruanyifeng.com/blog/2015/07/flex-gramm...
复制链接

扫一扫