123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- view,
- text,
- image,
- form,
- button,
- input,
- textarea {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: PingFang SC, HYQiHei-FES, "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
- font-weight: 400;
- line-height: 1.42857143;
- -webkit-tap-highlight-color: transparent;
- -webkit-text-size-adjust: 100%;
- }
- button {
- border: none;
- outline: none;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- input {
- outline: none;
- border: none;
- -webkit-appearance: none
- }
- button::after {
- border: none;
- }
- view.footer-fixed-bottom {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 10;
- background: rgba(255, 255, 255, 1);
- box-shadow: 0 -16px 15px 0 rgba(237, 237, 237, 0.25);
- }
- view.footer-fixed-bottom > view {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 24rpx 0 24rpx 0;
- }
- view.footer-fixed-bottom:after {
- display: block;
- content: '';
- width: 100%;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- view.footer-fixed-bottom button {
- width: 690rpx;
- height: 104rpx;
- border-radius: 24rpx;
- font-size: 32rpx;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- }
- view.footer-fixed-bottom button[type='primary'] {
- background-color: #4A6A96;
- }
- view.footer-fixed-bottom button[type='default'] {
- background-color: #DDDDDD;
- }
- .page-header-search {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .page-header-search-warp {
- display: flex;
- align-items: center;
- width: 640rpx;
- height: 68rpx;
- border-radius: 40rpx;
- background: #F6F7FA;
- }
- .page-header-search-warp label {
- width: 66rpx;
- }
- .page-header-search-warp image {
- display: block;
- width: 29rpx;
- height: 29rpx;
- background: pink;
- }
- .page-header-search-warp input {
- width: calc(100% - 66rpx);
- font-size: 28rpx;
- color: #1F1F39;
- }
- .header-search-placeholder {
- color: rgba(190, 192, 202, 1);
- }
|