(1)小程序需要和青年户外协会关联,做一个banner放在小程序第一个。banner内容是邀请/推广的。 (2)点击banner,跳出协会入会申请页面
This commit is contained in:
parent
ef61da5979
commit
30d0ce01b1
@ -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>
|
Loading…
x
Reference in New Issue
Block a user