Lee
/
com.kailaimei.carbon
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

在线捐款修改iframe

master
Lee 2023-02-03 11:48:52 +08:00
parent 87328bf217
commit 50c15614b6
4 changed files with 54 additions and 1245 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
common/style.css
View File

@ -532,7 +532,7 @@ image{
.eliminate .tips{
box-sizing: border-box;
width: calc(100% - 52px);
margin: 20px auto 0;
margin: 23px auto 0;
padding: 20px 35px;
background-image: linear-gradient(to top,rgba(181,250,172,1),rgba(181,250,172,0));
font-size: 19px;
@ -575,112 +575,13 @@ image{
position: relative;
z-index: 2;
}
.contribution .hot{
margin-bottom: 20px;
}
.contribution .hot>image{
.iframe-box{
width: 100%;
height: 901px;
position: relative;
z-index: 2;
}
.contribution .tit{
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{
.iframe-box iframe{
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%;
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;
}

120
pages/contribution/contribution.vue
View File

@ -18,110 +18,10 @@
<image src="/static/count-bg.png" mode="widthFix"></image>
</view>
<view class="calculator calculator-other" style="padding-top: 0;">
<view class="contribution">
<view class="hot">
<image src="/static/contribution.png" mode="widthFix"></image>
</view>
<view class="tit">
<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 class="iframe-box">
<iframe src="https://www.baidu.com" frameborder="0"></iframe>
</view>
<view class="nav-btns nav-btns-other">
<view class="nav-btns" style="margin-top: 30px;">
<view class="btn" @tap="toPage('/pages/count/count')">
<image src="/static/icon-tabbar-01.png" mode="heightFix"></image>
</view>
@ -157,12 +57,6 @@
member: 0, //家庭成员
total: 0, //总计
subTotal: [], //小计
addrObj: {
province: '不限',
city: '不限'
},
payList: ['支付宝网上捐赠', '微信网上捐赠'], //支付方式
payIndex: 0, //当前选择
}
},
onLoad(op) {
@ -174,14 +68,6 @@
}
},
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) {
if (url == '/pages/count/count') {

492
unpackage/dist/dev/app-plus/app-service.js vendored
View File

File diff suppressed because one or more lines are too long

576
unpackage/dist/dev/app-plus/app-view.js vendored
View File

File diff suppressed because one or more lines are too long