小程序問題總結

1.css渲染右箭頭

<view class='arrow'></view>

.arrow {

width: 10px;

height: 10px;

border-top: 2px solid #999;

border-right: 2px solid #999;

position: absolute;

right: 20rpx;

transform: rotate(45deg);

margin-top: 10rpx;

}

 

2.view內容居中

.hxview {

 

 

display: flex; /*設置顯示樣式**/

align-items: center; /**子view垂直居中*/

vertical-align: center; /**垂直居中*/

flex-direction: row;

}