xt / xcx-book · Commits

Go to a project

Commit 9bd8fb7f16c642c62ac1e455c77597720ac2b6bb

Authored by vking
1 parent aa45480e
build: skipped

cancel

Inline Side-by-side
Showing 4 changed files with 75 additions and 23 deletions
@@ -125,10 +125,16 @@ @@ -125,10 +125,16 @@
125 right:28rpx; 125 right:28rpx;
126 } 126 }
127 .mask-tips{ 127 .mask-tips{
128 - background-color: #1AAD19;  
129 - width: 140rpx;  
130 - height: 200rpx; 128 + width: 110rpx;
  129 + height: 140rpx;
131 position: fixed; 130 position: fixed;
132 left: 20rpx; 131 left: 20rpx;
133 - bottom: 500rpx; 132 + bottom: 520rpx;
  133 + background-image: url("http://qn.colorcun.com/activity/images/fl.png");
  134 + background-size: 100% 100%;
  135 +}
  136 +.mask-tips.detail_owner{
  137 + width: 120rpx;
  138 + height: 160rpx;
  139 + bottom: 320rpx;
134 } 140 }
@@ -4,11 +4,17 @@ @@ -4,11 +4,17 @@
4 <view class="pages"> 4 <view class="pages">
5 <view class="pages-view"> 5 <view class="pages-view">
6 <view class="money-block"> 6 <view class="money-block">
7 - <view class="money-views-top">我的余额</view> 7 + <view class="money-views-top">
  8 + <view class="txt">我的余额</view>
  9 + </view>
8 <view class="money-views flex-bc"> 10 <view class="money-views flex-bc">
9 <view class="money-number">{{user.price}}</view> 11 <view class="money-number">{{user.price}}</view>
10 <view class="money-dw">元</view> 12 <view class="money-dw">元</view>
11 </view> 13 </view>
  14 + <view class="yuding flex-cc">
  15 + <view class="icon"></view>
  16 + 去订包间
  17 + </view>
