(1)小程序需要和青年户外协会关联,做一个banner放在小程序第一个。banner内容是邀请/推广的。 (2)点击banner,跳出协会入会申请页面

This commit is contained in:
王创世 2025-06-04 11:13:29 +08:00
parent ef61da5979
commit 30d0ce01b1

View File

@ -24,9 +24,8 @@
<view class="swiper-box">
<!-- <MySwiper :list="swiperList"></MySwiper> -->
<view class="swiper_s">
<swiper class="swiper_s" :autoplay="true" indicator-active-color="#0DAE11"
indicator-color="#ffffff" :indicator-dots="false" :current="swiperCurrent"
@change="swiperChange">
<swiper class="swiper_s" :autoplay="true" indicator-active-color="#0DAE11" indicator-color="#ffffff"
:indicator-dots="false" :current="swiperCurrent" @change="swiperChange">
<swiper-item v-for="(item, index) in swiperList" :key="index" @click="openSwiper(item)">
<view style="position: relative;width: 100%;height: 100%">
<view class="fnon_tit"></view>
@ -191,6 +190,74 @@
</view>
<u-loadmore v-else style="margin-bottom: 60rpx;" :status="loadStatus" />
</view>
<u-popup @touchmove.native.stop.prevent :show="formShow" :round="10">
<view style="display: flex;align-items: center;justify-content: space-between;padding: 32rpx;">
<view style="display: flex;align-items: center;">
<view>
<view style="height: 35rpx;width: 6rpx;background-color: #BBFC5B;"></view>
</view>
<view
style="font-size: 32rpx;color: #3D3D3D;font-weight: 600;margin-left: 20rpx;font-family: PingFang SC, PingFang SC;">
会员招募信息
</view>
</view>
<view @click="formShow = false" style="font-family: PingFang SC, PingFang SC;font-size: 32rpx;">关闭
</view>
</view>
<view style="width: 100%;height: 1px;background-color: #D8D8D8;"></view>
<view style="padding:30rpx 30rpx;">
<view style="display: flex;align-items: center;justify-content: space-between;">
<view style="color: #3D3D3D;font-weight: 300;font-family: PingFang SC, PingFang SC;">
联系人
</view>
<view>
<input type="text" placeholder="请填写" class="input" v-model="formData.name"
placeholder-class="plasty" />
</view>
</view>
<view class="line-row"></view>
<view style="display: flex;align-items: center;justify-content: space-between;">
<view style="color: #3D3D3D;font-weight: 300;font-family: PingFang SC, PingFang SC;">
联系电话
</view>
<view>
<input type="text" placeholder="请填写" class="input" v-model="formData.mobile"
placeholder-class="plasty" />
</view>
</view>
<view class="line-row"></view>
<view style="display: flex;align-items: center;justify-content: space-between;">
<view style="color: #3D3D3D;font-weight: 300;font-family: PingFang SC, PingFang SC;">
企业名称
</view>
<view>
<input type="text" placeholder="请填写" class="input" v-model="formData.enterprise_name"
placeholder-class="plasty" />
</view>
</view>
<view class="line-row"></view>
<view style="display: flex;align-items: center;justify-content: space-between;">
<view style="color: #3D3D3D;font-weight: 300;font-family: PingFang SC, PingFang SC;">
企业地址
</view>
<view>
<input type="text" placeholder="请填写" class="input" v-model="formData.enterprise_addr"
placeholder-class="plasty" />
</view>
</view>
<view class="line-row"></view>
<view style="display: flex;align-items: center;justify-content: space-between;">
<view style="color: #3D3D3D;font-weight: 300;font-family: PingFang SC, PingFang SC;">
经营/热爱的户外运动
</view>
</view>
<view class="textarea_mph" style="margin-top: 30rpx;">
<u--textarea maxlength="400" placeholder-class="bttops" v-model="formData.outdoor_sport"
placeholder="请输入您经营热爱的户外运动"></u--textarea>
</view>
<view class="btn_1" @click="submitDo()">确认提交</view>
</view>
</u-popup>
<tab-bar :tabBarShow="0"></tab-bar>
</view>
</template>
@ -237,7 +304,15 @@
],
limit: 6,
page: 1,
show: false
show: false,
formShow: false,
formData: {
name: '',
mobile: '',
enterprise_name: '',
enterprise_addr: '',
outdoor_sport: '',
}
};
},
onLoad() {
@ -253,7 +328,7 @@
this.videoContext = uni.createVideoContext("myVideo"); //video
},
onShow() {
},
beforeDestroy() {
this.autoplay = false;
@ -264,16 +339,124 @@
// }
},
methods: {
openSwiper(item){
console.log(item);
if(item.url=='xxx'){
submitDo() {
const token = uni.getStorageSync('token');
if (!token) {
uni.showToast({
title: '入会申请表单',
title: '请登录',
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
uni.switchTab({
url: '/pages/my/index',
});
}, 2000);
}
});
}else{
return;
}
if (this.formData.name == '') {
uni.showToast({
title: '请填写联系人!',
icon: "none",
duration: 2000,
});
return;
}
if (this.formData.mobile == '') {
uni.showToast({
title: '请填写联系电话!',
icon: "none",
duration: 2000,
});
return;
}
if (this.formData.enterprise_name == '') {
uni.showToast({
title: '请填写企业名称!',
icon: "none",
duration: 2000,
});
return;
}
if (this.formData.enterprise_addr == '') {
uni.showToast({
title: '请填写企业地址!',
icon: "none",
duration: 2000,
});
return;
}
if (this.formData.outdoor_sport == '') {
uni.showToast({
title: '请填写经营/热爱的户外运动!',
icon: "none",
duration: 2000,
});
return;
}
uni.$u.http
.post("/api/school.spor_apply/add", this.formData)
.then((res) => {
console.log(res);
if (res.code == 1) {
uni.showToast({
title: '提交成功!',
icon: "none",
duration: 2000,
});
this.formShow = false;
this.formData = {
name: '',
mobile: '',
enterprise_name: '',
enterprise_addr: '',
outdoor_sport: '',
};
} else {
uni.showToast({
title: res.msg,
icon: "none",
duration: 2000,
});
}
})
.catch((error) => {
uni.showToast({
title: "请求失败,请稍后再试",
icon: "none",
duration: 2000,
});
});
},
openSwiper(item) {
console.log(item);
if (item.url == 'outdoor_sport_apply') {
const token = uni.getStorageSync('token');
if (!token) {
uni.showToast({
title: '请登录',
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
uni.switchTab({
url: '/pages/my/index',
});
}, 2000);
}
});
return;
} else {
this.formShow = true;
}
} else {
uni.navigateTo({
url:item.url
url: item.url
})
}
},
@ -1244,7 +1427,7 @@
text-align: center;
width: 100%;
bottom: 70rpx;
transform: translateZ(0);
transform: translateZ(0);
}
.fnon_tit {
@ -1296,4 +1479,51 @@
}
}
}
.line-row {
margin: 40rpx 0rpx;
height: 1rpx;
width: 100%;
background: #F0F0F0;
}
.input {
text-align: right;
font-family: PingFang SC, PingFang SC;
font-size: 26rpx;
color: #343434;
line-height: 32rpx;
}
.plasty {
color: #999999;
font-weight: 300;
font-size: 28rpx;
}
.textarea_mph {
::v-deep .u-textarea {
height: 237rpx;
padding: 20rpx;
border: none;
font-size: 26rpx;
color: #9C9C9C;
background-color: #F8F8F8 !important;
border-radius: 18rpx;
}
}
.btn_1 {
width: 100%;
height: 90rpx;
background: #323232;
border-radius: 198rpx 198rpx 198rpx 198rpx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
font-size: 32rpx;
color: #BBFC5B;
line-height: 90rpx;
text-align: center;
margin-top: 50rpx;
}
</style>