|
|
@@ -11,72 +11,72 @@
|
|
|
线上捐款
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="over-content">
|
|
|
- <view class="item-wrapper" style="height: 318rpx;padding: 70rpx 34rpx 0;">
|
|
|
- <view class="item-tit">
|
|
|
- 线上捐款
|
|
|
- </view>
|
|
|
- <view class="item-info">
|
|
|
- 孝感市红十字会现已开通线上捐款通道 ,点击下方按钮可直接进行线上捐款。
|
|
|
- </view>
|
|
|
- <view class="item-btn flex">
|
|
|
- <image src="../../static/img/wings-left.png" mode="" class="xcb"></image>
|
|
|
- <view class="item-btn-btn" @click="goto()">
|
|
|
- 立即捐款
|
|
|
- </view>
|
|
|
- <image src="../../static/img/wings-right.png" mode="" class="xcb"></image>
|
|
|
- </view>
|
|
|
+ <view class="item-info">
|
|
|
+ 广水市红十字会现已开通线上捐款通道 ,点击下方按钮可直接进行线上捐款。
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="item-wrapper" style="height: 259rpx;padding: 60rpx 34rpx;">
|
|
|
- <view class="item-tit">
|
|
|
+ <view class="item-btn-btn" @click="goto()">
|
|
|
+ 立即捐款
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="kk-base kk-2">
|
|
|
+ <image src="../../static/img/kk.png" mode="" class="bk"></image>
|
|
|
+ <view class="kk-tit">
|
|
|
+ <image src="../../static/img/kk-tit.png" mode=""></image>
|
|
|
+ <view class="kk-tit-tit">
|
|
|
银行转账
|
|
|
</view>
|
|
|
- <view class="item-info">
|
|
|
- <view class="">户名:孝感市红十字会</view>
|
|
|
- <view class="">银行账户:42001688608050002590</view>
|
|
|
- <view class="">开户行:建行孝感直属支行</view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
- <view class="item-wrapper" style="height: 259rpx;padding: 40rpx 34rpx;">
|
|
|
- <view class="item-tit">
|
|
|
- 线下捐赠
|
|
|
- </view>
|
|
|
- <view class="item-info">
|
|
|
- <!-- <view class="">负责人:捐款杨敏,捐物宋欢</view> -->
|
|
|
- <view class="">咨询电话:捐款 0712-2875087</view>
|
|
|
- <view class="" style="padding-left: 160rpx;">捐物 0712-2851023</view>
|
|
|
- <view class="">地 址:孝感市城站路75号</view>
|
|
|
+ <view class="item-info">
|
|
|
+ <view class="">开 户 名:广水市红十字会</view>
|
|
|
+ <view class="">银行账户:82010000002762099</view>
|
|
|
+ <view class="">开 户 行:湖北广水农村商业银行营业部</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="kk-base kk-3">
|
|
|
+ <image src="../../static/img/kk.png" mode="" class="bk"></image>
|
|
|
+ <view class="kk-tit">
|
|
|
+ <image src="../../static/img/kk-tit.png" mode=""></image>
|
|
|
+ <view class="kk-tit-tit">
|
|
|
+ 线下捐款
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item-wrapper" style="height: 410rpx;">
|
|
|
- <view class="item-tit">
|
|
|
+ <view class="item-info">
|
|
|
+ <view class="">负责人:王小菊</view>
|
|
|
+ <view class="">咨询电话:18372208795</view>
|
|
|
+ <view class="" style="padding-left: 160rpx;">0722-6696066</view>
|
|
|
+ <view class="">地 址:湖北省随州市广水市</view>
|
|
|
+ <view class="" style="padding-left: 160rpx;">应山办事处广安路16号</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="kk-base kk-4">
|
|
|
+ <image src="../../static/img/kk.png" mode="" class="bk"></image>
|
|
|
+ <view class="kk-tit">
|
|
|
+ <image src="../../static/img/kk-tit.png" mode=""></image>
|
|
|
+ <view class="kk-tit-tit">
|
|
|
爱心榜
|
|
|
</view>
|
|
|
- <scroll-view class="tab-wrap">
|
|
|
- <view class="empty"
|
|
|
- style="width: 100%;height: 100%;text-align: center;line-height: 220rpx;font-size: 32rpx;color: #ed4530;"
|
|
|
- v-if="loveList.length == 0">
|
|
|
- 暂无捐款数据
|
|
|
- </view>
|
|
|
- <view class="tab-item flex" v-for="item in loveList" v-if="loveList.length > 0">
|
|
|
- <view class="tab-item-name clamp" style="width: 200rpx;">{{item.donate_er || '佚名'}}</view>
|
|
|
+ </view>
|
|
|
+ <scroll-view class="tab-wrap">
|
|
|
+ <view class="empty"
|
|
|
+ style="width: 100%;height: 100%;text-align: center;line-height: 220rpx;font-size: 32rpx;color: #ed4530;"
|
|
|
+ v-if="loveList.length == 0">
|
|
|
+ 暂无捐款数据
|
|
|
+ </view>
|
|
|
+ <template v-if="loveList.length > 0">
|
|
|
+ <!-- <view></view> -->
|
|
|
+ <view class="tab-item flex" v-for="item in loveList" >
|
|
|
+ <view class="tab-item-name clamp" style="width: 200rpx;">{{ item.is_open == '1' ? (item.name || item.contact || '佚名') : '佚名'}}</view>
|
|
|
<view class="tab-item-time clamp" style="width: 180rpx;text-align: center;">
|
|
|
- {{item.pay_time | getTime}}</view>
|
|
|
- <view class="tab-item-num clamp" style="width: 180rpx;text-align: right;">¥{{item.money}}</view>
|
|
|
- </view>
|
|
|
- <!-- <uni-load-more :status="loadingType" v-if="loveList.length > 0"></uni-load-more> -->
|
|
|
- </scroll-view>
|
|
|
- <!-- <view class="tab-wrap">
|
|
|
-
|
|
|
- <view class="tab-item flex" v-for="item in 7">
|
|
|
- <view class="tab-item-name">强儿</view>
|
|
|
- <view class="tab-item-time">2021/11/20</view>
|
|
|
- <view class="tab-item-num">¥200</view>
|
|
|
+ {{item.paytime | getTime}}</view>
|
|
|
+ <view class="tab-item-num clamp" style="width: 180rpx;text-align: right;">¥{{item.amount}}</view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <!-- <uni-load-more :status="loadingType" v-if="loveList.length > 0"></uni-load-more> -->
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+ <view class="btm-tit">
|
|
|
+ 感谢今天奉献爱心的你
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -205,8 +205,14 @@
|
|
|
}).then(({
|
|
|
data
|
|
|
}) => {
|
|
|
- obj.loveList = obj.loveList.concat(data.list)
|
|
|
- obj.gundong()
|
|
|
+
|
|
|
+ if(data.data) {
|
|
|
+ obj.loveList = obj.loveList.concat(data.data)
|
|
|
+ }
|
|
|
+ console.log(data)
|
|
|
+ if(obj.loveList.length >4) {
|
|
|
+ obj.gundong()
|
|
|
+ }
|
|
|
// obj.page++
|
|
|
// if(data.list.length == obj.limit) {
|
|
|
// obj.loadingType = 'more'
|
|
|
@@ -260,6 +266,18 @@
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
margin: auto;
|
|
|
+
|
|
|
+ .item-info {
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
+ top: 117rpx;
|
|
|
+ padding: 0 50rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #d81719;
|
|
|
+ line-height: 49rpx;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
.bk {
|
|
|
width: 670rpx;
|
|
|
height: 359rpx;
|
|
|
@@ -293,80 +311,54 @@
|
|
|
}
|
|
|
.kk-1 {
|
|
|
top: 590rpx;
|
|
|
- }
|
|
|
- .over-content {
|
|
|
- position: relative;
|
|
|
- top: 669rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .item-wrapper {
|
|
|
- width: 636rpx;
|
|
|
- margin: 0 auto 76rpx;
|
|
|
- border: 1px solid #C9101B;
|
|
|
- // background: #fff;
|
|
|
- border-radius: 10px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .item-tit {
|
|
|
- width: 199rpx;
|
|
|
- height: 55rpx;
|
|
|
- background: linear-gradient(0, #C9101B, #F24D33);
|
|
|
- border-radius: 10rpx;
|
|
|
+ // .item-info {
|
|
|
+ // width: 100%;
|
|
|
+ // position: absolute;
|
|
|
+ // top: 117rpx;
|
|
|
+ // padding: 0 50rpx;
|
|
|
+ // font-size: 32rpx;
|
|
|
+ // font-weight: bold;
|
|
|
+ // color: #d81719;
|
|
|
+ // line-height: 49rpx;
|
|
|
+ // width: 100%;
|
|
|
+ // }
|
|
|
+ .item-btn-btn {
|
|
|
+ width: 303rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ background: linear-gradient(0deg, #C9101B, #F24D33);
|
|
|
+ border-radius: 36rpx;
|
|
|
+ line-height: 72rpx;
|
|
|
text-align: center;
|
|
|
- line-height: 55rpx;
|
|
|
font-size: 34rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
|
color: #FFFFFF;
|
|
|
position: absolute;
|
|
|
- top: -28rpx;
|
|
|
- left: 64rpx;
|
|
|
+ top: 236rpx;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto;
|
|
|
}
|
|
|
-
|
|
|
+ }
|
|
|
+ .kk-2 {
|
|
|
+ top: calc(590rpx + 383rpx);
|
|
|
.item-info {
|
|
|
- font-size: 32rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #ed4530;
|
|
|
- line-height: 49rpx;
|
|
|
- // background: linear-gradient(0deg, #C9101B 0%, #F24D33 99.267578125%);
|
|
|
- // -webkit-background-clip: text;
|
|
|
- // -webkit-text-fill-color: transparent;
|
|
|
- width: 100%;
|
|
|
+ padding-top: 20rpx;
|
|
|
}
|
|
|
-
|
|
|
- .item-btn {
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- height: 72rpx;
|
|
|
- position: absolute;
|
|
|
- bottom: 50rpx;
|
|
|
- width: 568rpx;
|
|
|
-
|
|
|
- .xcb {
|
|
|
- width: 80rpx;
|
|
|
- height: 50rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .item-btn-btn {
|
|
|
- width: 303rpx;
|
|
|
- height: 72rpx;
|
|
|
- margin: 0 10rpx;
|
|
|
- background: linear-gradient(0deg, #C9101B, #F24D33);
|
|
|
- border-radius: 36rpx;
|
|
|
- line-height: 72rpx;
|
|
|
- text-align: center;
|
|
|
- font-size: 34rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #FFFFFF;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .kk-3 {
|
|
|
+ top: calc(590rpx + 383rpx + 383rpx);
|
|
|
+ }
|
|
|
+ .kk-4 {
|
|
|
+ top: calc(590rpx + 383rpx + 383rpx + 383rpx);
|
|
|
+ height: 389rpx;
|
|
|
+ .bk {
|
|
|
+ height: 389rpx;
|
|
|
}
|
|
|
-
|
|
|
.tab-wrap {
|
|
|
- padding: 53rpx 40rpx 28rpx 33rpx;
|
|
|
- height: 410rpx;
|
|
|
-
|
|
|
+ padding: 30rpx 40rpx 28rpx 33rpx;
|
|
|
+ height: 270rpx;
|
|
|
+ position: absolute;
|
|
|
+ top: 90rpx;
|
|
|
.tab-item {
|
|
|
line-height: 45rpx;
|
|
|
height: 45rpx;
|
|
|
@@ -381,7 +373,15 @@
|
|
|
// -webkit-text-fill-color: transparent;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ }
|
|
|
+ .btm-tit {
|
|
|
+ font-size: 36rpx;
|
|
|
+ width: 750rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #d11d20;
|
|
|
+ position: absolute;
|
|
|
+ top: calc(590rpx + 383rpx + 383rpx + 383rpx + 444rpx);
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
</style>
|