微信小程序样式大全（二）

1.图片居中覆盖:

.audio{
    width:102rpx;
    height:110rpx;
    position: absolute;
    left: 50%;
    margin-left: -51rpx;//经典水平居中方式
    top:180rpx;
    margin-top: 20rpx;
    opacity:0.6;//透明度
}

 

2.最底层垂直居中横线样式：

.horizon{
    width:660rpx;
    height: 2rpx;
    background-color: #e5e5e5;
    vertical-align: middle;
    position:relative;
    top:46rpx;
    margin: 0 auto;
    z-index: -99
}

3.设置页面全屏样式及背景色：

page{
height:100%;
background:#b3d4db;
}

4.全局设置导航条颜色app.json：

"window": {
"navigationBarBackgroundColor": "#405f80"
}

5.页面设置导航条颜色和标题*.json:

{
"navigationBarBackgroundColor": "#405f80",
"navigationBarTitleText":"文与字"
}

6.设置