|
|
@@ -99,22 +99,64 @@
|
|
|
<view class="feedback-content">
|
|
|
<view class="overall" v-if="navCurrentIndex === 0">
|
|
|
<view class="title">
|
|
|
-
|
|
|
+ 项目整体反馈
|
|
|
</view>
|
|
|
<view class="content">
|
|
|
截止2021年6月10日，荆州市红十字会已将捐赠的消毒液1120瓶和帐篷200顶，500箱矿泉水全数发往阳光福利院。
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="feedback-item">
|
|
|
+ <view class="item-top">
|
|
|
+ <image src="" mode=""></image>
|
|
|
+ <view class="item-name-time">
|
|
|
+ <view class="item-name">荆州捐赠</view>
|
|
|
+ <view class="item-time">2021年06月10日 22:25:14</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-content">
|
|
|
+ <text>荆州XXXX有限分公司</text>2021年6月10日，荆州市红十字会已将贵公司捐赠的消毒液1120瓶和帐篷200顶，发往阳光福利院。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="btn-wrapper flex">
|
|
|
- <view class="btn1 btn">
|
|
|
+ <view class="btn1 btn" @click="navTo('/pages/donate/progress')">
|
|
|
实时进展
|
|
|
</view>
|
|
|
- <view class="btn2 btn">
|
|
|
+ <view class="btn2 btn" @click="want()">
|
|
|
我要捐款
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <uni-popup ref="popup" type="center">
|
|
|
+ <view class="type-box">
|
|
|
+ <view class="box-title">捐款类型</view>
|
|
|
+ <view class="box-tip">请选择您的捐赠身份类型</view>
|
|
|
+ <view class="box-btn" @click="chooseType(0)">
|
|
|
+ <image src="" mode=""></image>
|
|
|
+ <view class="btn-title" >
|
|
|
+ 个人捐赠
|
|
|
+ </view>
|
|
|
+ <view class="qq" :class="{'action': jxType === 0}">
|
|
|
+ <view class="yx">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box-btn" @click="chooseType(1)">
|
|
|
+ <image src="" mode=""></image>
|
|
|
+ <view class="">
|
|
|
+ 企业(团队)捐赠
|
|
|
+ </view>
|
|
|
+ <view class="qq" :class="{'action': jxType === 1}">
|
|
|
+ <view class="yx">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="qr" @click="qr()">
|
|
|
+ 确认
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -126,14 +168,30 @@ export default {
|
|
|
currentIndex: 0,
|
|
|
swiperHeight: 0,
|
|
|
navCurrentIndex: 0,
|
|
|
+ jxType: 0,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ navTo(url) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: url
|
|
|
+ })
|
|
|
+ },
|
|
|
navClick(index) {
|
|
|
this.currentIndex = index;
|
|
|
},
|
|
|
lookmore(index) {
|
|
|
this.navCurrentIndex = index
|
|
|
+ },
|
|
|
+ want() {
|
|
|
+ this.$refs.popup.open()
|
|
|
+ },
|
|
|
+ chooseType(index) {
|
|
|
+ this.jxType = index
|
|
|
+ },
|
|
|
+ qr() {
|
|
|
+ this.$refs.popup.close()
|
|
|
+ this.navTo('/pages/donate/idonate?type=' + this.jxType )
|
|
|
}
|
|
|
|
|
|
}
|
|
|
@@ -355,6 +413,12 @@ page {
|
|
|
background: #FA7E67;
|
|
|
box-shadow: 0px 0px 10rpx 0rpx rgba(0, 0, 0, 0.1);
|
|
|
border-radius: 10rpx 10rpx 0px 0px;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 75rpx;
|
|
|
+ padding-left: 17rpx;
|
|
|
}
|
|
|
.content {
|
|
|
padding: 33rpx 36rpx 43rpx 30rpx;
|
|
|
@@ -369,6 +433,139 @@ page {
|
|
|
line-height: 42rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .feedback-item {
|
|
|
+ margin: 20rpx auto;
|
|
|
+ // display: flex;
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 10rpx 10rpx 10rpx;
|
|
|
+ .item-top {
|
|
|
+ height: 118rpx;
|
|
|
+ border-radius: 10px 10px 0 0;
|
|
|
+ border-bottom: 1px solid #ECECEC;
|
|
|
+ padding: 25rpx 0 0 17rpx;
|
|
|
+ display: flex;
|
|
|
+ image {
|
|
|
+ width: 77rpx;
|
|
|
+ height: 77rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: red;
|
|
|
+ margin-right: 12rpx;
|
|
|
+ }
|
|
|
+ .item-name-time {
|
|
|
+ .item-name {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 35rpx;
|
|
|
+ }
|
|
|
+ .item-time {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 50rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .item-content {
|
|
|
+ padding: 25rpx 47rpx 40rpx 30rpx;
|
|
|
+ border-radius: 0 0 10rpx 10rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #999;
|
|
|
+ line-height: 42rpx;
|
|
|
+ text {
|
|
|
+ color: #E80000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.type-box {
|
|
|
+ width: 542rpx;
|
|
|
+ height: 575rpx;
|
|
|
+ // background: linear-gradient(0deg, rgba(249, 98, 105, 0.06), rgba(255, 255, 255, 0.06));
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ position: relative;
|
|
|
+ .box-title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 1;
|
|
|
+ padding-top: 77rpx;
|
|
|
+ }
|
|
|
+ .box-tip {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #808080;
|
|
|
+ line-height: 1;
|
|
|
+ padding-top: 12rpx;
|
|
|
+ margin-bottom: 43rpx;
|
|
|
+ }
|
|
|
+ .box-btn {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 460rpx;
|
|
|
+ height: 95rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 1px solid #f3efef;
|
|
|
+ position: relative;
|
|
|
+ image {
|
|
|
+ height: 43rpx;
|
|
|
+ width: 43rpx;
|
|
|
+ background-color: red;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ }
|
|
|
+ .qq {
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ border: 1px solid #808080;
|
|
|
+ opacity: 0.5;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ .action {
|
|
|
+ border-color: #FA7E67;
|
|
|
+ // position: relative;
|
|
|
+ .yx {
|
|
|
+
|
|
|
+ width: 20rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ background: #FA7E67;
|
|
|
+ // border: 1px solid #FA7E67;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .qr {
|
|
|
+ width: 460rpx;
|
|
|
+ height: 71rpx;
|
|
|
+ background: #FA7E67;
|
|
|
+ box-shadow: 0px 16rpx 16rpx 0px rgba(250, 126, 103, 0.5);
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 71rpx;
|
|
|
+ margin: 62rpx auto 0;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
2312970463@qq.com