更新小程序仓库
This commit is contained in:
zoujiandong
@@ -0,0 +1,636 @@
|
||||
.container {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
|
||||
.safetytips-box {
|
||||
background: rgba(255, 149, 0, 0.1);
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.safetytips {
|
||||
font-family: 'PingFang SC';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
line-height: 36rpx;
|
||||
text-align: justify;
|
||||
color: #FF8C39;
|
||||
}
|
||||
|
||||
.report {
|
||||
float: right;
|
||||
color: #006EFF;
|
||||
}
|
||||
|
||||
.tui-navigatorbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 750rpx;
|
||||
height: 172rpx;
|
||||
background: rgba(237, 237, 237, 0.9);
|
||||
backdrop-filter: blur(20px);
|
||||
}
|
||||
.tui-navigatorbar-back {
|
||||
position: absolute;
|
||||
width: 30rpx;
|
||||
height: 60rpx;
|
||||
left:0rpx;
|
||||
padding-left:40rpx;
|
||||
padding-right:40rpx;
|
||||
bottom: 15rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tui-chatroom-navigatorbar {
|
||||
position: relative;
|
||||
/*top: 0;*/
|
||||
flex-shrink: 0;
|
||||
width: 750rpx;
|
||||
height: 176rpx;
|
||||
|
||||
}
|
||||
|
||||
.tui-chatroom-navigatorbar-back {
|
||||
position: absolute;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
left: 24rpx;
|
||||
bottom: 15rpx;
|
||||
}
|
||||
|
||||
.conversation-title {
|
||||
position: absolute;
|
||||
width: 350rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
font-size: 36rpx;
|
||||
color: #000;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
bottom: 0;
|
||||
left:50%;
|
||||
text-align: center;
|
||||
transform: translateX(-50%);
|
||||
|
||||
}
|
||||
.list-box{
|
||||
width: 100vw;
|
||||
flex:1;
|
||||
margin-top: 172rpx;
|
||||
|
||||
}
|
||||
.list-box.nobottom{
|
||||
margin-bottom: 300rpx;
|
||||
}
|
||||
/* 旧样式 */
|
||||
/* .list-box {
|
||||
position: absolute;
|
||||
width: 100vw;
|
||||
height: calc(100vh - 250px);
|
||||
top: 172rpx;
|
||||
}
|
||||
.list-box.nobottom{
|
||||
background-color: red;
|
||||
height: calc(100vh - 172rpx);
|
||||
} */
|
||||
.list-box-notips {
|
||||
height: calc(100vh - 284px);
|
||||
}
|
||||
|
||||
.list-box-group {
|
||||
background:blue;
|
||||
height: calc(100vh - 248px);
|
||||
top: 254rpx;
|
||||
}
|
||||
|
||||
.list-box-group-notips {
|
||||
background:red;
|
||||
height: calc(100vh - 320px) !important;
|
||||
top: 246rpx;
|
||||
}
|
||||
.input-area{
|
||||
height:auto;
|
||||
}
|
||||
/* 旧样式 */
|
||||
/* .input-area {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
} */
|
||||
|
||||
.message-list {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height:100%;
|
||||
}
|
||||
.mylist{
|
||||
position: absolute;
|
||||
top:94rpx;
|
||||
width:100%;
|
||||
bottom: 0px;
|
||||
flex:1;
|
||||
}
|
||||
.message-input {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
padding-bottom: var(--padding);
|
||||
/* background-color: #F1F1F1; */
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calling {
|
||||
position: fixed;
|
||||
z-index: 199;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.group-profile {
|
||||
top: 151rpx;
|
||||
left: 0;
|
||||
z-index: 8;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.statusbox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
/* position: absolute;
|
||||
top: 172rpx; */
|
||||
align-items: center;
|
||||
z-index: 22;
|
||||
height: 94rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 10px 0px rgba(204, 204, 204, 0.5);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.statusbox .status {
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.statusbox .bar{
|
||||
margin:0 20rpx;
|
||||
}
|
||||
|
||||
.listwraper{
|
||||
border-bottom:1rpx solid #E7E7E7;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding:30rpx 0rpx 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.listwraper:last-child{
|
||||
border-bottom:none;
|
||||
}
|
||||
.statusbox .orderDetail{
|
||||
padding:0 20rpx;
|
||||
height: 60rpx;
|
||||
white-space: nowrap;
|
||||
background: #F8F8F8;
|
||||
margin-right: 32rpx;
|
||||
border-radius: 6rpx;
|
||||
transform: rotateZ(360deg);
|
||||
border: 1rpx solid rgba(5,5,5,0.1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 26rpx;
|
||||
color: #353535;
|
||||
}
|
||||
.statusbox .red{
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color:rgba(239, 79, 32, 1);
|
||||
}
|
||||
.circle {
|
||||
margin-left: 32rpx;
|
||||
margin-right: 16rpx;
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
background: #2FCED7;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.statusbox .desc{
|
||||
display: flex;
|
||||
align-items:baseline;
|
||||
}
|
||||
.statusbox .item{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.statusdesc {
|
||||
height: 94rpx;
|
||||
line-height: 94rpx;
|
||||
margin-right: 32rpx;
|
||||
white-space: nowrap;
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.headbox {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
z-index: 222;
|
||||
bottom: 410rpx;
|
||||
width: 140rpx;
|
||||
display: flex;
|
||||
|
||||
align-items: center;
|
||||
height: 160rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4rpx 10rpx 0rpx rgba(204, 204, 204, 0.5);
|
||||
border-radius: 20rpx 0px 0px 20rpx;
|
||||
}
|
||||
|
||||
.headbox .guanzhu {
|
||||
width: 100rpx;
|
||||
height: 40rpx;
|
||||
position: absolute;
|
||||
bottom: 15rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #3CC7C0;
|
||||
border-radius: 20rpx;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.headicon {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.headbox .close {
|
||||
top: -15rpx;
|
||||
left: -15rpx;
|
||||
position: absolute;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.help{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.functionbox {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
border: 1rpx solid #E7E7E7;
|
||||
}
|
||||
|
||||
.contact {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
line-height: 60rpx;
|
||||
justify-content: center;
|
||||
top: -62rpx;
|
||||
width: 128rpx;
|
||||
height: 66rpx;
|
||||
color: #333333;
|
||||
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABCCAYAAACfHt50AAACV0lEQVR4Xu3XvaoaQRjG8Vl3AxERBYOICAYRUmgK2cUy/Umq3EFuI5eQG8gNpEiRKkXgdKZfvwpTBWGJeECbTSFRIjuGTXGaQHDTTZ7/qU4xg7Pz/Hjfeb3pdHox/MnegJcDCMNQ9gKUP3w2mxkACAsAgHD4+acDAAC0AGUDVADl9GkB4ukDAAC0AHEDAAAAU4CyASqAcvo8AsXTBwAAaAHiBgAAAKYAZQNUAOX0eQSKpw8AANACxA0AAABMAcoGqADK6fMIFE8fAACgBYgbAAAAmAKUDVABlNPnESiePgAAQAsQNwAAADAFKBugAiinzyNQPH0AAIAWIG4AAABgClA2QAVQTp9HoHj6AAAALUDcAAAAwBSgbIAKoJw+j0Dx9AEAAFqAuAEAAIApQNkAFUA5fR6B4ukDAAC0AHED9wCGw+F/fRW+75sgCAp94/l8NtbaQntcW7xarX5PAV9dO3jR8wZB0O33+w8qlcpVW9M0NUmS/LDW3l21weFFnsNnv/rocRzf+L7/odfrVWq12l/37fd7s9ls7qy1L8bj8fLqH3F0oQSAPJvlcjnOsuxTt9t91Gg0/ojrcrmY7XZrdrvdF2PM8yiKvjmaaaFjywDIbyWO4yelUum23W4/brVa9xeV9/okSUyapp993385Go2+F7pFhxdLAchzms/nbWvtbbPZfNrpdEyWZWa9XpvD4fC+XC6/GgwGPx3Os/DR5QDkN7RYLOrW2o/1ev3Z8Xg0p9PpTRiGrz3PuxS+Qcc3SALIM5tMJg+r1eq7/N8oit46nuM/H/8XJ/zgYgJgSv4AAAAASUVORK5CYII=) no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
.contactCustom{
|
||||
display: flex;
|
||||
line-height: 60rpx;
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
width:100%;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.infobox {
|
||||
position: relative;
|
||||
|
||||
z-index: 1;
|
||||
/* overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch; */
|
||||
margin-top: 40rpx;
|
||||
padding: 22rpx 20rpx 40rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.namebox .head {
|
||||
width: 80rpx;
|
||||
height:80rpx;
|
||||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.namebox .guanzhu image {
|
||||
width: 28rpx;
|
||||
height: 26rpx;
|
||||
}
|
||||
|
||||
.namebox {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.namewraper {
|
||||
max-width:530rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.namebox .row {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
|
||||
}
|
||||
|
||||
.namebox {
|
||||
display: flex;
|
||||
padding:0 52rpx;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.namebox .name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
.position {
|
||||
font-size: 30rpx;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
.doctor_title{
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.hospital {
|
||||
color: #333333;
|
||||
margin-top: 12rpx;
|
||||
font-size: 28rpx;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
.type {
|
||||
height: 32rpx;
|
||||
display: flex;
|
||||
margin-bottom: 6rpx;
|
||||
line-height: 32rpx;
|
||||
white-space: nowrap;
|
||||
align-items: center;
|
||||
margin-left: 18rpx;
|
||||
padding: 0rpx 6rpx;
|
||||
background: #ED9C00;
|
||||
border-radius: 4rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.namebox .position {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
margin-left: 15rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.descbox {
|
||||
padding: 0 15rpx;
|
||||
margin-top: 20rpx;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.descbox .number {
|
||||
color: #333333;
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.descbox .name {
|
||||
margin-top: 15rpx;
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.goodjob {
|
||||
color: #666666;
|
||||
margin-top: 38rpx;
|
||||
line-height: 42rpx;
|
||||
margin-left: 100rpx;
|
||||
font-size: 28rpx;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
|
||||
}
|
||||
.renzhenbox {
|
||||
margin-top: 18rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.renzhenbox view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.renzhen image {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
|
||||
.renzhen text {
|
||||
font-weight: 600;
|
||||
color: #3CC7C0;
|
||||
font-size: 24rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.intro image {
|
||||
width: 10rpx;
|
||||
height: 18rpx;
|
||||
}
|
||||
|
||||
.intro text {
|
||||
color: #333333;
|
||||
margin-right: 10rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.van-icon-cross{
|
||||
color:#333;
|
||||
|
||||
}
|
||||
.van-popup__close-icon{
|
||||
position: absolute!important;
|
||||
|
||||
}
|
||||
.van-popup--bottom
|
||||
.rowintro{
|
||||
margin-top: 30rpx;
|
||||
display: flex;
|
||||
color: #333333;
|
||||
font-size: 34rpx;
|
||||
align-items: center;
|
||||
}
|
||||
.rowintro image{
|
||||
width: 32rpx;
|
||||
height:35rpx;
|
||||
}
|
||||
.rowintro text{
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
.borderbox{
|
||||
position: relative;
|
||||
padding-bottom: 30rpx;
|
||||
margin:0 52rpx;
|
||||
border-bottom:1rpx solid #E7E7E7;
|
||||
}
|
||||
|
||||
.ellipsis{
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden
|
||||
}
|
||||
.goodat{
|
||||
display: flex
|
||||
}
|
||||
.mypop{
|
||||
box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
.consultwraper{
|
||||
overflow-y:scroll ;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.popwrper{
|
||||
top:0rpx;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
transition: height 0.5s;
|
||||
width:100%;
|
||||
overflow: hidden;
|
||||
height:100%;
|
||||
bottom:0px;
|
||||
}
|
||||
.close{
|
||||
z-index:9;
|
||||
width: 32rpx;
|
||||
height:32rpx;
|
||||
position: absolute;
|
||||
right:30rpx;
|
||||
top:30rpx;
|
||||
}
|
||||
.popname{
|
||||
margin-top: 45rpx;
|
||||
padding:20rpx 52rpx 0;
|
||||
font-size: 34rpx;
|
||||
color:#333;
|
||||
font-weight: 600;
|
||||
}
|
||||
.consultbox{
|
||||
margin-left: 100rpx;
|
||||
display: flex;
|
||||
margin-top: 20rpx;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.consultbox{
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.consultbox .btn{
|
||||
width: 160rpx;
|
||||
height: 60rpx;
|
||||
background: #3CC7C0;
|
||||
color:#fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.price{
|
||||
color:#EF4F20;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.viewwrap{
|
||||
border-bottom:1rpx solid #E7E7E7;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding:30rpx 0rpx 30rpx;
|
||||
margin:0 52rpx;
|
||||
display: flex;
|
||||
}
|
||||
.viewwrap .right{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.viewwrap .price{
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.viewwrap .name{
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #333333
|
||||
}
|
||||
.top{
|
||||
position: absolute;
|
||||
top:20rpx;
|
||||
width:100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding:20rpx 0;
|
||||
}
|
||||
.top .up{
|
||||
width:40rpx;
|
||||
height:22rpx;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.top .up.active{
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.leftimg{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.price .unit{
|
||||
color:#333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.zxicon{
|
||||
width:80rpx;
|
||||
height:80rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user