样式修改
parent
180f85c5de
commit
1ff2f46247
@ -1,421 +1,416 @@
|
||||
page {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.mb16 {
|
||||
margin-bottom: 32rpx;
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
|
||||
.lefticon {
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.p13 {
|
||||
padding: 26rpx;
|
||||
padding: 26rpx;
|
||||
}
|
||||
|
||||
.mw-labe {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.iconOut {
|
||||
font-size: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 20px;
|
||||
line-height: 1;
|
||||
font-size: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.iconOutTop {
|
||||
|
||||
width: 56px;
|
||||
border-radius: 50%;
|
||||
height: 56px;
|
||||
margin-right: 16px;
|
||||
/* margin-left: 20px; */
|
||||
overflow: hidden;
|
||||
width: 56px;
|
||||
border-radius: 50%;
|
||||
height: 56px;
|
||||
margin-right: 16px;
|
||||
/* margin-left: 20px; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.noLogin {
|
||||
width: 84px;
|
||||
border-radius: 50%;
|
||||
height: 84px;
|
||||
margin-left: calc(50vw - 42px);
|
||||
overflow: hidden;
|
||||
width: 84px;
|
||||
border-radius: 50%;
|
||||
height: 84px;
|
||||
margin-left: calc(50vw - 42px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.f20.mw-labe .flex-1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.f20.mw-labe text {
|
||||
color: #333;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
color: #333;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.show-image {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
/* margin-right: 32rpx; */
|
||||
/*padding-top: 18rpx;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
/* margin-right: 32rpx; */
|
||||
/*padding-top: 18rpx;
|
||||
padding-bottom: 18rpx;*/
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
/* position: absolute; */
|
||||
/* bottom: 0; */
|
||||
/* left: 0; */
|
||||
z-index: 10;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 40rpx;
|
||||
margin-left: 40rpx;
|
||||
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
/* position: absolute; */
|
||||
/* bottom: 0; */
|
||||
/* left: 0; */
|
||||
z-index: 10;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 40rpx;
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.new-top {
|
||||
background-color: transparent;
|
||||
padding: 20px 40rpx 0 40rpx;
|
||||
z-index: -1;
|
||||
position: relative;
|
||||
font-size: 40rpx;
|
||||
padding-left: 0;
|
||||
/* align-items:flex-end;
|
||||
background-color: transparent;
|
||||
padding: 20px 40rpx 0 40rpx;
|
||||
z-index: -1;
|
||||
position: relative;
|
||||
font-size: 40rpx;
|
||||
padding-left: 0;
|
||||
/* align-items:flex-end;
|
||||
display:flex; */
|
||||
}
|
||||
|
||||
.meTop {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 20px;
|
||||
padding-right: 20px;
|
||||
/* height: 116px; */
|
||||
background-color: #027AFF;
|
||||
/* display: flex; */
|
||||
padding-top: 10px;
|
||||
padding-bottom: 20px;
|
||||
padding-right: 20px;
|
||||
/* height: 116px; */
|
||||
background-color: #027aff;
|
||||
/* display: flex; */
|
||||
}
|
||||
|
||||
.weui-btn_primary {
|
||||
width: 260px;
|
||||
height: 50px;
|
||||
opacity: 1;
|
||||
background: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
line-height: 50px;
|
||||
|
||||
width: 260px;
|
||||
height: 50px;
|
||||
opacity: 1;
|
||||
background: #027aff;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.hover-btn.weui-btn_primary:active,
|
||||
.hover-btn.weui-btn_primary:focus,
|
||||
.hover-btn {
|
||||
background-color: #027AFF;
|
||||
opacity: 0.8;
|
||||
background-color: #027aff;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.f20 {
|
||||
font-size: 20px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.fakeBtn {
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
/* border-top-right-radius: 4px;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
/* border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px; */
|
||||
line-height: 40px;
|
||||
background-color: #fff;
|
||||
line-height: 40px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.hcb {
|
||||
background-color: #f2f2f2;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.p020 {
|
||||
padding: 0 20px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.p200 {
|
||||
padding: 20px 0px;
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
.lineT {
|
||||
height: 1px;
|
||||
width: calc(100vw - 40px);
|
||||
margin: 0 auto;
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
height: 1px;
|
||||
width: calc(100vw - 40px);
|
||||
margin: 0 auto;
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.p10 {
|
||||
padding: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.rightXYY {
|
||||
line-height: 1;
|
||||
color: #999;
|
||||
display: block;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
line-height: 1;
|
||||
color: #999;
|
||||
display: block;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.pft {
|
||||
position: relative;
|
||||
top: -40px;
|
||||
position: relative;
|
||||
top: -40px;
|
||||
}
|
||||
|
||||
.meTop0 {
|
||||
padding: 10px;
|
||||
/* padding-top: 20px; */
|
||||
/* height: 136px; */
|
||||
/* padding-bottom: 10px; */
|
||||
/* padding-right: 20px; */
|
||||
/* background-color: #027AFF; */
|
||||
/* display: flex; */
|
||||
padding: 10px;
|
||||
/* padding-top: 20px; */
|
||||
/* height: 136px; */
|
||||
/* padding-bottom: 10px; */
|
||||
/* padding-right: 20px; */
|
||||
/* background-color: #027AFF; */
|
||||
/* display: flex; */
|
||||
}
|
||||
|
||||
.yeView {
|
||||
height: 76px;
|
||||
padding: 0 20px;
|
||||
opacity: 1;
|
||||
background: linear-gradient(239deg, #3b415b 5%, #191e30 58%);
|
||||
border-radius: 12px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
height: 76px;
|
||||
padding: 0 20px;
|
||||
opacity: 1;
|
||||
background: linear-gradient(239deg, #3b415b 5%, #191e30 58%);
|
||||
border-radius: 12px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.hMoney {
|
||||
font-size: 24px;
|
||||
font-weight: 601;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
line-height: 33px;
|
||||
font-size: 24px;
|
||||
font-weight: 601;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
line-height: 33px;
|
||||
}
|
||||
|
||||
.hText {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #cccccc;
|
||||
line-height: 17px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #cccccc;
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
.hbtn {
|
||||
width: 91px;
|
||||
height: 34px;
|
||||
background: #027AFF;
|
||||
border-radius: 17px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
line-height: 34px;
|
||||
width: 91px;
|
||||
height: 34px;
|
||||
background: #027aff;
|
||||
border-radius: 17px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.weui-dialog__title {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.weui-dialog__bd {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #787878;
|
||||
line-height: 22px;
|
||||
margin-bottom: 20px;
|
||||
/* border-bottom: 1rpx solid #e2e2e2; */
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #787878;
|
||||
line-height: 22px;
|
||||
margin-bottom: 20px;
|
||||
/* border-bottom: 1rpx solid #e2e2e2; */
|
||||
}
|
||||
|
||||
.weui-dialog__bd view {
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
border-bottom: 1rpx solid #e2e2e2;
|
||||
border-bottom: 1rpx solid #e2e2e2;
|
||||
}
|
||||
|
||||
.weui-dialog__hd {
|
||||
padding: 32px 24px 20px;
|
||||
padding: 32px 24px 20px;
|
||||
}
|
||||
|
||||
.lflex {
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
text-align: center;
|
||||
color: #027AFF;
|
||||
line-height: 28px;
|
||||
/* margin-top: 7px; */
|
||||
padding: 0 10px 0 30px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
text-align: center;
|
||||
color: #027aff;
|
||||
line-height: 28px;
|
||||
/* margin-top: 7px; */
|
||||
padding: 0 10px 0 30px;
|
||||
}
|
||||
|
||||
.rflex {
|
||||
flex: 1;
|
||||
padding: 0 30px 0 10px;
|
||||
flex: 1;
|
||||
padding: 0 30px 0 10px;
|
||||
}
|
||||
|
||||
.rflex button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 40px;
|
||||
opacity: 1;
|
||||
background: #027AFF;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: 40px;
|
||||
opacity: 1;
|
||||
background: #027aff;
|
||||
border-radius: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 601;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.userName {
|
||||
font-size: 22px;
|
||||
color: #333;
|
||||
line-height: 22px;
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
color: #333;
|
||||
line-height: 22px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.jifen {
|
||||
margin-left: 8px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
border: 1px solid #eeeeee;
|
||||
border-radius: 9px;
|
||||
padding: 0px 8px;
|
||||
margin-left: 8px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
border: 1px solid #eeeeee;
|
||||
border-radius: 9px;
|
||||
padding: 0px 8px;
|
||||
}
|
||||
|
||||
.opaTel {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 14px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.opaTelSmall {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #8c8c8c;
|
||||
line-height: 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #8c8c8c;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
|
||||
.meTitle {
|
||||
font-size: 16px;
|
||||
/* font-weight: 601; */
|
||||
color: #333333;
|
||||
line-height: 24px;
|
||||
font-size: 16px;
|
||||
/* font-weight: 601; */
|
||||
color: #333333;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.meIcon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 10px auto;
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 10px auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.iconOutTopSmall {
|
||||
margin-left: 0;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
margin-right: 12px;
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
margin-right: 12px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.makePhone {
|
||||
width: 78px;
|
||||
height: 26px;
|
||||
text-align: center;
|
||||
border: 1px solid #1f7fef;
|
||||
border-radius: 14px;
|
||||
font-size: 14px;
|
||||
color: #1f7fef;
|
||||
line-height: 26px;
|
||||
width: 78px;
|
||||
height: 26px;
|
||||
text-align: center;
|
||||
border: 1px solid var(--color-yc);
|
||||
border-radius: 14px;
|
||||
font-size: 14px;
|
||||
color: var(--color-yc);
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.khjl {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
background-color: #1f7fef;
|
||||
border-radius: 10px;
|
||||
font-size: 10px;
|
||||
color: #ffffff;
|
||||
line-height: 13px;
|
||||
}
|
||||
.cf{
|
||||
color: #fff !important;
|
||||
}
|
||||
.moneyView{
|
||||
padding:12px 12px 12px 20px;
|
||||
background-color: #027AFF;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.moneyText{
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
line-height: 20px;
|
||||
}
|
||||
.moneyM{
|
||||
flex: 1;
|
||||
font-size: 26px;
|
||||
color: #ffffff;
|
||||
line-height: 30px;
|
||||
}
|
||||
.moneyCash{
|
||||
width: 44px;
|
||||
height: 20px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
.moneyCashBtn{
|
||||
width: 44px;
|
||||
height: 22px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.myService{
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.myService .flex-1{
|
||||
min-width: 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
.flex-right{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
background-color: var(--color-yc);
|
||||
border-radius: 10px;
|
||||
font-size: 10px;
|
||||
color: #ffffff;
|
||||
line-height: 13px;
|
||||
}
|
||||
.cf {
|
||||
color: #fff !important;
|
||||
}
|
||||
.moneyView {
|
||||
padding: 12px 12px 12px 20px;
|
||||
background-color: var(--color-yc);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.moneyText {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
line-height: 20px;
|
||||
}
|
||||
.moneyM {
|
||||
flex: 1;
|
||||
font-size: 26px;
|
||||
color: #ffffff;
|
||||
line-height: 30px;
|
||||
}
|
||||
.moneyCash {
|
||||
width: 44px;
|
||||
height: 20px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
.moneyCashBtn {
|
||||
width: 44px;
|
||||
height: 22px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.myService {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.myService .flex-1 {
|
||||
min-width: 25%;
|
||||
max-width: 25%;
|
||||
}
|
||||
.flex-right {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
@font-face {
|
||||
font-family: "yicaifont"; /* Project id 4193532 */
|
||||
src: url('//at.alicdn.com/t/c/font_4193532_28ujkykwzim.woff2?t=1690946695087') format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_4193532_28ujkykwzim.woff?t=1690946695087') format('woff'),
|
||||
url('//at.alicdn.com/t/c/font_4193532_28ujkykwzim.ttf?t=1690946695087') format('truetype');
|
||||
}
|
||||
|
||||
.yicaifont {
|
||||
font-family: "yicaifont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-jianli-outer:before {
|
||||
content: "\e8ca";
|
||||
}
|
||||
|
||||
.icon-jianli-inner:before {
|
||||
content: "\e8cb";
|
||||
}
|
||||
Loading…
Reference in New Issue