// 公用类名 .common-button { width: 580px; height: 68px; line-height: 68px; background: #eb0f17; border-radius: 44px; color: #fff; font-size: 28px; color: #FFFFFF; } .disable-button { // background: rgba($color: #EB0F17, $alpha: 0.5) !important; width: 580px; height: 68px; line-height: 68px; border-radius: 44px; color: #fff; font-size: 28px; color: #FFFFFF; } uni-button:after{ border: none; } .common-txt-color { color: #EB0F17; } .default-bg { background-color: #f2f2f2; } .common-bg { background-color: #ffffff; } .font22 { font-size: 22px !important; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font28 { font-size: 28px; } .font32 { font-size: 32px; } .font34 { font-size: 34px; } .font36 { font-size: 36px; } .gray-txt { color: #999999; font-size: 24px; font-weight: 400; } .text66 { color: #666666; } .text99 { color: #999999; } .text33 { color: #333333; } .textDEDEDE { color: #DEDEDE; } .coloe_white { color: #ffffff; } .textf68388{ color: #f68388 } .style001{ display: inline-block; background: #fff8f8; border-radius: 2px; text-align: left; padding: 10px; } .mt10 { margin-top: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mb10 { margin-bottom: 10px; } .wrap{ flex-wrap: wrap; } .row-center { display: flex; justify-content: center; } .row-around { display: flex; justify-content: space-around; } .row-between { display: flex; justify-content: space-between; } .row-start { display: flex; justify-content: flex-start; } .row-evenly { display: flex; justify-content: space-evenly; } .row-end { display: flex; justify-content: flex-end; } .coloum-center { align-items: center; } .coloum-start { align-items: flex-start; } .label-text { color: #333333; font-size: 24px; font-weight: 600; } .font600 { font-weight: bold !important; } .font400 { font-weight: normal; } .item-input { flex: 1; height: 80px; line-height: 80px; font-size: 24px; } .uni-app--showtabbar uni-page-wrapper:after { height: 0 !important; } .common-icon { width: 28px; height: 28px; } /deep/ .del-img { position: absolute; top: 0; right: 0; z-index: 101; } .flex1 { flex: 1; } .red-circle { width: 16px; height: 16px; background: #EB0F17; border-radius: 50%; } .common-base-icon { width: 32px; height: 32px; } .common-right-icon { width: 44px; height: 44px; } .box-shadow { box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } .letter { letter-spacing: 1px; } .border-radius { border-radius: 20px; } .mt20 { margin-top: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin: 20px; } .mgr { margin-right: 20px; } .mb20 { margin-bottom: 20px; } .pdb { padding-bottom: 20px; } .pdr { padding-right: 20px; } .pdt { padding-top: 20px; } .pdl { padding-left: 20px; } .pd20 { padding: 20px; } .txt-center { text-align: center; } .pos-relative { position: relative; } .price { font-size: 32px; font-weight: 600; color: #EB0F17; letter-spacing: 2px; } .empty-box { margin: 50px 0; } .empty-img { width: 328px; height: 328px; } .common-circle-icon { width: 28px; height: 28px; } .focus_move { color: #666; font-size: 30px; line-height: 80px; animation: focus 0.8s infinite; } .empty-tips { text-align: center; color: #cecece; font-size: 32px; font-weight: 400; margin-top: 28px; } .line-through { text-decoration: line-through; } /deep/.status_bar { height: var(--status-bar-height); width: 100%; background-color: #f8f8f8; } .word-break { word-break: break-all; } .top_view { height: var(--status-bar-height); width: 100%; position: fixed; background-color: #f8f8f8; top: 0; z-index: 999; } .fixed-button { width: 630px; height: 68px; border-radius: 34px; font-size: 28px; background: #EB0F17 !important; color: #fff !important; position: fixed; bottom: 20px; right: 20px; } .list-goods-img { width: 198px; height: 192px; } // /deep/.uni-popup-model{ // z-index: 2000; // } // 覆盖默认文字样式 body { font-size: 28px !important; color: #333; height: 100% !important; font-family: PingFangSC-Regular, PingFang SC; z-index: 1000; } .left-coloum { width: calc(50% - 20px); } .right-coloum { width: calc(50% - 20px); } .overflow1 { overflow: hidden; word-break: break-all; /* break-all(允许在单词内换行。) */ text-overflow: ellipsis; /* 超出部分省略号 */ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 1; /** 显示的行数 **/ } .overflow2 { overflow: hidden; word-break: break-all; /* break-all(允许在单词内换行。) */ text-overflow: ellipsis; /* 超出部分省略号 */ display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ } .shop-name { font-size: 28px; font-weight: 600; color: rgba(51, 51, 51, 1); line-height: 40px; letter-spacing: 4px; margin: 0 12px; } .border-line { border-bottom: 1px solid #dedede; } .uni-input-placeholder { font-size: 24px; color: #999999; line-height: 33px; letter-spacing: 1px; } .text-center { text-align: center; } .flex-space-between { display: flex; justify-content: space-between; align-items: center; } .flex { display: flex; } .ios-content-continuer { padding-bottom: 140px; } .bottom-row { width: 100%; background: #ffffff; position: fixed; bottom: 0; right: 0; padding: 40px 0; z-index: 101; uni-button[type='default'] { background: #EB0F17 !important; color: #fff; width: 630px; height: 68px; line-height: 68px; border-radius: 34px; font-size: 28px !important; } /deep/ uni-button:after { border: none !important; } } .border-btn { width: 140px !important; height: 60px !important; line-height: 60px; text-align: center; font-size: 24px; border-radius: 30px !important; } .main-button { color: #EB0F17; border: 2px solid #EB0F17 !important; } .default-button { border: 2px solid #999999; } .item-bottom { margin-top: 20px; .button { width: 140px !important; height: 60px !important; line-height: 60px; text-align: center; font-size: 24px; border-radius: 30px !important; } .default-button { border: 2px solid #999999 !important; } .main-button { color: #EB0F17; border: 2px solid #EB0F17 !important; } } .shadow-box { padding: 20px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } .add-icon { width: 120px; height: 120px; background: rgba(242, 242, 242, 1); border-radius: 20px; border: 2px solid rgba(230, 230, 230, 1); line-height: 120px; text-align: center; font-size: 60px; color: #c0c0c0; z-index: 101; } .popup-title-row { margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: center; .title { margin: 0 30px; font-size: 32px; } .line { flex: 1; height: 4px; background-color: #EB0F17; } } .freebie { position: absolute; top: 0; left: 0; background: #EB0F17; // opacity: 0.5; width: 100px; line-height: 60px; text-align: center; border-radius: 0 100px 100px 0px; z-index: 99; color: #ffffff; } .code-line { height: 83px; border-bottom: 1px solid #f2f2f2; } .uni-tabbar { // background: linear-gradient(180deg, #e0c18f 0%, #ead6a3 100%); } .time-box { margin: 30px auto; width: 190px; height: 36px; background: #d7d7d7; border-radius: 24px; color: #ffffff; } .left-coloum { display: flex; flex-direction: column; align-items: center; } .right-coloum { display: flex; flex-direction: column; align-items: center; } /deep/.time_box { margin: 20px auto; width: 190px; line-height: 36px; background: #D7D7D7; border-radius: 24px; color: #FFFFFF; text-align: center; } /deep/.uni-scroll-view { -webkit-overflow-scrolling: unset }