12 </view> 18 </view>
13 </view> 19 </view>
14 <view class="list-view" wx:if="{{list.length>0}}"> 20 <view class="list-view" wx:if="{{list.length>0}}">
1 /* pack-activity/pages/money.wxss */ 1 /* pack-activity/pages/money.wxss */
2 page{ 2 page{
3 - background-color: #FBE0B8; 3 + background-color: #F5F5F5;
4 } 4 }
5 .pages{ 5 .pages{
6 - background-image: url("http://qn.colorcun.com/activity/images/money-header.png"); 6 + /*background-image: url("http://qn.colorcun.com/activity/images/money-header.png");*/
  7 + background-image: url("http://qn.colorcun.com/activity/images/bg-black.png");
7 background-size: 100% auto; 8 background-size: 100% auto;
8 background-repeat: no-repeat; 9 background-repeat: no-repeat;
9 min-height: 500rpx; 10 min-height: 500rpx;
@@ -13,8 +14,7 @@ page{ @@ -13,8 +14,7 @@ page{
13 width: calc(100% - 40rpx); 14 width: calc(100% - 40rpx);
14 margin-left: 20rpx; 15 margin-left: 20rpx;
15 height:340rpx; 16 height:340rpx;
16 - background:rgba(251,236,217,1);  
17 - box-shadow:0rpx 4rpx 8rpx 0rpx rgba(232,194,139,1); 17 + background:#ffffff;
18 border-radius:20rpx; 18 border-radius:20rpx;
19 box-sizing: border-box; 19 box-sizing: border-box;
20 padding: 20rpx; 20 padding: 20rpx;
@@ -22,39 +22,52 @@ page{ @@ -22,39 +22,52 @@ page{
22 .money-block{ 22 .money-block{
23 height:300rpx; 23 height:300rpx;
24 background:rgba(255,255,255,1); 24 background:rgba(255,255,255,1);
25 - box-shadow:0rpx 4rpx 8rpx 0rpx rgba(251,224,184,1);  
26 border-radius:20rpx; 25 border-radius:20rpx;
27 - padding-top: 50rpx; 26 + padding-top: 40rpx;
28 box-sizing: border-box; 27 box-sizing: border-box;
29 } 28 }
30 .money-views-top{ 29 .money-views-top{
31 - background-image: url("http://qn.colorcun.com/activity/images/money-top.png");  
32 - background-size: 100% 100%;  
33 - width: 252rpx;  
34 - height: 50rpx;  
35 - 30 + width: 258rpx;
  31 + height: 40rpx;
36 font-size:28rpx; 32 font-size:28rpx;
37 - font-weight:500;  
38 - color:rgba(109,61,19,1);  
39 - line-height:50rpx;  
40 margin-left: calc(50% - 126rpx); 33 margin-left: calc(50% - 126rpx);
41 text-align: center; 34 text-align: center;
  35 + font-weight:500;
  36 + color:rgba(153,153,153,1);
  37 + line-height:40rpx;
  38 + position: relative;
  39 +}
  40 +.money-views-top:before{
  41 + position: absolute;
  42 + display: block;
  43 + content: "";
  44 + width: 100%;
  45 + height: 2rpx;
  46 + left:0;
  47 + top:19rpx;
  48 + background-color: #E0E0E0;
  49 +}
  50 +.money-views-top .txt{
  51 + width: 138rpx;
  52 + background-color: #ffffff;
  53 + left:60rpx;
  54 + position: absolute;
42 } 55 }
43 56
44 .money-views{ 57 .money-views{
45 height:100rpx; 58 height:100rpx;
46 font-size:72rpx; 59 font-size:72rpx;
47 font-weight:600; 60 font-weight:600;
48 - color:rgba(227,31,53,1); 61 + color:#353535;
49 line-height:100rpx; 62 line-height:100rpx;
50 - margin-top: 50rpx; 63 + margin-top: 10rpx;
51 } 64 }
52 .money-dw{ 65 .money-dw{
53 width:32rpx; 66 width:32rpx;
54 height:44rpx; 67 height:44rpx;
55 font-size:32rpx; 68 font-size:32rpx;
56 font-weight:600; 69 font-weight:600;
57 - color:rgba(227,31,53,1); 70 + color:#353535;
58 line-height:44rpx; 71 line-height:44rpx;
59 margin-left: 20rpx; 72 margin-left: 20rpx;
60 } 73 }
@@ -62,7 +75,6 @@ page{ @@ -62,7 +75,6 @@ page{
62 width: calc(100% - 40rpx); 75 width: calc(100% - 40rpx);
63 margin-left: 20rpx; 76 margin-left: 20rpx;
64 background:rgba(255,255,255,1); 77 background:rgba(255,255,255,1);
65 - box-shadow:0rpx 4rpx 8rpx 0rpx rgba(232,194,139,1);  
66 border-radius:20rpx; 78 border-radius:20rpx;
67 box-sizing: border-box; 79 box-sizing: border-box;
68 padding: 2rpx 40rpx 0; 80 padding: 2rpx 40rpx 0;
@@ -93,4 +105,25 @@ page{ @@ -93,4 +105,25 @@ page{
93 color:rgba(153,153,153,1); 105 color:rgba(153,153,153,1);
94 line-height:34rpx; 106 line-height:34rpx;
95 margin-top: 10rpx; 107 margin-top: 10rpx;
  108 +}
  109 +
  110 +.yuding{
  111 + width:320rpx;
  112 + height:70rpx;
  113 + background:linear-gradient(360deg,rgba(192,163,105,1) 0%,rgba(252,210,167,1) 100%);
  114 + border-radius:35rpx;
  115 + font-size:32rpx;
  116 + font-family:PingFangSC-Semibold,PingFang SC;
  117 + font-weight:600;
  118 + color:rgba(123,81,42,1);
  119 + line-height:70rpx;
  120 + margin-left: calc(50% - 160rpx);
  121 + margin-top: 40rpx;
  122 +}
  123 +.yuding .icon{
  124 + background-size: 100% 100%;
  125 + width: 30rpx;
  126 + height: 30rpx;
  127 + background-image: url("http://qn.colorcun.com/activity/images/addr.png");
  128 + margin-right: 20rpx;
96 } 129 }
@@ -609,6 +609,13 @@ @@ -609,6 +609,13 @@
609 "pathName": "pack-activity/pages/money", 609 "pathName": "pack-activity/pages/money",
610 "query": "", 610 "query": "",
611 "scene": null 611 "scene": null
  612 + },
  613 + {
  614 + "id": 76,
  615 + "name": "pages/customer/detail_owner",
  616 + "pathName": "pages/customer/detail_owner",
  617 + "query": "id=59113",
  618 + "scene": null
612 } 619 }
613 ] 620 ]
614 } 621 }