Skip to content

M
mallapp
Commit cf43393b authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 6d2e1461
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 55 deletions
components/tradeActivity/index.vue
View file @ cf43393b
...@@ -22,84 +22,93 @@ ...@@ -22,84 +22,93 @@
} }
.tradeName { .tradeName {
width:100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.Activity_Name{
.Activity_Name {
font-weight: bold; font-weight: bold;
font-size: 30rpx; font-size: 30rpx;
width:400rpx; width: 400rpx;
color: #1F1F1F; color: #1F1F1F;
padding-right: 10rpx; padding-right: 10rpx;
} }
.Activity_Time { .Activity_Time {
color: #999999; color: #999999;
font-size: 25rpx; font-size: 25rpx;
} }
.trade_Btn{
.trade_Btn {
position: fixed; position: fixed;
width:100%; width: 100%;
bottom:35rpx; bottom: 35rpx;
left: 0; left: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.tradeActive{
.tradeActive {
background-color: #F6F6F6; background-color: #F6F6F6;
width:100%; width: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
/* top: 65px; */ /* top: 65px; */
left: 0; left: 0;
overflow: auto; overflow: auto;
flex:1; flex: 1;
padding: 30rpx; padding: 30rpx;
} }
.tradeTop{
.tradeTop {
display: flex; display: flex;
font-size:30rpx; font-size: 30rpx;
margin-bottom:20px; margin:20px 0 5px 0;
} }
.Top_LEFT{
.Top_LEFT {
display: inline-block; display: inline-block;
width:10rpx; width: 10rpx;
height:30rpx; height: 30rpx;
background-color: #ff4544; background-color: #ff4544;
margin:3px 7px 0 0; margin: 3px 7px 0 0;
} }
</style> </style>
<template> <template>
<!-- <view class="trade-activity" :style="{height:!isShowSign?'0':'calc(100vh - '+pagePaddingBottom+')'}" :class="{'tradeActive':isShowSign}"> --> <!-- <view class="trade-activity" :style="{height:!isShowSign?'0':'calc(100vh - '+pagePaddingBottom+')'}" :class="{'tradeActive':isShowSign}"> -->
<view class="trade-activity" :style="{height:!isShowSign?'0':'calc(100vh)'}" :class="{'tradeActive':isShowSign}"> <view class="trade-activity" :style="{height:!isShowSign?'0':'calc(100vh)'}" :class="{'tradeActive':isShowSign}">
<template v-if="isShowSign"> <template v-if="isShowSign">
<view class="tradeTop" style="margin-top:23%;"> <view style="width:100%;margin-top:25%"></view>
<text class="Top_LEFT"></text> <template v-for="(item, index) in tradeData">
请选择你要报名的活动 <view class="tradeTop" v-if="item.GroupName">
</view> <text class="Top_LEFT"></text>{{item.GroupName}}
<view class="trade_List" v-for="(item, index) in tradeData">
<view class="tradeImgDiv">
<image :src="item.CoverImg" style="width:100%;height:100%" mode="aspectFill"></image>
</view> </view>
<view> <view v-if="item.DateStr" style="font-size:26rpx;margin:0 0 20px 10px;color:gray;">{{item.DateStr}}</view>
<view class="tradeName"> <view class="trade_List" v-for="subItem in item.DataList">
<view class="Activity_Name">{{item.ActivityName}}</view> <view class="tradeImgDiv">
<view> <image :src="subItem.CoverImg" style="width:100%;height:100%" mode="aspectFill"></image>
<u-checkbox-group>
<u-checkbox v-model="item.IsCheck" :disabled="item.IsDefault"></u-checkbox>
</u-checkbox-group>
</view>
</view> </view>
<view class="Activity_Time" style="margin-top:20rpx;"> <view>
活动时间：{{item.StartTime}} <view class="tradeName">
<view class="Activity_Name">{{subItem.ActivityName}}</view>
<view>
<u-checkbox-group>
<u-checkbox v-model="subItem.IsCheck" :disabled="subItem.IsDefault"></u-checkbox>
</u-checkbox-group>
</view>
</view>
<view class="Activity_Time" style="margin-top:20rpx;">
活动时间：{{subItem.StartTime}}
</view>
</view> </view>
</view> </view>
</view> </template>
<view style="width:100%;height:100rpx;"></view> <view style="width:100%;height:100rpx;"></view>
</template> </template>
<view class="trade_Btn"> <view class="trade_Btn">
<u-button size="80" :ripple="true" v-if="!isShowSign" :custom-style="{ <u-button size="80" :ripple="true" v-if="!isShowSign" :custom-style="{
backgroundColor: mc, backgroundColor: mc,
height: '80rpx', height: '80rpx',
color: '#FFF', color: '#FFF',
...@@ -108,7 +117,7 @@ ...@@ -108,7 +117,7 @@
width: '60vw', width: '60vw',
border:'none' border:'none'
}" @click="isShowSign=true">立即报名</u-button> }" @click="isShowSign=true">立即报名</u-button>
<u-button size="80" :ripple="true" v-if="isShowSign" :custom-style="{ <u-button size="80" :ripple="true" v-if="isShowSign" :custom-style="{
backgroundColor: mc, backgroundColor: mc,
height: '80rpx', height: '80rpx',
color: '#FFF', color: '#FFF',
...@@ -123,43 +132,46 @@ ...@@ -123,43 +132,46 @@
<script> <script>
export default { export default {
props: ["dataObj",'pagePaddingBottom'], props: ["dataObj", 'pagePaddingBottom'],
data() { data() {
return { return {
mc: '', mc: '',
tradeData: this.dataObj, tradeData: this.dataObj,
Ids: '', Ids: '',
isShowSign:false isShowSign: false
} }
}, },
mounted() { mounted() {
this.mc = this.$uiConfig.mainColor; this.mc = this.$uiConfig.mainColor;
console.log(this.dataObj, 'dataObj');
}, },
created() { created() {},
}, onShow() {},
onShow() {
},
methods: { methods: {
getShow(){ getShow() {
this.isShowSign=false; this.isShowSign = false;
}, },
//跳转报名 //跳转报名
goSignUp() { goSignUp() {
if(this.isShowSign){ if (this.isShowSign) {
let MyArray=[]; let MyArray = [];
this.tradeData.forEach(x=>{ if(this.tradeData&&this.tradeData.length>0){
if(x.IsCheck){ this.tradeData.forEach(x => {
MyArray.push(x.Id); x.DataList.forEach(y=>{
} if(y.IsCheck){
}) MyArray.push(y.Id);
if(MyArray.length==0){ }
})
})
}
if (MyArray.length == 0) {
uni.showToast({ uni.showToast({
title: '请选择活动', title: '请选择活动',
icon: 'none' icon: 'none'
}) })
return return
} }
this.Ids = MyArray.toString(); this.Ids = MyArray.toString();
uni.navigateTo({ uni.navigateTo({
url: "/pages/kotra/activeSignUp?Id=" + this.Ids url: "/pages/kotra/activeSignUp?Id=" + this.Ids
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment