925 lines
15 KiB
CSS
925 lines
15 KiB
CSS
|
@charset "UTF-8";
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
常用色
|
|||
|
|
#fc7900 橙
|
|||
|
|
#348cf2 蓝
|
|||
|
|
#00a79f 绿
|
|||
|
|
#0e1a24 文字黑
|
|||
|
|
#97A5B1 文字提示 浅灰 置灰色
|
|||
|
|
linear-gradient(to right, #56cc9d, #04aea5) 渐变绿
|
|||
|
|
linear-gradient(to right, #eafdf9, #daf1fc) 渐变灰白蓝
|
|||
|
|
*/
|
|||
|
|
/* ps： 默认布局 请使用template模板 大部分常量类已定义 这里不再说明 */
|
|||
|
|
/*
|
|||
|
|
自创类
|
|||
|
|
- 模块标题 .modeTitle 自定义前icon添加.mIcon 自定义+类 举个栗子=>medicalAssistant_stat
|
|||
|
|
- 必填项小星星 .required
|
|||
|
|
- 搜索框 .searchMode > van-search 举个栗子=>indexTab_message
|
|||
|
|
|
|||
|
|
组件类
|
|||
|
|
- van-dialog 添加类 .vanDialog
|
|||
|
|
- van-field 添加类 .borderA
|
|||
|
|
*/
|
|||
|
|
/* reset */
|
|||
|
|
|
|||
|
|
ul {
|
|||
|
|
list-style: none;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input:focus,
|
|||
|
|
textarea:focus {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 布局 */
|
|||
|
|
body {
|
|||
|
|
margin: 0;
|
|||
|
|
font-size: 20.72upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bodyA {
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
background-color: #f2f6fa;
|
|||
|
|
/* background-image: linear-gradient(to right, #eafdf9, #daf1fc); */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header {
|
|||
|
|
height: 94upx;
|
|||
|
|
min-height: 94upx;
|
|||
|
|
line-height: 94upx;
|
|||
|
|
background: #348cf2;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
flex-direction: row;
|
|||
|
|
background: none;
|
|||
|
|
background-image: linear-gradient(to right, #eafdf9, #daf1fc);
|
|||
|
|
justify-content: space-between;
|
|||
|
|
background-image: none;
|
|||
|
|
background-color: #daf1fc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.headerBai {
|
|||
|
|
background: none;
|
|||
|
|
background-image: linear-gradient(to right, #eafdf9, #daf1fc);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .btn-header {
|
|||
|
|
flex-grow: 1;
|
|||
|
|
text-align: center;
|
|||
|
|
/* font-size: 0.36*37*2upx; */
|
|||
|
|
font-size: 31.598upx;
|
|||
|
|
color: #fff;
|
|||
|
|
/* height: 100%; */
|
|||
|
|
/* color: #0e1a24; */
|
|||
|
|
color: #0e1a24;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 50%;
|
|||
|
|
transform: translateX(50%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .nav-btn {
|
|||
|
|
height: 100%;
|
|||
|
|
width: 94upx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #fff;
|
|||
|
|
color: #0e1a24;
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
flex-grow: 1;
|
|||
|
|
text-align: center;
|
|||
|
|
/* font-size: 0.36*37*2upx; */
|
|||
|
|
font-size: 31.598upx;
|
|||
|
|
color: #fff;
|
|||
|
|
/* color: #0e1a24; */
|
|||
|
|
color: #0e1a24;
|
|||
|
|
height: 52%;
|
|||
|
|
width: 32%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: start;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .nav-btn {
|
|||
|
|
height: 100%;
|
|||
|
|
width: 91.908upx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #fff;
|
|||
|
|
color: #0e1a24;
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .btnH {
|
|||
|
|
color: #0e1a24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .nav-btn .left_btn {
|
|||
|
|
width: 38upx;
|
|||
|
|
height: 36upx;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.navRight img {
|
|||
|
|
width: 44.4upx;
|
|||
|
|
height: 44.4upx;
|
|||
|
|
margin-left: 23.9982upx;
|
|||
|
|
width: 17.76upx;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.navRight img {
|
|||
|
|
width: 44.4upx;
|
|||
|
|
height: 44.4upx;
|
|||
|
|
margin-left: 23.9982upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .btn-headerBai {
|
|||
|
|
color: #0e1a24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header .icons {
|
|||
|
|
padding-right: 44.4upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bodyA .header .rightBtn {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 15px;
|
|||
|
|
height: 88upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bodyA .header .rightBtn img {
|
|||
|
|
width: 44.4upx;
|
|||
|
|
height: 44.4upx;
|
|||
|
|
/* margin-left: 14.8upx;
|
|||
|
|
padding-right: 44.4upx; */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bodyA .header .rightBtn img {
|
|||
|
|
width: 44.4upx;
|
|||
|
|
height: 44.4upx;
|
|||
|
|
/* margin-left: 14.8upx; */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hzIndex {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
/* overflow: hidden; */
|
|||
|
|
min-height: 100vh;
|
|||
|
|
/* overflow-y: hidden; */
|
|||
|
|
border: 1px solid #def1f5;
|
|||
|
|
background-color: #F6F9FF;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100%;
|
|||
|
|
background-image: url('@/static/pageBack.png') !important;
|
|||
|
|
padding-top: 88upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.foodIndex {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
/* overflow: hidden; */
|
|||
|
|
min-height: 100vh;
|
|||
|
|
border: 1px solid #def1f5;
|
|||
|
|
background-color: #def1f5;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100%;
|
|||
|
|
background-image: url('@/static/img/foodBack.png') !important;
|
|||
|
|
padding-top: 88upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hzContent {
|
|||
|
|
/* flex-grow: 1;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
-webkit-overflow-scrolling: touch;
|
|||
|
|
height: calc(100vh - 88upx); */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hzContent .footer {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footer {
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 22.2upx 32.56upx 22.2upx 32.56upx;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.indexFooter {
|
|||
|
|
display: flex;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #97a5b1;
|
|||
|
|
border-radius: 37upx 37upx 0 0;
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 22.2upx 32.56upx 22.2upx 32.56upx;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.indexFooter {
|
|||
|
|
display: flex;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #97a5b1;
|
|||
|
|
border-radius: 37upx 37upx 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.indexFooter .footerTab {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.indexFooter .footerAct {
|
|||
|
|
color: #409ffd;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footerTab .icon {
|
|||
|
|
|
|||
|
|
font-size: 44.4upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footerTab .tabName {
|
|||
|
|
/* font-size: .32*37*2upx; */
|
|||
|
|
font-size: 28.12upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footerTab .tabName {
|
|||
|
|
/* font-size: .32*37*2upx; */
|
|||
|
|
font-size: 28.12upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 老布局优化 */
|
|||
|
|
.updateContent {
|
|||
|
|
/* 老页面主体容器 标题dom记得加类 header */
|
|||
|
|
/* margin-top: 88.8upx !important; */
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.noData {
|
|||
|
|
text-align: center;
|
|||
|
|
color: #ccc;
|
|||
|
|
font-size: 25.16upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.conts {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 96.2upx;
|
|||
|
|
z-index: 9999;
|
|||
|
|
/* 老页面主体容器 标题dom记得加类 header */
|
|||
|
|
margin-top: 88.8upx !important;
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.noData {
|
|||
|
|
text-align: center;
|
|||
|
|
color: #ccc;
|
|||
|
|
font-size: 25.16upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.conts {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 96.2upx;
|
|||
|
|
z-index: 9999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.updateFotter {
|
|||
|
|
position: fixed;
|
|||
|
|
width: 100%;
|
|||
|
|
bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 分割线 */
|
|||
|
|
.splitLine {
|
|||
|
|
background-color: #ccc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.splitLineBorderBot {
|
|||
|
|
border-bottom: 1px solid #ccc;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.splitLineBorder {
|
|||
|
|
border: 1px solid #ccc;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 按钮
|
|||
|
|
* btn 基础样式
|
|||
|
|
* btnDetail 详情 绿
|
|||
|
|
* btnDel 删除 红
|
|||
|
|
* btnOp 操作 蓝
|
|||
|
|
*/
|
|||
|
|
.btn {
|
|||
|
|
/* padding: 5px 0;
|
|||
|
|
color: #000;
|
|||
|
|
border: 1px solid #000; */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-wrapper {
|
|||
|
|
background-color: #f2f6fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btnDetail {
|
|||
|
|
background-color: #04be02;
|
|||
|
|
color: #fff;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btnDel {
|
|||
|
|
background-color: #ff5151;
|
|||
|
|
color: #fff;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btnOp {
|
|||
|
|
background-color: #3d9ff4;
|
|||
|
|
color: #fff;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footerBtn {
|
|||
|
|
background-image: linear-gradient(to right, #56cc9d, #04aea5);
|
|||
|
|
/* margin: .3*37*2upx .44*37*2upx .3*37*2upx .44*37*2upx; */
|
|||
|
|
height: 88.0008upx !important;
|
|||
|
|
line-height: 88.0008upx !important;
|
|||
|
|
font-size: 31.9976upx !important;
|
|||
|
|
text-align: center !important;
|
|||
|
|
color: #fff !important;
|
|||
|
|
border-radius: 14.8upx !important;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footerBtnRed {
|
|||
|
|
background-image: linear-gradient(to right, #ff6000, #ff0000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footerBtnAct {
|
|||
|
|
/* 提交按钮置灰 */
|
|||
|
|
background-image: linear-gradient(to right, #ababab, #ababab);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 按钮 不通过/取消 */
|
|||
|
|
.btnCancelA {
|
|||
|
|
/* 侯总确认取消颜色 */
|
|||
|
|
background-image: unset !important;
|
|||
|
|
background-color: #97A5B0 !important;
|
|||
|
|
color: #fff !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 数据状态 */
|
|||
|
|
.listState1 {
|
|||
|
|
/* 待审核 */
|
|||
|
|
color: #2297FD !important;
|
|||
|
|
background-color: #E9F2FF !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.listState2 {
|
|||
|
|
/* 已取消 */
|
|||
|
|
color: #00ADA6 !important;
|
|||
|
|
background-color: #e0f6f5 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.listState3 {
|
|||
|
|
/* 已通过 */
|
|||
|
|
color: #FB8107 !important;
|
|||
|
|
background-color: #FFF3E7 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 模块标题 */
|
|||
|
|
.modeTitle {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 25.9upx;
|
|||
|
|
font-size: 31.9976upx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 25.16upx;
|
|||
|
|
color: #0e1a24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modeTitle::after {
|
|||
|
|
content: "";
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
width: 11.1upx;
|
|||
|
|
height: 100%;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
background-image: linear-gradient(#83e3b7, #8fb8ec);
|
|||
|
|
border-radius: 22.2upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modeTitle .tips {
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
color: #97A5B1;
|
|||
|
|
font-weight: normal;
|
|||
|
|
margin-left: 12.0028upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mIcon {
|
|||
|
|
padding-left: 44.0004upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mIcon::after {
|
|||
|
|
width: 36.001upx;
|
|||
|
|
height: 36.001upx;
|
|||
|
|
background-image: url("@/static/fei.png");
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
top: 1.998upx;
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 25.9upx;
|
|||
|
|
font-size: 31.9976upx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 25.16upx;
|
|||
|
|
color: #0e1a24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modeTitle::after {
|
|||
|
|
content: "";
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
width: 11.1upx;
|
|||
|
|
height: 100%;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
background-image: linear-gradient(#83e3b7, #8fb8ec);
|
|||
|
|
border-radius: 22.2upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modeTitle .tips {
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
color: #97A5B1;
|
|||
|
|
font-weight: normal;
|
|||
|
|
margin-left: 12.0028upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mIcon {
|
|||
|
|
padding-left: 44.0004upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mIcon::after {
|
|||
|
|
width: 36.001upx;
|
|||
|
|
height: 36.001upx;
|
|||
|
|
background-image: url("@/static/fei.png");
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
top: 1.998upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vant-field 必填小星星 添加类名 required */
|
|||
|
|
.van-cell-group .required .van-cell__title span,
|
|||
|
|
.cellGroup .required .van-cell__title span {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-cell-group .required .van-cell__title span::after,
|
|||
|
|
.cellGroup .required .van-cell__title span::after {
|
|||
|
|
position: absolute;
|
|||
|
|
right: -8px;
|
|||
|
|
color: #fc7900;
|
|||
|
|
font-size: 14px;
|
|||
|
|
content: "*";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-field__body input {
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vant dialog 弹出框 */
|
|||
|
|
.vanDialog .titleMode {
|
|||
|
|
text-align: center;
|
|||
|
|
background-image: linear-gradient(to right, #56cc9d, #04aea5);
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 20.72upx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vanDialog .dialogContent {
|
|||
|
|
padding: 32.56upx 22.2upx;
|
|||
|
|
text-align: center;
|
|||
|
|
background-image: linear-gradient(to right, #56cc9d, #04aea5);
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 20.72upx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vanDialog .dialogContent {
|
|||
|
|
padding: 32.56upx 22.2upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vanDialog .van-cell {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.vanDialog .van-field__body input {
|
|||
|
|
border-radius: 14.8upx;
|
|||
|
|
padding: 0 14.8upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 加载动画 */
|
|||
|
|
.loadingBox {
|
|||
|
|
position: relative;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask {
|
|||
|
|
position: fixed !important;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 9999;
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100% - 1.2*37*2upx);
|
|||
|
|
/* color: #fff; */
|
|||
|
|
/* background-color: rgba(0,0,0,0.5); */
|
|||
|
|
background-color: #fff;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
margin-top: 88.8upx;
|
|||
|
|
transform: translateZ(1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.maskTm {
|
|||
|
|
position: fixed !important;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 9999;
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100% - 1.2*37*2upx);
|
|||
|
|
height: 100%;
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.5) !important;
|
|||
|
|
/* background-color: #fff; */
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
/* margin-top: 1.2*37*2upx; */
|
|||
|
|
transform: translateZ(1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask img {
|
|||
|
|
margin-top: 40%;
|
|||
|
|
width: 19%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask span {
|
|||
|
|
font-size: 29.6upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.maskTm img {
|
|||
|
|
margin-top: 40%;
|
|||
|
|
width: 19%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.maskTm span {
|
|||
|
|
font-size: 29.6upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**************** 重置样式 ****************/
|
|||
|
|
/* van-popup 样式重置 */
|
|||
|
|
.popMode {
|
|||
|
|
height: 799.2upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popMode .title {
|
|||
|
|
padding: 44.4upx 29.6upx;
|
|||
|
|
font-size: 35.52upx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popMode .title .icona {
|
|||
|
|
margin-left: auto;
|
|||
|
|
font-size: 44.4upx;
|
|||
|
|
margin-top: 7.4upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popMode .popSure {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
background-image: linear-gradient(to right, #56cc9d, #04aea5);
|
|||
|
|
z-index: 99;
|
|||
|
|
margin: 0 44.4upx;
|
|||
|
|
padding: 22.2upx 0;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 15.9988upx;
|
|||
|
|
margin-bottom: 37upx;
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
height: 799.2upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popMode .title {
|
|||
|
|
padding: 44.4upx 29.6upx;
|
|||
|
|
font-size: 35.52upx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popMode .title .icona {
|
|||
|
|
margin-left: auto;
|
|||
|
|
font-size: 44.4upx;
|
|||
|
|
margin-top: 7.4upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popMode .popSure {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
background-image: linear-gradient(to right, #56cc9d, #04aea5);
|
|||
|
|
z-index: 99;
|
|||
|
|
margin: 0 44.4upx;
|
|||
|
|
padding: 22.2upx 0;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 15.9988upx;
|
|||
|
|
margin-bottom: 37upx;
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vantUpdateImg 组件 */
|
|||
|
|
.van-uploader__upload {
|
|||
|
|
border-radius: 20.0022upx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
background: #f2f6fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vant-field 样式 */
|
|||
|
|
.van-cell .van-field__label {
|
|||
|
|
margin-right: 7.4upx;
|
|||
|
|
color: #4b5b68;
|
|||
|
|
font-size: 28.0016upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-field__control {
|
|||
|
|
color: #0e1a24;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
input::-webkit-input-placeholder {
|
|||
|
|
color: #bdc4d2 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vant textarea 边框 */
|
|||
|
|
.borderA .van-field__value {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-radius: 14.8upx;
|
|||
|
|
padding: 14.8upx;
|
|||
|
|
background-color: #f2f6fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* checkbox 勾选样式 */
|
|||
|
|
.van-checkbox__icon--checked .van-icon,
|
|||
|
|
.van-radio__icon--checked .van-icon {
|
|||
|
|
background-color: #04aea5;
|
|||
|
|
border-color: #04aea5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* .van-radio__label {
|
|||
|
|
color: #0e1a24;
|
|||
|
|
} */
|
|||
|
|
/* .vant-field 默认pla样式 */
|
|||
|
|
.van-field--error .van-field__control,
|
|||
|
|
.van-field--error .van-field__control::placeholder {
|
|||
|
|
/* color: #ccc; */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 旋转 vant-field is-link 箭头 */
|
|||
|
|
.van-cell__right-icon {
|
|||
|
|
transform: rotate(90deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-cell {
|
|||
|
|
padding: 14.0008upx 31.9976upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vantTab样式 */
|
|||
|
|
.van-tabs__line {
|
|||
|
|
/* background-color: aqua; */
|
|||
|
|
background-image: linear-gradient(to right, #56cc9d, #04aea5);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-tab--active {
|
|||
|
|
color: #04aea5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* fieldLabel 文字换行 */
|
|||
|
|
.w40 .van-cell__title {
|
|||
|
|
width: 40%;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vantToast 轻提示 */
|
|||
|
|
.van-toast--text .van-toast__text {
|
|||
|
|
|
|||
|
|
font-size: 31.82upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* vant 搜索组件重置 */
|
|||
|
|
.searchMode .van-search {
|
|||
|
|
padding: 23.68upx 47.9964upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-search .van-cell {
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-search__content {
|
|||
|
|
border-radius: 222upx !important;
|
|||
|
|
background-color: #f2f5fa !important;
|
|||
|
|
height: 67.34upx !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-search input[type=search] {
|
|||
|
|
background-color: #f2f5fa;
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 28.12upx;
|
|||
|
|
margin-right: 75.998upx;
|
|||
|
|
border-radius: 222upx;
|
|||
|
|
background-color: #f2f5fa;
|
|||
|
|
height: 67.34upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-search input[type=search] {
|
|||
|
|
background-color: #f2f5fa;
|
|||
|
|
text-align: left;
|
|||
|
|
font-size: 28.12upx;
|
|||
|
|
margin-right: 75.998upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.van-field__left-icon .van-icon {
|
|||
|
|
color: #bdc4d2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[v-cloak] {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask {
|
|||
|
|
position: fixed !important;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 9999;
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100% - 88upx);
|
|||
|
|
background-color: #fff;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
margin-top: 88upx;
|
|||
|
|
transform: translateZ(1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.maskTm {
|
|||
|
|
position: fixed !important;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 9999;
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100% - 88upx);
|
|||
|
|
height: 100%;
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.5) !important;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
transform: translateZ(1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask image {
|
|||
|
|
margin-top: 40%;
|
|||
|
|
width: 140upx;
|
|||
|
|
height: 140upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mask text {
|
|||
|
|
font-size: 36upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.maskTm image {
|
|||
|
|
margin-top: 40%;
|
|||
|
|
width: 140upx;
|
|||
|
|
height: 140upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.maskTm text {
|
|||
|
|
font-size: 36upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 提交按钮样式 */
|
|||
|
|
.sub_btn0 {
|
|||
|
|
height: 90upx;
|
|||
|
|
line-height: 90upx;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #7ae5bc;
|
|||
|
|
font-size: 36upx;
|
|||
|
|
/* position: fixed;
|
|||
|
|
bottom: 0; */
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sub_btn0 text {
|
|||
|
|
color: #ffffff;
|
|||
|
|
opacity: 0.7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sub_btn1 {
|
|||
|
|
height: 90upx;
|
|||
|
|
line-height: 90upx;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #00c277;
|
|||
|
|
|
|||
|
|
font-size: 36upx;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sub_btns1 {
|
|||
|
|
height: 90upx;
|
|||
|
|
line-height: 90upx;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #00c277;
|
|||
|
|
|
|||
|
|
font-size: 36upx;
|
|||
|
|
/* position: absolute;
|
|||
|
|
bottom: 0; */
|
|||
|
|
width: 100%;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sub_btn1 text {
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 提交按钮样式 */
|
|||
|
|
.sub_btn2 {
|
|||
|
|
height: 90upx;
|
|||
|
|
line-height: 90upx;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #7ae5bc;
|
|||
|
|
|
|||
|
|
font-size: 36upx;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sub_btn2 text {
|
|||
|
|
color: #ffffff;
|
|||
|
|
opacity: 0.7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.imgItem {
|
|||
|
|
width: 160upx;
|
|||
|
|
height: 160upx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
background-color: #f7f8fa;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uploader__preview {
|
|||
|
|
position: relative;
|
|||
|
|
margin: 0 8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.card-box {
|
|||
|
|
padding: 24upx;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.required {
|
|||
|
|
color: #FB8107;
|
|||
|
|
font-size: 40upx;
|
|||
|
|
}
|