yunshangxie/pages/index/event_info.vue

132 lines
5.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view style="letter-spacing: 1rpx;">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between">
<view class="tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()">
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
</view>
<view class="tn-margin-top"
style="text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
<tn-tabs :list="[{name:'活动详情'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view>
</view>
</view>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<image src="/static/hd1.jpg" style="width: 100%;" mode="widthFix"></image>
<view style="padding:20rpx 30rpx;">
<view style="font-size: 30rpx;font-weight: 600;">河南省青年企业家协会开展县区行走进开封市龙亭区暨产业考察交流活动</view>
<view style="margin-top: 40rpx;">
<view>
<text style="color: #26BB71;"></text>
<text style="margin-left: 10rpx;font-weight: 600;">报名时间</text>
<text style="color: #979797;">12月14日14:00 ~ 05月06日15:00</text>
</view>
<view style="margin: 15rpx 0rpx;">
<text style="color: #BE7E28;"></text>
<text style="margin-left: 10rpx;font-weight: 600;">活动时间</text>
<text style="color: #979797;">05月08日09:00 ~ 05月10日17:00</text>
</view>
<view>
<text style="color: #DB5022;"></text>
<text style="margin-left: 10rpx;font-weight: 600;">活动地点</text>
<text style="color: #979797;">上海市上海市青浦区国家会展中心</text>
</view>
</view>
<view style="margin-top: 60rpx;font-size: 32rpx;font-weight: 600;">活动介绍</view>
<view>
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;">
<p>河南省青年企业家协会HeNan Young
EntrepreneursAssociation简称为省青企协是全省性的青年企业家的群众组织是共青团联系青年企业家的桥梁和纽带是具有独立法人资格的非营利性社会团体是中国青年企业家协会河南省青年联合会河南省企业联合会河南省企业家协会的团体会员
</p>
</view>
</view>
</view>
</view>
<view style="position: fixed;bottom: 0;background-color: #ffffff;padding: 30rpx;width: 100%;">
<view class="tn-flex tn-flex-center tn-flex-row-center tn-flex-col-center"
style="background-color: #FDF2EC;text-align: center;padding: 30rpx;">
<view style="font-weight: 600;">
<text style="margin-right: 10rpx;">距报名结束剩<text style="color: #F73909;">119</text></text>
<tn-count-down fontColor="#F73909" backgroundColor="#FDF2EC" :fontSize="30" :timestamp="86400"
:showDays="true" :showHours="true" :showSeconds="true" :showMinutes="true"></tn-count-down>
</view>
</view>
<view style="text-align: center;margin-top: 30rpx;">
<tn-button backgroundColor="#F73909" height="80rpx" width="100%" fontColor="#ffffff"
shape="round">报名</tn-button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
topCurrent: 0
}
},
mounted() {
// wxJsSdk.initJssdk();
// jweixin.ready(function() {
// jweixin.updateAppMessageShareData({
// title: '河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动', // 分享标题
// desc: '河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动', // 分享描述
// link: 'http://ysh.0rui.cn/#/pages/index/event_info', // 分享链接该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imageUrl: 'http://ysh.0rui.cn/static/logo.png',
// success: function() {
// },
// fail: function(error) {
// console.log(error);
// }
// })
// jweixin.updateTimelineShareData({
// title: '河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动', // 分享标题
// link: 'http://ysh.0rui.cn/#/pages/index/event_info', // 分享链接该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imageUrl: 'http://ysh.0rui.cn/static/logo.png',
// success: function() {
// // 设置成功
// },
// fail: function(error) {
// console.log(error);
// }
// })
// })
this.$wxshare({
url: 'http://ysh.0rui.cn/#/pages/index/event_info',
data: {
url: window.location.href.split("#")[0],
},
share_data: {
title: '河南省青年企业家协会开展走进开封市龙亭区暨产业考察交流活动',
desc: '河南省青年企业家协会开展走进开封市龙亭区暨产业考察交流活动',
imgUrl: 'http://ysh.0rui.cn/static/ser.png',
link: "http://ysh.0rui.cn/#/pages/index/event_info", // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
}
})
},
methods: {
postReq() {
},
goBack() {
if (getCurrentPages().length > 1) {
uni.navigateBack()
} else {
uni.redirectTo({
url: '/pages/index/index'
})
}
}
}
}
</script>
<style>
</style>