// 公用类名
|
.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
|
}
|
|
