dongge
/
xzjl-ui
forked from lsl/xzjl-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5d41aaa4a6'
${ noResults }
xzjl-ui/pages/home/jl/index.wxss

932 lines
19 KiB
Raw Blame History

/* pages/home/jl/index.wxss */
.tx{
position:absolute;
width:72rpx;
height:72rpx;
margin-top:142.67rpx;
margin-left:249.33rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/tx.png);
}
.txtext{
position:absolute;
width:772rpx;
height:72rpx;
line-height:72rpx;
color: #9a9a9a;
margin-top:142.67rpx;
margin-left:338rpx;
}
.dcleft{
position:absolute;
width:116.67rpx;
height:116.67rpx;
margin-left: 122rpx;
margin-top:1232rpx;
}
.dcleft1{
position:absolute;
}
.t-progress__canvas--circle{
width:125.67rpx!important;
height:125.67rpx !important;
}
.dcright{
position:absolute;
width: 100rpx;
height: 100rpx;
margin-left: 528rpx;
margin-top: 1240rpx;
/* background-color: #f76229; */
border-radius: 58.335rpx;
z-index: 1;
}
.dclefttxt{
position:absolute;
width:116.67rpx;
height:116.67rpx;
margin-left: 122rpx;
margin-top:1365.33rpx;
text-align: center;
color: #9a9a9a;
font-size: 27rpx;
}
.dcrighttxt{
position:absolute;
width:116.67rpx;
height:116.67rpx;
margin-left: 520rpx;
margin-top:1365.33rpx;
text-align: center;
color: #9a9a9a;
font-size: 27rpx;
}
.dcrightwjx{
position:absolute;
width:68rpx;
height:78.67rpx;
margin-left: 18rpx;
margin-top: 14rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/wjx.png);
}
.dchx{
position:absolute;
width:200rpx;
height:16rpx;
margin-top:1282rpx;
margin-left: 275.33rpx;
}
.dchxtxt{
position:absolute;
width:200rpx;
height:16rpx;
margin-top:1320.67rpx;
margin-left: 275.33rpx;
text-align: center;
color: #f76229;
font-size: 27rpx;
}
.dcbs{
position:absolute;
width:62.67rpx;
height:72rpx;
margin-top:26.30rpx;
margin-left: 29.33rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/bs.png);
}
.gh{
position:absolute;
width:750rpx;
height:182rpx;
margin-top:1070.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/gh.png);
}
.call{
margin: 0;
padding: 0;
width:750rpx;
height:1624rpx!important;
overflow: hidden;
padding: 0!important;
margin: 0!important;
}
.call1{
margin-top:-50rpx;
padding: 0!important;
width:750rpx;
height:1624rpx;
overflow: hidden;
}
.dcrightql{
position:absolute;
width:116.67rpx;
height:116.67rpx;
margin-left: 520rpx;
margin-top:1232rpx;
border-radius: 58.335rpx;
}
.dcrightql1{
position:absolute;
}
.dcrbs{
position:absolute;
width:62.67rpx;
height:72rpx;
margin-top:29.30rpx;
margin-left: 32.33rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/rbs.png);
}
.lovepic{
position: absolute;
width:290rpx;
height:50.67rpx;
margin-top:1264.67rpx;
margin-left:235.33rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/pulse.png);
}
.dchxtxtql{
position:absolute;
width:200rpx;
height:16rpx;
margin-top:1320.67rpx;
margin-left: 275.33rpx;
text-align: center;
color: #9a9a9a;
font-size: 27rpx;
}
.txl{
position:absolute;
width:72rpx;
height:72rpx;
margin-top:142.67rpx;
margin-left:218rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/tx.png);
}
.txl-qd {
position: absolute;
left: 80rpx;
margin-left:0;
}
.txr{
position:absolute;
width:72rpx;
height:72rpx;
margin-top:142.67rpx;
margin-left:400.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/tx.png);
}
.txr-qd {
position: absolute;
right: 80rpx;
}
.txtextl{
position:absolute;
width:166rpx;
height:72rpx;
line-height:72rpx;
color: #9a9a9a;
margin-top:142.67rpx;
margin-left:36rpx;
font-size: 27rpx;
text-align: right;
}
.txtextl-qd{
position: absolute;
top: 130rpx;
left: 154rpx;
width: 444rpx;
height: 90rpx;
display: flex;
align-items: center;
}
.text-qd {
width: 360rpx;
color: rgba(108, 108, 108, 1);
font-size: 14px;
}
.text-qd .top {
color: #DE868F;
}
.text-qd view {
display: flex;
justify-content: center;
align-items: center;
}
.jiuchan{
position: absolute;
width:47.33rpx;
height:26rpx;
margin-top: 169.33rpx;
margin-left: 322.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/jiuchan.png);
}
.txtextr{
position:absolute;
width:772rpx;
height:72rpx;
line-height:72rpx;
color: #9a9a9a;
margin-top:142.67rpx;
margin-left:493.33rpx;
font-size: 27rpx;
}
.bkg3{
position: absolute;
width:47.33rpx;
height:26rpx;
margin-top: 169.33rpx;
margin-left: 322.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/bkg3.png);
}
.xxt{
position: absolute;
width:326.67rpx;
height:771.33rpx;
margin-top: 326.67rpx;
margin-left: 212rpx;
background-repeat: no-repeat;
background-size:100% 100%;
/* background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/szn.png); */
}
.xxt image {
width: 100%;
height: 100%;
}
.yan1{
position: absolute;
width:114rpx;
height:116.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 837.33rpx;
margin-left:118.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.yan2{
position: absolute;
width:114rpx;
height:116.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 837.33rpx;
margin-left:318rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.yan3{
position: absolute;
width:114rpx;
height:116.67rpx;
margin-top: 837.33rpx;
margin-left:517.33rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.bkg1{
position: absolute;
width:684.67rpx;
height:988rpx;
margin-top: 169.33rpx;
margin-left:46rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/bkg1.png);
}
.bkg3{
position: absolute;
width:660rpx;
height:952rpx;
margin-top: 205.33rpx;
margin-left:42rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/bkg3.png);
}
.yan11{
position: absolute;
width:46.67rpx;
height:46.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 33.33rpx;
margin-left:34.33rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/paw.png);
}
.yan12{
position: absolute;
width:46.67rpx;
height:46.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 33.33rpx;
margin-left:34.33rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/male.png);
}
.yan13{
position: absolute;
width:46.67rpx;
height:46.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 33.33rpx;
margin-left:34.33rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/female.png);
}
.xxtl{
position: absolute;
width:326.67rpx;
height:771.33rpx;
margin-top: 326.67rpx;
margin-left: 88rpx;
background-repeat: no-repeat;
background-size:100% 100%;
/* background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/szn.png); */
}
.xxtl image {
width: 100%;
height: 100%;
}
.xxtr{
position: absolute;
width:323.33rpx;
height:787.33rpx;
margin-top: 308.67rpx;
margin-left: 355.33rpx;
background-repeat: no-repeat;
background-size:100% 100%;
/* background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/xxtr.png); */
}
.xxtr image {
width: 100%;
height: 100%;
}
.yanql1{
position: absolute;
width:114rpx;
height:116.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 492rpx;
margin-left:86.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.yanql2{
position: absolute;
width:114rpx;
height:116.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 663.33rpx;
margin-left:38.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.yanql4{
position: absolute;
width:114rpx;
height:116.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 492rpx;
margin-left:550.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.yanql5{
position: absolute;
width:114rpx;
height:116.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
margin-top: 663.33rpx;
margin-left:598rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.xxtq{
position: absolute;
width:326.67rpx;
height:771.33rpx;
margin-top: 326.67rpx;
margin-left: 212rpx;
background-repeat: no-repeat;
background-size:100% 100%;
/* background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/xxtr.png); */
}
.xxtq image{
width: 100%;
height: 100%;
}
.k1{
position: absolute;
width:116rpx;
height:116rpx;
line-height:116rpx;
text-align: center;
margin-top: 1232.67rpx;
margin-left: 114.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/circle.png);
color: rgba(248, 99, 42, 1);
font-size: 36px;
font-family: SourceHanSansSC-regular;
}
.k2{
position: absolute;
width:116rpx;
height:116rpx;
margin-top: 1232.67rpx;
margin-left: 318rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yan.png);
}
.k3{
position: absolute;
width:116rpx;
height:116rpx;
line-height:116rpx;
text-align: center;
margin-top: 1232.67rpx;
margin-left: 520.67rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/circle.png);
color: rgba(108, 108, 108, 1);
font-size: 16px;
}
.k11{
position: absolute;
width:46rpx;
height:46rpx;
margin-top: 34rpx;
margin-left: 36rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/yst.png);
}
.ktext1{
position: absolute;
width:116rpx;
height:116rpx;
margin-top: 1366rpx;
margin-left: 114.67rpx;
text-align: center;
color: #9a9a9a;
font-size: 27rpx;
}
.ktext2{
position: absolute;
width:116rpx;
height:116rpx;
margin-top: 1366rpx;
margin-left: 318rpx;
text-align: center;
color: #9a9a9a;
font-size: 27rpx;
}
.ktext3{
position: absolute;
width:116rpx;
height:116rpx;
margin-top: 1366rpx;
margin-left: 520.67rpx;
text-align: center;
color: #9a9a9a;
font-size: 27rpx;
}
.ttpopup{
width: 659.33rpx;
height:804rpx;
background:rgba(255, 255, 255, 0.9);
border-radius: 36rpx;
}
.ztys{
position: absolute;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
left: 46rpx;
top:98rpx;
width: 284px;
height: 159px;
line-height: 50rpx;
color: rgba(108, 108, 108, 1);
font-size: 16px;
}
.jkzs{
position: absolute;
width: 111.33rpx;
height: 26.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:97.33rpx;
margin-top: 589.33rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/jkzs.png);
}
.aqzs{
position: absolute;
width: 111.33rpx;
height: 26.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:97.33rpx;
margin-top: 653.33rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/aqzs.png);
}
.cyzs{
position: absolute;
width: 111.33rpx;
height: 26.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:97.33rpx;
margin-top: 717.33rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/cyzs.png);
}
.rjkzs{
position: absolute;
width: 311.33rpx;
height: 26.67rpx;
line-height: 26.67rpx;
display: flex;
flex-direction: column;
margin-left:279.33rpx;
margin-top: 580.33rpx;
}
.raqzs{
position: absolute;
width: 111.33rpx;
height: 26.67rpx;
line-height:26.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:279.33rpx;
margin-top: 644.33rpx;
}
.rcyzs{
position: absolute;
width: 111.33rpx;
height: 26.67rpx;
line-height:26.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:279.33rpx;
margin-top: 708.33rpx;
}
.jltxt{
position: absolute;
right: 0;
top: 504px;
width: 75px;
height: 35px;
line-height: 70rpx;
border-radius: 10px 0px 0px 10px;
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 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-medium;
}
.tips{
position: absolute;
left: 46rpx;
top: 36rpx;
width: 119px;
height: 18px;
color: rgba(248, 99, 42, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.ysfgx{
position: absolute;
left: 90rpx;
top: 486rpx;
width: 240px;
height: 11px;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/ysfgx.png);
}
/* 弹层 */
.pray {
display: flex;
justify-content: center;
}
.dialog {
position: absolute;
bottom: 500rpx;
width: 648rpx;
height: 484rpx;
padding: 50rpx;
z-index: 999;
box-sizing: border-box;
line-height: 20px;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.dialog-item {
display: flex;
justify-content: space-between;
margin-bottom: 38rpx;
}
.dialog-item textarea {
width: 400rpx;
height: 142rpx;
padding: 20rpx;
line-height: 40rpx;
box-sizing: border-box;
border-radius: 10px;
background-color: rgba(255, 255, 255, 1);
color: #9A9A9A;
font-size: 14px;
text-align: right;
border: 1px solid rgba(236, 236, 236, 1);
}
.dialog-item text {
padding-top: 16rpx;
color: #6C6C6C;
font-size: 16px;
text-align: center;
}
.dialog-item .duration {
width: 400rpx;
height: 80rpx;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 20rpx;
box-sizing: border-box;
border-radius: 10px;
color: rgba(154, 154, 154, 1);
font-size: 14px;
border: 1px solid rgba(236, 236, 236, 1);
}
.dialog-btn {
display: flex;
justify-content: center;
align-items: center;
}
.dialog-btn button {
width: 210rpx;
height: 70rpx;
border-radius: 10px;
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 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 14px;
}
.dialog-text {
height: 300rpx;
color: rgba(108, 108, 108, 1);
font-size: 18px;
text-align: center;
font-weight: 400;
padding-top: 60rpx;
box-sizing: border-box;
}
.dialog-text view {
margin-bottom: 30rpx;
}
.timing {
position: absolute;
bottom: 0;
width: 100%;
height: 434rpx;
padding: 0 28px;
z-index: 999;
line-height: 20px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
}
.timing .picker{
padding: 0 28px;
box-sizing: border-box;
}
.timing .timing-title {
height: 70rpx;
display: flex;
justify-content: center;
align-items: center;
color: #9A9A9A;
font-size: 14px;
border: 1px solid #F1F1F1;
}
.active {
background-color: #F1F1F1;
z-index: 0;
}
.picker-item {
display: flex;
align-items: center;
justify-content: center;
}
picker-view-column {
height: 364rpx;
}
.energy-success {
position: absolute;
top: 500rpx;
right: 30rpx;
width: 286rpx;
height: 160rpx;
opacity: 0.9;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
color: #6C6C6C;
font-size: 14px;
padding: 36rpx 0 0 20rpx;
box-sizing: border-box;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.energy-full {
position: absolute;
top: 500rpx;
right: 230rpx;
width: 286rpx;
height: 160rpx;
opacity: 0.9;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
color: #6C6C6C;
font-size: 14px;
padding: 18rpx 0 0 20rpx;
box-sizing: border-box;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.energy-complete {
position: absolute;
top: 500rpx;
right: 230rpx;
width: 336rpx;
height: 160rpx;
opacity: 0.9;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
color: #6C6C6C;
font-size: 14px;
padding: 36rpx 0 0 20rpx;
box-sizing: border-box;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
z-index: 999;
}
.in-energy {
position: absolute;
top: 500rpx;
right: 130rpx;
width: 484rpx;
height: 434rpx;
padding-top: 80rpx;
box-sizing: border-box;
font-size: 18px;
color: #6C6C6C;
border-radius: 15px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}
.in-energy .t-image {
width: 200rpx;
height: 200rpx;
}
.dcright1 {
position: absolute;
bottom: 270rpx;
right: 109rpx;
}
.dcright1 .t-progress__canvas--inner {
background-color: #f76229 !important;
}
Reference in new issue View Git Blame Copy Permalink