.mainContent { padding: 10rpx 16rpx; background-color: #eff0f1; /* 字体暂时先不加 */ /* text-rendering: optimizeLegibility; */ /* font-family: Arial, Helvetica, sans-serif; */ /* font-size: 32rpx; */ /* margin-top: 260rpx; */ /* font-family: font; */ /* font-family: font; */ } @font-face { /*重命名字体名*/ font-family: 'font'; /*引入字体*/ /* src: url('../../static/font/dcloud_iconfont.ttf'); */ /* src: url('../../static/font/unincomponents.ttf'); */ font-weight: normal; font-style: normal; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .titleFont { color: #89898a; font-size: 30rpx; line-height: 50rpx; } .contentFont { color: #212121; font-size: 30rpx; line-height: 50rpx; } .head { background-color: #fff; border-radius: 16rpx; display: flex; flex-direction: column; } .head_block { margin-top: 10rpx; display: flex; justify-content: space-between; align-items: center; line-height: 56rpx; height: 56rpx; font-size: 30rpx; } .head_left { display: flex; } .head_bar { width: 10rpx; height: 36rpx; background-color: red; margin-top: 10rpx; margin-left: 8rpx; border-radius: 10rpx; } .head_title { margin-left: 10rpx; font-weight: bolder; } .marginLeft20 { margin-left: 20rpx; } .marginRight20 { margin-right: 20rpx; } .marginTop20 { margin-top: 20rpx; } .marginBottom20 { margin-bottom: 20rpx; } .marginBottom10 { margin-bottom: 10rpx; } .flex_column { display: flex; flex-direction: column; } .flex_between { display: flex; justify-content: space-between; } .flex_center { display: flex; align-items: center; } .center_border { border: 1rpx solid #ccc; border-radius: 10rpx; margin: 30rpx 0 0 0; padding: 10rpx 0rpx 10rpx 20rpx; } .center_title { font-weight: bolder; font-size: 30rpx; } .inputClass { width: 400rpx; border: 1rpx solid #eee; border-radius: 10rpx; } .marginTop10 { margin-top: 10rpx; } /* .u-button--primary { width: 100rpx; height: 66rpx; margin-right: 10rpx; } */ /* .u-button--warning { width: 100rpx; height: 66rpx; margin-right: 10rpx; } */ .footer { position: fixed; bottom: 0; background-color: #fff; min-height: 70rpx; /* padding-top: 20rpx; */ /* padding-bottom: 20rpx; */ display: flex; flex-direction: column; width: 100%; } /* .u-button--large { width: 100%; height: 100rpx; letter-spacing: 8rpx; border-radius: 16rpx; position: fixed; bottom: 0; } */ .sacnBody { margin-top: 440rpx; display: flex; flex-direction: column; } .scanImg { width: 126px; height: 126px; border-radius: 50%; margin: auto; background: url('@/static/img/scan.png') no-repeat; box-shadow: #436df5 0px 0px 20px; } .boxImg { width: 126px; height: 126px; border-radius: 50%; box-shadow: #436df5 0px 0px 20px; margin: auto; background: #436df5 url("@/static/img/box1.png") no-repeat center; } .scanText { margin: auto; color: #000ccc; margin-top: 20rpx; letter-spacing: 2rpx; }