在线捐款修改iframe
parent
87328bf217
commit
50c15614b6
111
common/style.css
111
common/style.css
|
|
@ -532,7 +532,7 @@ image{
|
||||||
.eliminate .tips{
|
.eliminate .tips{
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: calc(100% - 52px);
|
width: calc(100% - 52px);
|
||||||
margin: 20px auto 0;
|
margin: 23px auto 0;
|
||||||
padding: 20px 35px;
|
padding: 20px 35px;
|
||||||
background-image: linear-gradient(to top,rgba(181,250,172,1),rgba(181,250,172,0));
|
background-image: linear-gradient(to top,rgba(181,250,172,1),rgba(181,250,172,0));
|
||||||
font-size: 19px;
|
font-size: 19px;
|
||||||
|
|
@ -575,112 +575,13 @@ image{
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.contribution .hot{
|
.iframe-box{
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.contribution .hot>image{
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 901px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.contribution .tit{
|
.iframe-box iframe{
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 45px;
|
|
||||||
background-color: #31742f;
|
|
||||||
}
|
|
||||||
.contribution .tit>image{
|
|
||||||
margin-left: 32px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
.contribution .tips{
|
|
||||||
font-size: 22px;
|
|
||||||
line-height: 40px;
|
|
||||||
padding: 20px 0;
|
|
||||||
text-indent: 32px;
|
|
||||||
color: #09881d;
|
|
||||||
}
|
|
||||||
.form-bg{
|
|
||||||
height: 625px;
|
|
||||||
background-image: url('/static/contribution-bg.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center bottom;
|
|
||||||
background-size: 761px 625px;
|
|
||||||
}
|
|
||||||
.form-bg .form{
|
|
||||||
width: 564px;
|
|
||||||
padding: 45px 28px;
|
|
||||||
background-color: #ffffff;
|
|
||||||
margin: 0 auto;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.form-bg .form .item{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 42px;
|
|
||||||
}
|
|
||||||
.form-bg .form .left{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
width: 96px;
|
|
||||||
}
|
|
||||||
.form-bg .form .colon{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 44px;
|
|
||||||
}
|
|
||||||
.form-bg .form .right{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: calc(100% - 140px);
|
|
||||||
}
|
|
||||||
.form-bg .form .right>picker{
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
|
||||||
.form-bg .form .addr-input{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.form-bg .form .right .input,
|
|
||||||
.form-bg .form .right .input-box{
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 180px;
|
|
||||||
height: 27px;
|
|
||||||
padding: 0 8px;
|
|
||||||
border: 1px solid #a5a5a5;
|
|
||||||
}
|
|
||||||
.form-bg .form .right .input-box{
|
|
||||||
display: flex;
|
|
||||||
width: 207px;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.form-bg .form .right .input-box>input{
|
|
||||||
width: calc(100% - 27px);
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
|
||||||
letter-spacing: 10px;
|
|
||||||
text-indent: 10px;
|
|
||||||
}
|
|
||||||
.form-bg .form .right .arrow{
|
|
||||||
width: 27px;
|
|
||||||
height: 25px;
|
|
||||||
background-image: url('/static/icon-arrow-down.png');
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
.form-bg .form .right text{
|
|
||||||
margin-left: 15px;
|
|
||||||
}
|
|
||||||
.calculator .nav-btns-other{
|
|
||||||
margin-top: 13px;
|
|
||||||
}
|
|
||||||
.form-bg .form .submit-btn{
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100%;
|
|
||||||
line-height: 40px;
|
|
||||||
padding: 0 8px;
|
|
||||||
border: 1px solid #a5a5a5;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
@ -18,110 +18,10 @@
|
||||||
<image src="/static/count-bg.png" mode="widthFix"></image>
|
<image src="/static/count-bg.png" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="calculator calculator-other" style="padding-top: 0;">
|
<view class="calculator calculator-other" style="padding-top: 0;">
|
||||||
<view class="contribution">
|
<view class="iframe-box">
|
||||||
<view class="hot">
|
<iframe src="https://www.baidu.com" frameborder="0"></iframe>
|
||||||
<image src="/static/contribution.png" mode="widthFix"></image>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="tit">
|
<view class="nav-btns" style="margin-top: 30px;">
|
||||||
<image src="/static/icon-title-04.png" mode="heightFix"></image>
|
|
||||||
</view>
|
|
||||||
<view class="tips">购买碳汇，履行义务；足不出户，低碳植树。中国绿色碳汇基金会助你实现低碳生活！</view>
|
|
||||||
<view class="form-bg">
|
|
||||||
<view class="form">
|
|
||||||
<view class="item">
|
|
||||||
<view class="left">
|
|
||||||
<text>购</text>
|
|
||||||
<text>买</text>
|
|
||||||
<text>者</text>
|
|
||||||
</view>
|
|
||||||
<view class="colon">:</view>
|
|
||||||
<view class="right">
|
|
||||||
<input class="input" type="text">
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item">
|
|
||||||
<view class="left">
|
|
||||||
<text>所</text>
|
|
||||||
<text>在</text>
|
|
||||||
<text>地</text>
|
|
||||||
</view>
|
|
||||||
<view class="colon">:</view>
|
|
||||||
<view class="right">
|
|
||||||
<picker mode="multiSelector" @change="changeAddress">
|
|
||||||
<view class="addr-input">
|
|
||||||
<view class="input-box">
|
|
||||||
<input class="input-flex clips1" type="text" v-model="addrObj.province"
|
|
||||||
disabled="true">
|
|
||||||
<view class="arrow"></view>
|
|
||||||
</view>
|
|
||||||
<view class="input-box">
|
|
||||||
<input class="input-flex clips1" type="text" v-model="addrObj.city"
|
|
||||||
disabled="true">
|
|
||||||
<view class="arrow"></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item">
|
|
||||||
<view class="left">
|
|
||||||
<text>联</text>
|
|
||||||
<text>系</text>
|
|
||||||
<text>方</text>
|
|
||||||
<text>式</text>
|
|
||||||
</view>
|
|
||||||
<view class="colon">:</view>
|
|
||||||
<view class="right">
|
|
||||||
<input class="input" type="text">
|
|
||||||
<text>(手机或邮件)</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item">
|
|
||||||
<view class="left">
|
|
||||||
<text>金</text>
|
|
||||||
<text>额</text>
|
|
||||||
</view>
|
|
||||||
<view class="colon">:</view>
|
|
||||||
<view class="right">
|
|
||||||
<input class="input" type="text">
|
|
||||||
<text>元</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item">
|
|
||||||
<view class="left">
|
|
||||||
<text>获</text>
|
|
||||||
<text>得</text>
|
|
||||||
<text>碳</text>
|
|
||||||
<text>汇</text>
|
|
||||||
</view>
|
|
||||||
<view class="colon">:</view>
|
|
||||||
<view class="right">
|
|
||||||
<input class="input" type="text">
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="item">
|
|
||||||
<view class="left">
|
|
||||||
<text>付</text>
|
|
||||||
<text>款</text>
|
|
||||||
<text>方</text>
|
|
||||||
<text>式</text>
|
|
||||||
</view>
|
|
||||||
<view class="colon">:</view>
|
|
||||||
<view class="right">
|
|
||||||
<picker @change="changePay" :value="payIndex" :range="payList">
|
|
||||||
<view class="input-box">
|
|
||||||
<input class="input-flex clips1" type="text" v-model="payList[payIndex]"
|
|
||||||
disabled="true" style="letter-spacing: 0;text-indent: 0;">
|
|
||||||
<view class="arrow"></view>
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="submit-btn">提交并打开支付宝收银台页面</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="nav-btns nav-btns-other">
|
|
||||||
<view class="btn" @tap="toPage('/pages/count/count')">
|
<view class="btn" @tap="toPage('/pages/count/count')">
|
||||||
<image src="/static/icon-tabbar-01.png" mode="heightFix"></image>
|
<image src="/static/icon-tabbar-01.png" mode="heightFix"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -157,12 +57,6 @@
|
||||||
member: 0, //家庭成员
|
member: 0, //家庭成员
|
||||||
total: 0, //总计
|
total: 0, //总计
|
||||||
subTotal: [], //小计
|
subTotal: [], //小计
|
||||||
addrObj: {
|
|
||||||
province: '不限',
|
|
||||||
city: '不限'
|
|
||||||
},
|
|
||||||
payList: ['支付宝网上捐赠', '微信网上捐赠'], //支付方式
|
|
||||||
payIndex: 0, //当前选择
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(op) {
|
onLoad(op) {
|
||||||
|
|
@ -174,14 +68,6 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 选择省市
|
|
||||||
changeAddress(e) {
|
|
||||||
this.addrObj.province = e.detail.value[0];
|
|
||||||
this.addrObj.city = e.detail.value[1];
|
|
||||||
},
|
|
||||||
changePay(e) {
|
|
||||||
this.payIndex = e.detail.value
|
|
||||||
},
|
|
||||||
//跳转
|
//跳转
|
||||||
toPage(url) {
|
toPage(url) {
|
||||||
if (url == '/pages/count/count') {
|
if (url == '/pages/count/count') {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue