小程序问题总结

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;

}