1 line
2.4 KiB
Plaintext
Executable File
1 line
2.4 KiB
Plaintext
Executable File
.container{width:100vw;height:100vh}.container .action-wrap{padding:100rpx 0;background:#fff;position:relative}.container .action-wrap .record-wrap{position:absolute;top:30rpx;right:30rpx}.container .action-wrap .record-wrap .iconfont{font-size:24rpx;margin-right:10rpx}.container .action-wrap .sweep-code{width:400rpx;height:400rpx;box-shadow:0 8px 8px 0 rgba(0,0,0,.03),0 6px 3px 0 rgba(0,0,0,.02);border-radius:50%;margin:0 auto;text-align:center;line-height:400rpx;background:var(--base-color)}.container .action-wrap .sweep-code .iconfont{color:#fff;font-size:150rpx}.container .action-wrap .manual-input{width:70%;margin:auto}.container .action-wrap .manual-input .process-wrap{height:140rpx;display:flex;padding-top:60rpx}.container .action-wrap .manual-input .process-wrap .wrap{flex:1;text-align:center}.container .action-wrap .manual-input .process-wrap .wrap ._icon{width:60rpx;height:60rpx;background:#eee;border-radius:50%;margin:0 auto;color:#909399}.container .action-wrap .manual-input .process-wrap .wrap ._icon .iconfont{font-size:32rpx}.container .action-wrap .manual-input .process-wrap .wrap ._text{font-size:24rpx;margin-top:10rpx;color:#909399}.container .action-wrap .manual-input ._input{height:80rpx;border:1px solid #eee;border-radius:8rpx;box-sizing:border-box;padding:20rpx;font-size:28rpx;text-align:center}.container .action-wrap .manual-input ._placeholder{font-size:28rpx;text-align:center}.container .action-wrap .manual-input ._btn{margin-top:40rpx;height:80rpx;line-height:80rpx}.container .arc-edge{width:100%;height:80rpx;background:#fff;border-radius:400rpx/40rpx;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container .action-type-wrap{width:70%;height:90rpx;background:#fff;border-radius:90rpx;display:flex;position:relative;box-shadow:0 6px 6px 0 rgba(0,0,0,.03),0 4px 2px 0 rgba(0,0,0,.04);margin:100rpx auto}.container .action-type-wrap .action{flex:1;text-align:center;color:#303133}.container .action-type-wrap .action ._icon{line-height:25px;height:25px}.container .action-type-wrap .action ._text{font-size:24rpx;line-height:1}.container .action-type-wrap .icon-tiaoxingmasaomiao{width:110rpx;height:110rpx;border-radius:50%;-webkit-transform:translateY(-10rpx);transform:translateY(-10rpx);box-shadow:0 8px 8px 0 rgba(0,0,0,.03),0 6px 3px 0 rgba(0,0,0,.02);text-align:center;line-height:110rpx;background:var(--base-color);color:#fff;font-size:32rpx} |