moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增房间柳树

Browse Source
This commit is contained in:
Dragon
2023-07-26 14:36:41 +08:00
parent 104c2a5ea9
commit fda137edd4
8 changed files with 270 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
view/peko/modules/myincome/static/js/3.9fd973fc82b8572762de.js
View File

File diff suppressed because one or more lines are too long

48
view/peko/modules/statistic/css/roomData.css
View File

@@ -9,22 +9,18 @@ body {
width: 10rem;
margin: 0 auto;
}
.max .room-data {
width: 100%;
height: 5.06667rem;
background: url("../images/serial.png");
background-size: 100% 100%;
height: 5.0666666667rem;
background: linear-gradient(0deg, rgba(90, 236, 250, 0.1) 0%, rgba(157, 180, 255, 0.6) 49%, #CF70FF 100%);
overflow: hidden;
}
.max .room-data p {
font-size: 0.4rem;
color: #fff;
margin-top: 0.42667rem;
margin-top: 0.4266666667rem;
margin-left: 1rem;
}
.max .room-data .time {
margin-top: 0.28rem;
display: flex;
@@ -32,50 +28,43 @@ body {
align-items: center;
color: #fff;
}
.max .room-data .time div {
color: #fff;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
background: rgba(255, 255, 255, 0.2);
text-align: center;
line-height: 0.8rem;
outline: none;
display: block;
width: 3.46667rem;
width: 3.4666666667rem;
height: 0.8rem;
border-radius: 0.4rem;
caret-color: transparent;
}
.max .room-data .time div#select_0 {
margin-right: 0.4rem;
}
.max .room-data .time div#select_1 {
margin-left: 0.4rem;
}
.max .tit {
width: 8.33333rem;
margin: -1.33333rem auto 0;
width: 8.3333333333rem;
margin: -1.3333333333rem auto 0;
}
.max .tit p {
font-size: 0.32rem;
color: #999;
color: #333;
line-height: 0.48rem;
}
.max .button {
margin: 4.53333rem auto 0;
margin: 4.5333333333rem auto 0;
font-size: 0.4rem;
line-height: 1.2rem;
width: 9.2rem;
border-radius: 0.6rem;
text-align: center;
color: #fff;
background-image: linear-gradient(left, #FFA936, #FFCB47);
background-image: -webkit-linear-gradient(left, #FFA936, #FFCB47);
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.toast {
@@ -139,10 +128,9 @@ body {
background: rgba(0, 0, 0, 0.5);
z-index: 111;
}
.pop1 .content {
width: 8.4rem;
height: 4.53333rem;
height: 4.5333333333rem;
background: #fff;
border-radius: 0.4rem;
position: absolute;
@@ -150,10 +138,9 @@ body {
left: 50%;
transform: translate(-50%, -50%);
}
.pop1 .content .message_ {
padding: 0.37333rem;
font-size: 0.42667rem;
padding: 0.3733333333rem;
font-size: 0.4266666667rem;
word-wrap: break-word;
word-break: break-all;
text-align: center;
@@ -161,9 +148,8 @@ body {
height: 2.4rem;
align-items: center;
justify-content: center;
line-height: 0.58667rem;
line-height: 0.5866666667rem;
}
.pop1 .content .butc {
display: flex;
position: absolute;
@@ -171,16 +157,16 @@ body {
width: 100%;
text-align: center;
}
.pop1 .content .butc .check1,
.pop1 .content .butc .cancel1 {
flex: 1;
line-height: 1.33333rem;
line-height: 1.3333333333rem;
font-size: 0.48rem;
color: #1989fa;
border-top: 1px solid #ebedf0;
}
.pop1 .content .butc .cancel1 {
display: none;
}
/*# sourceMappingURL=roomData.css.map */

12
view/peko/modules/statistic/css/roomData.scss
View File

@@ -18,8 +18,9 @@ body {
.room-data {
width: 100%;
height: px2rem(380);
background: url('../images/serial.png');
background-size: 100% 100%;
// background: url('../images/serial.png');
// background-size: 100% 100%;
background: linear-gradient(0deg, rgba(90, 236, 250, 0.1) 0%, rgba(157, 180, 255, 0.6) 49%, #CF70FF 100%);
overflow: hidden;
p {
@@ -67,7 +68,7 @@ body {
p {
font-size: px2rem(24);
color: #999;
color: #333;
line-height: px2rem(36);
}
}
@@ -80,8 +81,9 @@ body {
border-radius: px2rem(45);
text-align: center;
color: #fff;
background-image: linear-gradient(left, #FFA936, #FFCB47);
background-image: -webkit-linear-gradient(left, #FFA936, #FFCB47);
// background-image: linear-gradient(left, #FFA936, #FFCB47);
// background-image: -webkit-linear-gradient(left, #FFA936, #FFCB47);
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
}

141
view/peko/modules/statistic/css/serial.css
View File

@@ -13,265 +13,286 @@ body {
position: relative;
margin: 0 auto;
}
.max .starlet {
width: 100%;
height: 5.06667rem;
background: url("../images/serial.png");
background-size: 100% 100%;
height: 5.3rem;
background: linear-gradient(0deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
z-index: 1000;
overflow: hidden;
cursor: pointer;
}
.max .starlet img {
width: 3.58667rem;
height: 0.98667rem;
width: 1.7333333333rem;
height: 1.6rem;
display: block;
margin: 0.97333rem auto 0;
margin: 0.9733333333rem auto 0;
border-radius: 0.2666666667rem;
}
.max .starlet img.peko {
width: 2.48rem;
height: 1.01333rem;
height: 1.0133333333rem;
}
.max .userInfo {
width: 9.2rem;
height: 2rem;
margin: 0 auto;
border-radius: 0.32rem;
margin-top: 0.53333rem;
margin-top: 0.5333333333rem;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #fff;
}
.max .userInfo .user-i {
width: 70%;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
justify-content: center;
flex-direction: column;
}
.max .userInfo .user-i > div {
width: 100%;
height: 1.06667rem;
height: 1.0666666667rem;
display: -webkit-flex;
display: flex;
display: -moz-box;
line-height: 1.4rem;
}
.max .userInfo .user-i > div:first-child {
font-size: 0.4rem;
color: #333;
margin-left: 0.38667rem;
margin-left: 0.3866666667rem;
}
.max .userInfo .user-i > div:last-child {
color: #999;
font-size: 0.32rem;
line-height: 0.86667rem;
line-height: 0.8666666667rem;
}
.max .userInfo .user-i > div label {
margin-left: 0.38667rem;
margin-left: 0.3866666667rem;
}
.max .userInfo .user-i > div .erbanNo {
margin-left: 0.26667rem;
margin-left: 0.2666666667rem;
}
.max .userInfo .user-room-receipt {
width: 2.66667rem;
width: 2.6666666667rem;
height: 0.64rem;
border-radius: 0.32rem;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
color: #fff;
text-align: center;
line-height: 0.64rem;
margin-right: 0.26667rem;
background-image: linear-gradient(to right, #FFA936, #FFCB47);
background-image: -webkit-linear-gradient(to right, #FFA936, #FFCB47);
margin-right: 0.2666666667rem;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.max .serial {
width: 9.2rem;
margin: 0 auto;
overflow: hidden;
border-radius: 0.32rem;
background: #fff;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0.26667rem;
margin-top: 0.2666666667rem;
}
.max .serial li {
width: 100%;
height: 2rem;
background-color: white;
border-bottom: 1px solid #EFEFEF;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.max .serial li p {
flex: 1;
height: 1.33333rem;
height: 1.3333333333rem;
color: #333;
}
.max .serial li p:first-child {
text-align: center;
border-right: 1px solid lightgray;
width: 5.33333rem;
width: 5.3333333333rem;
font-size: 18px;
line-height: 1.33333rem;
line-height: 1.3333333333rem;
font-weight: bold;
}
.max .serial li p.content {
width: 5.33333rem;
width: 5.3333333333rem;
text-align: center;
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: center;
}
.max .serial li p.content span {
display: block;
width: 100%;
font-size: 18px;
line-height: 18px;
font-size: 0.29333rem;
font-size: 0.2933333333rem;
}
.max .serial li p.content span:first-child {
color: #FFBC52;
font-size: 0.4rem;
}
.max .serial li p.content span.name {
color: #999999;
}
.max .serial .week {
background-color: #fff;
width: 100%;
height: 2rem;
border-bottom: 1px solid #EFEFEF;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.max .serial .week p {
border: 0;
flex: 1;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.max .serial .week p.weeks {
text-align: center;
border-right: 1px solid lightgray;
width: 5.33333rem;
width: 5.3333333333rem;
font-size: 18px;
line-height: 1.33333rem;
line-height: 1.3333333333rem;
font-weight: bold;
}
.max .serial .week p.content {
box-sizing: border-box;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
flex-direction: column;
line-height: 18px;
}
.max .serial .week p.content .number {
color: #FFBC52;
font-size: 0.4rem;
}
.max .serial .week p.content .name {
text-align: center;
color: #999999;
font-size: 0.29333rem;
font-size: 0.2933333333rem;
}
.max .serial .month {
background-color: #F5F5F5;
width: 100%;
height: 2rem;
border-bottom: 1px solid #EFEFEF;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.max .serial .month p {
border: 0;
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.max .serial .month p.date {
width: 2.66667rem;
width: 2.6666666667rem;
font-weight: bold;
color: #CCCCCC;
line-height: 18px;
font-size: 18px;
}
.max .serial .month p.content {
display: -webkit-flex;
display: flex;
display: -moz-box;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 30px;
line-height: 18px;
}
.max .serial .month p.content .number {
font-size: 18px;
margin-bottom: 0.13333rem;
margin-bottom: 0.1333333333rem;
}
.max .serial .month p.content .name {
color: #CCCCCC;
}
/*# sourceMappingURL=serial.css.map */

33
view/peko/modules/statistic/css/serial.scss
View File

@@ -21,19 +21,22 @@ body {
.starlet {
width: 100%;
height: px2rem(380);
background: url('../images/serial.png');
background-size: 100% 100%;
height: 5.3rem;
// background: url('../images/serial.png');
// background-size: 100% 100%;
background: linear-gradient(0deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
z-index: 1000;
overflow: hidden;
cursor: pointer;
img {
width: px2rem(269);
height: px2rem(74);
width: px2rem(130);
height: px2rem(120);
display: block;
margin: px2rem(73) auto 0;
&.peko{
border-radius: px2rem(20, );
&.peko {
width: px2rem(186, );
height: px2rem(76, );
}
@@ -95,7 +98,8 @@ body {
}
}
}
.user-room-receipt{
.user-room-receipt {
width: px2rem(200);
height: px2rem(48);
border-radius: px2rem(24);
@@ -104,8 +108,9 @@ body {
text-align: center;
line-height: px2rem(48);
margin-right: px2rem(20);
background-image: linear-gradient(to right,#FFA936,#FFCB47);
background-image: -webkit-linear-gradient(to right,#FFA936,#FFCB47);
// background-image: linear-gradient(to right,#FFA936,#FFCB47);
// background-image: -webkit-linear-gradient(to right,#FFA936,#FFCB47);
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
}
@@ -135,6 +140,7 @@ body {
flex: 1;
height: px2rem(100);
color: #333;
&:first-child {
text-align: center;
border-right: 1px solid lightgray;
@@ -151,18 +157,21 @@ body {
flex-direction: column;
flex-direction: column;
justify-content: center;
&:last-child {
}
&:last-child {}
span {
display: block;
width: 100%;
font-size: 18px;
line-height: 18px;
font-size: px2rem(22);
&:first-child{
&:first-child {
color: #FFBC52;
font-size: px2rem(30);
}
&.name {
color: #999999;
}

BIN
view/peko/modules/statistic/images/logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

2
view/peko/modules/statistic/serial.html
View File

@@ -17,7 +17,7 @@
<body>
<div class="max">
<div class="starlet">
<img src="./images/logo.png" alt="">
<img src="./images/logo1.png" alt="">
<div class="userInfo">
<div class="user-i">
<div class="info">房间名字：

2
view/peko/vue-project/myincome/src/view/myincome/MyIncome.vue
View File

@@ -872,7 +872,7 @@ export default {
return;
}
window.location.href =
"http://api.lecheng163.com/peko/modules/statistic/serial.html?codes=" +
"https://api.pekolive.com/peko/modules/statistic/serial.html?codes=" +
this.runningWater.roomUidEncode;
},