You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xzjl-ui/pages/home/me/indexx.wxss

557 lines
11 KiB

/* pages/home/me/indexx.wxss */
.xxt{
position: absolute;
width: 530rpx;
height: 642rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/xxt.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.txk{
margin-left: 64rpx;
margin-top: 208rpx;
position: absolute;
width: 140rpx;
height: 140rpx;
display: flex;
flex-direction: column;
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.txkx{
margin-left: 86rpx;
margin-top: 242rpx;
position: absolute;
width: 98rpx;
height: 72rpx;
display: flex;
flex-direction: column;
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.nickname{
position: absolute;
margin-left: 236rpx;
margin-top: 252rpx;
width: 252rpx;
height: 52rpx;
line-height: 52rpx;
color: rgba(108, 108, 108, 1);
font-size: 36rpx;
text-align: left;
font-family: SourceHanSansSC-medium;
}
.hybs{
position: absolute;
left: 562rpx;
top: 208rpx;
width: 100rpx;
height: 100rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/hy.png);
}
.unhybs{
position: absolute;
left: 562rpx;
top: 208rpx;
width: 100rpx;
height: 100rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/unhy.png);
}
.hydqr{
position: absolute;
left: 534rpx;
top: 312rpx;
width: 160rpx;
height: 36rpx;
color: rgba(248, 105, 50, 1);
font-size: 24rpx;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.gnk{
position: absolute;
top: 412rpx;
left: 32rpx;
width: 686rpx;
height: 234rpx;
line-height: 52rpx;
border-radius: 20rpx;
background-color: rgba(255, 255, 255, 1);
color: rgba(16, 16, 16, 1);
font-size: 26rpx;
text-align: center;
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.2);
font-family: Arial;
}
.circle{
position: absolute;
width: 90rpx;
height: 90rpx;
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
color: rgba(16, 16, 16, 1);
font-size: 24rpx;
font-family: Arial;
border-radius: 50%;
margin-top:42rpx;
}
.sx{
position: absolute;
margin-left: 424rpx;
margin-top: 60rpx;
width: 2rpx;
height: 114rpx;
background-color:#BBBBBB;
border-radius: 0 50% 0 50%;
}
.k1{
margin-left:68rpx;
}
.k2{
margin-left:254rpx;
}
.k3{
margin-left:512rpx;
}
.sms{
position: absolute;
width: 54rpx;
height: 54rpx;
margin: 18rpx 18rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/sms.png);
}
.sq{
position: absolute;
width: 54rpx;
height: 54rpx;
margin: 18rpx 18rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/sq.png);
}
.sb{
position: absolute;
width: 30rpx;
height: 66rpx;
margin: 14rpx 30rpx ;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://wish-assets.windymuse.com.cn/xy/sb.png);
}
.smst{
position: absolute;
left: 69rpx;
top: 152rpx;
width: 420rpx;
height: 42rpx;
color: rgba(108, 108, 108, 1);
font-size: 28rpx;
text-align: left;
}
.wdsbt{
position: absolute;
left: 244rpx;
top: 152rpx;
width: 420rpx;
height: 42rpx;
color: rgba(108, 108, 108, 1);
font-size: 28rpx;
text-align: left;
}
.jrsqt{
position: absolute;
left: 500rpx;
top: 152rpx;
width: 420rpx;
height: 42rpx;
color: rgba(108, 108, 108, 1);
font-size: 28rpx;
text-align: left;
}
.mycell{
position: absolute;
margin-top: 720rpx;
width:100%;
}
.scroll {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.mycelltext{
margin-left: 30rpx;
color: rgba(108, 108, 108, 1);
font-size: 32rpx;
font-family: SourceHanSansSC-regular;
}
.meempty{
width:750rpx;
height:60rpx;
}
.avatar{
margin-left: 67rpx!important;
margin-top: 211rpx!important;
position: absolute!important;
width: 140rpx!important;
height: 140rpx!important;
display: flex!important;
flex-direction: column!important;
border-radius: 50%;
box-sizing: border-box;
}
.bdsjh{
width:660rpx;
height:786rpx;
padding: 96rpx 64rpx;
box-sizing: border-box;
border-radius: 30rpx;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
}
.bdsjhm1{
color: #333333;
font-weight: 700;
font-size: 36rpx;
text-align: left;
}
.bdsjhm2{
margin-top: 8rpx;
color: rgba(154, 154, 154, 1);
font-size: 28rpx;
text-align: left;
}
.qxSjh{
width: 210rpx;
height: 70rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
border: 6rpx solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
.wcSjh{
width: 210rpx;
height: 70rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
border: 6rpx solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
.sjhm1{
margin-top: 86rpx;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
text-align: left;
}
.yzm1{
margin-top: 36rpx;
color: rgba(102, 102, 102, 1);
font-size: 24rpx;
text-align: left;
}
.t-input{
padding: 0!important;
margin: 0!important;
padding-bottom: 10rpx!important;
}
.input-example{
padding-bottom: 10rpx!important;
}
.sjhminput1{
margin-top: 14rpx;
padding: 0!important;
--td-input-border-color: rgba(75, 75, 75, 1);
--td-input-border-color: rgba(255, 255, 255, 1);
--td-input-default-text-color: rgba(248, 99, 42, 1);
}
.sjhbkx{
width: 532rpx;
border: 2rpx solid rgba(248, 99, 42, 1);
}
.yzmbkx{
width: 532rpx;
border: 2rpx solid rgba(237, 238, 242, 1);
}
.sjhminput2{
position: relative;
margin-top: 14rpx;
padding: 0!important;
--td-input-border-color: rgba(75, 75, 75, 1);
--td-input-border-color: rgba(255, 255, 255, 1);
}
.cxhq{
position: absolute;
top: 10rpx;
right: 0;
color: rgba(248, 99, 42, 1);
font-size: 24rpx;
text-align: left;
z-index: 1;
}
.bdsjhVisible {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
}
.bdsjh-btn {
width: 100%;
margin-top: 96rpx;
display: flex;
justify-content: space-between;
}
.bd-success {
width: 586rpx;
height: 434rpx;
line-height: 40rpx;
border-radius: 30rpx;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
}
.bd-success-text {
margin-top: 122rpx;
width: 100%;
height: 110rpx;
}
.bd-success-text .text1 {
color: rgba(79, 79, 79, 1);
font-size: 36rpx;
}
.bd-success-text .text2 {
margin-top: 16rpx;
color: rgba(248, 99, 42, 1);
font-size: 28rpx;
}
.bd-success-btn {
width: 100%;
display: flex;
justify-content: center;
}
.bd-success-btn .btn {
margin-top: 86rpx;
width: 210rpx;
height: 70rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
border: 6rpx solid rgba(255, 255, 255, 1);
box-sizing: border-box;
color: #fff;
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
.phoneCode {
width: 60%;
}
.exist-phone {
width: 660rpx;
height: 786rpx;
line-height: 40rpx;
border-radius: 30rpx;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
}
.exist-phone-text1 {
margin-top: 96rpx;
color: #333333;
font-size: 36rpx;
}
.exist-phone-text2 {
margin-top: 38rpx;
color: rgba(154, 154, 154, 1);
font-size: 28rpx;
}
.exist-phone-text3 {
margin-top: 10rpx;
color: rgba(154, 154, 154, 1);
font-size: 28rpx;
margin-bottom: 136rpx;
}
.exist-phone-text4 {
margin-top: 96rpx;
color: rgba(248, 99, 42, 1);
font-size: 32rpx;
}
.exist-phone-text5 {
margin-top: 20rpx;
color: rgba(248, 99, 42, 1);
font-size: 32rpx;
}
.exist-phone-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.exist-phone-btn .btn {
width: 300rpx;
height: 70rpx;
margin-bottom: 32rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
border: 6rpx solid rgba(255, 255, 255, 1);
box-sizing: border-box;
color: #fff;
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
.exist-btn {
width: 100%;
margin-top: 96rpx;
display: flex;
justify-content: space-around;
align-items: center;
}
.exist-btn .btn {
width: 210rpx;
height: 70rpx;
margin-bottom: 32rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
border: 6rpx solid rgba(255, 255, 255, 1);
box-sizing: border-box;
color: #fff;
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
.logout {
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
}
.logout-box {
margin-top: 544rpx;
width: 586rpx;
height: 434rpx;
border-radius: 30rpx;
background-color: rgba(255, 255, 255, 1);
color: rgba(16, 16, 16, 1);
font-size: 28rpx;
text-align: center;
box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
}
.logout-box-text {
width: 100%;
height: 318rpx;
color: rgba(108, 108, 108, 1);
font-size: 36rpx;
display: flex;
align-items: center;
justify-content: center;
}
.logout-box-btn {
width: 100%;
height: 70rpx;
display: flex;
justify-content: space-around;
}
.logout-box-btn .btn {
width: 210rpx;
height: 70rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
border: 6rpx solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
font-size: 28rpx;
display: flex;
justify-content: center;
align-items: center;
}