123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- page {
- background-color: #F7F7F7;
- }
- .page {
- font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
- font-size: 24rpx;
- padding: 32rpx;
- flex: 1;
- }
- .page-description {
- margin-bottom: 32rpx;
- }
- .page-section {
- background: #fff;
- margin-bottom: 32rpx;
- }
- .page-section-title {
- padding: 16rpx 32rpx;
- }
- .page-section-demo {
- padding: 32rpx;
- }
- .page-section-btns {
- border-top: 1px solid #ddd;
- display: flex;
- justify-content: space-around;
- align-items: center;
- }
- .page-section-btns > view {
- flex: 1;
- height: 84rpx;
- display: flex;
- align-items: center;
- justify-content: space-around;
- color: #49a9ee;
- }
- .page-section-btns > view + view {
- border-left: 1px solid #ddd;
- }
- button {
- margin-top:20rpx;
- margin-bottom:20rpx;
- }
- .bc_blue {
- background-color: #49A9EE;
- }
- .bc_red {
- background-color: #F04134;
- }
- .bc_yellow {
- background-color: #FFBF00;
- }
- .bc_green {
- background-color: #00A854;
- }
- .form-row {
- display: flex;
- align-items: center;
- padding: 0 30rpx;
- height: 88rpx;
- align-items: center;
- }
- .form-row-label {
- width: 180rpx;
- font-size: 34rpx;
- margin-right: 10rpx;
- text-align: left;
- color: #000;
- }
- .form-row-content {
- flex: 1;
- font-size: 34rpx;
- }
- .form-line {
- height: 1px;
- background-color: #ddd;
- margin-left: 30rpx;
- }
- .input {
- color: #000;
- font-size: 34rpx;
- width: 100%;
- padding: 4rpx 0;
- border: 0;
- line-height: 1;
- }
|