@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
1 lines • 2.7 kB
CSS
:root,page{--primary-color:#07c160}.van-submit-bar{position:fixed;bottom:0;left:0;width:100%;-webkit-user-select:none;user-select:none;z-index:806;z-index:var(--submit-bar-z-index,806);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__tip{padding:20px;padding:var(--submit-bar-tip-padding,20px);color:#f56723;color:var(--submit-bar-tip-color,#f56723);font-size:24px;font-size:var(--submit-bar-tip-font-size, 24px);line-height:1.5;line-height:var(--submit-bar-tip-line-height, 1.5);background-color:#fff7cc;background-color:var(--submit-bar-tip-background-color,#fff7cc)}.van-submit-bar__tip:empty{display:none}.van-submit-bar__tip-icon{width:24px;height:24px;margin-right:8px;vertical-align:middle;font-size:24px;font-size:var(--submit-bar-tip-icon-size, 24px);min-width:calc(24px * 1.5);min-width:calc(var(--submit-bar-tip-icon-size,24px) * 1.5)}.van-submit-bar__tip-text{display:inline;vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 32px;padding:var(--submit-bar-padding,0 32px);height:100px;height:var(--submit-bar-height,100px);font-size:28px;font-size:var(--submit-bar-text-font-size, 28px);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__safe{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;color:#323233;color:var(--submit-bar-text-color,#323233);padding-right:24px;padding-right:var(--padding-sm,24px);font-weight:500;font-weight:var(--font-weight-bold,500)}.van-submit-bar__price{color:#ee0a24;color:var(--submit-bar-price-color,#ee0a24);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:24px;font-size:var(--submit-bar-price-font-size, 24px)}.van-submit-bar__price-integer{font-size:40px;font-size:var(--submit-bar-price-integer-font-size, 40px);font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--submit-bar-price-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif)}.van-submit-bar__currency{font-size:24px;font-size:var(--submit-bar-currency-font-size, 24px)}.van-submit-bar__suffix-label{margin-left:10px}.van-submit-bar__button{width:220px;width:var(--submit-bar-button-width,220px);font-weight:500;font-weight:var(--font-weight-bold,500);height:80px;height:var(--submit-bar-button-height,80px);line-height:80px;line-height:var(--submit-bar-button-height, 80px)}