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>