/**
|
* common
|
* @author Tevin
|
*/
|
|
@import "./sassMixin";
|
|
.taro_page,
|
page {
|
font-size: 36px;
|
color: #333;
|
textarea {
|
font-size: inherit;
|
font-family: -apple-system-font, Helvetica Neue, sans-serif;
|
}
|
.at-button {
|
display: inline-block;
|
font-size: 36px;
|
&.at-button--small {
|
line-height: 56px;
|
}
|
&.at-button--full {
|
display: flex;
|
}
|
&.at-button--primary {
|
color: #FFF;
|
border: 1PX solid $colorStress;
|
background: $colorStress;
|
&.btn-success {
|
border: 1PX solid $colorSuccess;
|
background: $colorSuccess;
|
}
|
&.btn-info {
|
border: 1PX solid $colorInfo;
|
background: $colorInfo;
|
}
|
&.btn-warning {
|
border: 1PX solid $colorWarning;
|
background: $colorWarning;
|
}
|
&.btn-danger {
|
border: 1PX solid $colorDanger;
|
background: $colorDanger;
|
}
|
}
|
}
|
.at-input {
|
.at-input__title {
|
width: 162px;
|
font-size: 36px;
|
}
|
.at-input__input {
|
font-size: 36px;
|
.weui-input {
|
font-size: 36px;
|
}
|
}
|
}
|
.at-input-number {
|
.weui-input {
|
height: 100%;
|
border: none;
|
font-size: 36px;
|
}
|
}
|
.at-float-layout {
|
.at-float-layout__container {
|
@include flexbox(flex, flex-start flex-start, column);
|
width: 100%;
|
max-height: 80%;
|
height: 80%;
|
.layout-header {
|
width: 100%;
|
height: 84px;
|
box-sizing: border-box;
|
.layout-header__title {
|
font-size: 38px;
|
line-height: 46px;
|
}
|
}
|
.layout-body {
|
width: 100%;
|
height: calc(100% - 84px);
|
max-height: 100%;
|
font-size: 36px;
|
box-sizing: border-box;
|
&:first-child {
|
height: 100%;
|
}
|
}
|
.layout-body__content {
|
width: 100%;
|
max-height: 100%;
|
}
|
}
|
}
|
.at-list {
|
position: unset;
|
.item-content__info-note {
|
font-size: 34px;
|
}
|
.item-extra__info {
|
font-size: 36px;
|
}
|
}
|
.at-tabs.at-tabs--horizontal {
|
height: 100%;
|
.at-tabs__header {
|
height: 96px;
|
line-height: 52px;
|
.at-tabs__item {
|
font-size: 36px;
|
}
|
}
|
.at-tabs__body {
|
height: calc(100% - 90px);
|
font-size: 0;
|
.at-tabs-pane {
|
height: 100%;
|
font-size: 36px;
|
transform: translate3d(0, 0, 0);
|
}
|
}
|
}
|
.at-radio {
|
.at-radio__option {
|
padding-left: 0;
|
}
|
.at-radio__option-wrap {
|
padding-left: 32px;
|
}
|
.at-radio__title {
|
font-size: 36px;
|
}
|
.at-radio__icon {
|
visibility: visible;
|
&.at-radio__icon--checked {
|
.at-icon {
|
background: $colorStress;
|
border-color: $colorStress;
|
}
|
}
|
.at-icon {
|
color: #fff;
|
border: #bbb 1px solid;
|
border-radius: 50%;
|
padding: 5px;
|
}
|
}
|
&::before,
|
&::after {
|
display: none;
|
}
|
}
|
.at-checkbox {
|
.at-checkbox__title {
|
font-size: 36px;
|
}
|
}
|
.at-modal {
|
.at-modal__header {
|
font-size: 40px;
|
}
|
.at-modal__container {
|
max-width: 90%;
|
font-size: 36px;
|
.at-modal__content {
|
min-height: 60px;
|
font-size: 36px;
|
}
|
}
|
.at-modal__footer {
|
.at-modal__action>taro-button-core,
|
.at-modal__action button {
|
font-size: 36px;
|
&:last-child {
|
color: $colorStress;
|
}
|
&[disabled] {
|
color: #fff;
|
background-color: #e6e6e6;
|
pointer-events: none;
|
}
|
}
|
}
|
}
|
.at-search-bar {
|
height: 94px;
|
.at-search-bar__input-cnt {
|
height: 70px;
|
border-radius: 35px;
|
.at-search-bar__placeholder-wrap {
|
height: 70px;
|
}
|
.at-icon-search {
|
font-size: 36px;
|
}
|
.at-search-bar__placeholder {
|
font-size: 36px;
|
}
|
.at-search-bar__input {
|
height: 70px !important;
|
font-size: 36px !important;
|
line-height: 70px;
|
.weui-input {
|
height: 70px;
|
line-height: 70px;
|
}
|
}
|
.at-search-bar__clear {
|
height: 70px;
|
width: 50px;
|
font-size: 36px;
|
}
|
}
|
.at-search-bar__action {
|
height: 70px;
|
margin-left: 20px;
|
padding: 0 20px;
|
font-size: 36px;
|
color: #FFF;
|
line-height: 70px;
|
background-color: $colorStress;
|
border-radius: 8px;
|
}
|
}
|
.at-activity-indicator {
|
.at-activity-indicator__content {
|
font-size: 36px;
|
}
|
}
|
.at-divider {
|
.at-divider__content {
|
font-size: 36px;
|
}
|
}
|
.at-card {
|
.at-card__header-title {
|
font-size: 36px;
|
}
|
.at-card__header-extra {
|
font-size: 36px;
|
}
|
.at-card__content-info {
|
font-size: 36px;
|
}
|
}
|
.at-tag {
|
font-size: 36px;
|
}
|
.at-action-sheet {
|
.at-action-sheet__container {
|
max-height: 90%;
|
overflow-y: scroll;
|
}
|
}
|
.at-steps {
|
.at-steps__single-icon {
|
width: 56px;
|
height: 56px;
|
}
|
.at-steps__right-line {
|
left: 80%;
|
}
|
.at-steps__left-line {
|
right: 80%;
|
}
|
}
|
}
|
|
.taro__toast {
|
word-break: break-word;
|
>div>p:last-child {
|
font-size: 36px !important;
|
}
|
}
|
|
.taro__modal {
|
word-break: break-word;
|
>div:nth-child(2) {
|
width: 72% !important;
|
border-radius: 12px !important;
|
>div:nth-child(1) {
|
position: relative;
|
padding: 18px 24px !important;
|
font-size: 40px !important;
|
&:after {
|
content: "";
|
width: 100%;
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
right: 0;
|
height: 1px;
|
border-top: 1px solid #D5D5D6;
|
color: #D5D5D6;
|
-webkit-transform-origin: 0 0;
|
transform-origin: 0 0;
|
-webkit-transform: scaleY(0.5);
|
transform: scaleY(0.5);
|
}
|
}
|
>div:nth-child(2) {
|
padding: 32px 24px !important;
|
min-height: 60px !important;
|
font-size: 36px !important;
|
color: inherit !important;
|
text-align: left;
|
}
|
}
|
.taro-modal__foot {
|
.taro-model__btn {
|
font-size: 36px !important;
|
&:last-child {
|
color: $colorStress !important;
|
}
|
}
|
}
|
}
|
|
.weui-picker__overlay {
|
.weui-picker {
|
font-size: 32px;
|
.weui-picker__hd {
|
font-size: 36px;
|
.weui-picker__action:last-child {
|
color: $colorStress;
|
}
|
}
|
}
|
}
|
