12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- page {
- height: 100%;
- width: 100%;
- background: #f4f4f4;
- }
- .container {
- background: #f4f4f4;
- /* height: 100%;
- overflow: hidden; */
- width: 100%;
- padding:0rpx 0rpx 130rpx;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- box-sizing: content-box;
- }
- .bottom{
- position:fixed;
- bottom: 0;
- left:0 ;
- right:0;
- display: flex;
- height: 112rpx;
- align-items: center;
- padding:0 86rpx;
- justify-content: space-between;
- background: #fff;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- box-sizing: content-box;
- }
- .btn{
- width:228rpx;
- height: 82rpx;
- line-height: 82rpx;
- font-size: 30rpx;
- text-align: center;
- background: #09AFFF;
- border-radius: 82rpx;
- color: #fff;
- padding:0 20rpx;
- }
- .poster{
- position: absolute;
- top: 100rpx;
- margin: 0rpx 125rpx;
- }
- .title{
- color: #fff;
- margin: 20rpx 0;
- font-size: 30rpx;
- }
- .ads{
- margin: 10rpx 0rpx;
- color: #fff;
- }
- .tool{
- display: flex;
- text-align: center;
- justify-content: baseline;
- width: 100%;
- }
- .tool view{
- flex: 1;
- }
- .img{
- width: 107rpx;
- height: 128rpx;
- }
|