2019年高校微信小程序开发大赛学习笔记

学做小程序（学堂在线笔记）
一、传统布局

text-align:center //水平居中
margin-bottom: 60px //设置间距

二、弹性盒子布局

display:flex;
flex-direction: column;
justify-content: space-around;
align-items: center; 

三、元素大小适配不同屏幕
仅对iphone6:

.about-banner{
width: 187.5px;
height:187.5px;
}

改进后

.about-banner{
width: 375rpx;
height:375rpx;
}

加粗：

style='font-weignt:bold;font-size=60rpx;'
使用navigator组件：

<view>
<navigator
style = 'display:inline;'//消除换行符
url = '/pages/weekly/weekly' //设置链接
open-type='redirect'>每周推荐</navigator>//open-type设置是否允许返回
</view>