|
@@ -1,11 +1,20 @@
|
|
/* pages/chargemoney/chargemoney.wxss */
|
|
/* pages/chargemoney/chargemoney.wxss */
|
|
|
|
+page{
|
|
|
|
+ box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset;
|
|
|
|
+}
|
|
|
|
+.money{
|
|
|
|
+ padding:0 15rpx;
|
|
|
|
+}
|
|
|
|
+.money .title{
|
|
|
|
+ padding:40rpx 15rpx 0rpx 15rpx;
|
|
|
|
+}
|
|
|
|
|
|
.chargemoney {
|
|
.chargemoney {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
position: relative;
|
|
position: relative;
|
|
- width: 148rpx;
|
|
|
|
- height: 77rpx;
|
|
|
|
- margin: 50rpx 51rpx 0 51rpx;
|
|
|
|
|
|
+ width: 330rpx;
|
|
|
|
+ height: 140rpx;
|
|
|
|
+ margin: 30rpx 15rpx 0 15rpx;
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
@@ -13,31 +22,34 @@
|
|
.chargemoney_select {
|
|
.chargemoney_select {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
position: relative;
|
|
position: relative;
|
|
- width: 148rpx;
|
|
|
|
- height: 77rpx;
|
|
|
|
- margin: 50rpx 51rpx 0 51rpx;
|
|
|
|
|
|
+ width: 330rpx;
|
|
|
|
+ height: 140rpx;
|
|
|
|
+ margin: 30rpx 15rpx 0 15rpx;
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
+ background-color: #00a8dc;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ box-shadow: 0rpx 6rpx 8rpx #4768f3;
|
|
}
|
|
}
|
|
|
|
|
|
-.chargemoney image, .chargemoney_select image {
|
|
|
|
- width: 147rpx;
|
|
|
|
- height: 77rpx;
|
|
|
|
|
|
+.chargemoney image {
|
|
|
|
+ width: 330rpx;
|
|
|
|
+ height: 140rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.chargemoney view, .chargemoney_select view {
|
|
.chargemoney view, .chargemoney_select view {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: 0;
|
|
top: 0;
|
|
left: 0;
|
|
left: 0;
|
|
- width: 148rpx;
|
|
|
|
- height: 77rpx;
|
|
|
|
|
|
+ width: 330rpx;
|
|
|
|
+ height: 140rpx;
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
|
|
text {
|
|
text {
|
|
- font-size: 32rpx;
|
|
|
|
|
|
+ font-size: 34rpx;
|
|
font-family: 'Lucida Sans',
|
|
font-family: 'Lucida Sans',
|
|
'Lucida Sans Regular',
|
|
'Lucida Sans Regular',
|
|
'Lucida Grande',
|
|
'Lucida Grande',
|
|
@@ -45,68 +57,62 @@ text {
|
|
Geneva,
|
|
Geneva,
|
|
Verdana,
|
|
Verdana,
|
|
sans-serif;
|
|
sans-serif;
|
|
- color: #959595;
|
|
|
|
|
|
+ color: #434343;
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- line-height: 77rpx;
|
|
|
|
- height: 77rpx;
|
|
|
|
- min-height: 77rpx;
|
|
|
|
|
|
+ line-height: 140rpx;
|
|
|
|
+ height: 140rpx;
|
|
|
|
+ min-height: 140rpx;
|
|
|
|
+}
|
|
|
|
+text.blod {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ /* padding-left: 15rpx; */
|
|
|
|
+ line-height: 54rpx;
|
|
|
|
+ height: 54rpx;
|
|
|
|
+ min-height: 54rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.chargemoney_select text {
|
|
.chargemoney_select text {
|
|
- color: red;
|
|
|
|
|
|
+ color: #ffffff;
|
|
}
|
|
}
|
|
|
|
|
|
-.active {
|
|
|
|
- background-color: #ebebeb;
|
|
|
|
|
|
+.money .title1{
|
|
|
|
+ padding:60rpx 15rpx 0rpx 15rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
-.money_input {
|
|
|
|
- margin: 51rpx 30rpx;
|
|
|
|
- padding: 0 21rpx;
|
|
|
|
- border-top: 1rpx solid #f7f7f7;
|
|
|
|
- border-bottom: 1rpx solid #f7f7f7;
|
|
|
|
|
|
+.money .title2{
|
|
|
|
+ padding:25rpx 15rpx 0rpx 15rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
-.section_phcolor {
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- line-height: 100rpx;
|
|
|
|
- height: 100rpx;
|
|
|
|
- min-height: 100rpx;
|
|
|
|
- color: #aaaaaa;
|
|
|
|
|
|
+.money .title2 view{
|
|
|
|
+ height: 114rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
-.money_input {
|
|
|
|
- line-height: 100rpx;
|
|
|
|
- height: 100rpx;
|
|
|
|
- min-height: 100rpx;
|
|
|
|
|
|
+.alipay image,.wechat image{
|
|
|
|
+ width: 44rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+ margin: 35rpx 20rpx 35rpx 0rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
-.money_input text {
|
|
|
|
|
|
+.alipay text,.wechat text{
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- color: #434343;
|
|
|
|
- line-height: 100rpx;
|
|
|
|
- height: 100rpx;
|
|
|
|
- min-height: 100rpx;
|
|
|
|
|
|
+ line-height: 114rpx;
|
|
|
|
+ height: 114rpx;
|
|
|
|
+ min-height: 114rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
-.money_input input {
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 450rpx;
|
|
|
|
- height: 100rpx;
|
|
|
|
- line-height: 100rpx;
|
|
|
|
- min-height: 100rpx;
|
|
|
|
- color: #aaaaaa;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
|
+.alipay view,.wechat view{
|
|
|
|
+ line-height: 114rpx;
|
|
|
|
+ height: 114rpx;
|
|
|
|
+ min-height: 114rpx;
|
|
|
|
+ float: right;
|
|
|
|
+}
|
|
|
|
+radio{
|
|
|
|
+ color: #00a8dc;
|
|
}
|
|
}
|
|
|
|
+
|
|
.chargemoney_button{
|
|
.chargemoney_button{
|
|
position: absolute;
|
|
position: absolute;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
- width: calc(100% - 60rpx);
|
|
|
|
- font-size: 32rpx;
|
|
|
|
- margin: 50rpx 30rpx;
|
|
|
|
|
|
+ width: calc(100% - 170rpx);
|
|
|
|
+ font-size: 34rpx;
|
|
|
|
+ margin: 90rpx 85rpx;
|
|
font-family: 'Lucida Sans',
|
|
font-family: 'Lucida Sans',
|
|
'Lucida Sans Regular',
|
|
'Lucida Sans Regular',
|
|
'Lucida Grande',
|
|
'Lucida Grande',
|
|
@@ -117,8 +123,35 @@ text {
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
- background-color: #1cb03f;
|
|
|
|
|
|
+ background-color: #00a8dc;
|
|
|
|
+ border-radius: 40rpx;
|
|
}
|
|
}
|
|
.chargemoney_button.button-hover{
|
|
.chargemoney_button.button-hover{
|
|
- background-color: #1ca05e;
|
|
|
|
|
|
+ background-color: #00a9dcb4;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.foot{
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ text-align: center;
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+.foot text{
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-family: 'Lucida Sans',
|
|
|
|
+ 'Lucida Sans Regular',
|
|
|
|
+ 'Lucida Grande',
|
|
|
|
+ 'Lucida Sans Unicode',
|
|
|
|
+ Geneva,
|
|
|
|
+ Verdana,
|
|
|
|
+ sans-serif;
|
|
|
|
+ color: #434343;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 90rpx;
|
|
|
|
+ height: 90rpx;
|
|
|
|
+ min-height: 90rpx;
|
|
|
|
+}
|
|
|
|
+text.blue{
|
|
|
|
+ color:#00a8dc;
|
|
}
|
|
}
|