You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
2.3 KiB
105 lines
2.3 KiB
<template>
|
|
<view class="page__view">
|
|
|
|
<navbar bgColor="#FFFFFF" >
|
|
<image class="nav-icon" :src="configList.icon_nav_dark" mode="widthFix"></image>
|
|
</navbar>
|
|
|
|
<view class="content">
|
|
<productSwiper></productSwiper>
|
|
|
|
<view class="section">
|
|
<sectionHeader title="个性推荐" desc="Personal Recommendation"></sectionHeader>
|
|
<recommend-swiper></recommend-swiper>
|
|
<health-records-intro></health-records-intro>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<achievement-intro></achievement-intro>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<sectionHeader title="团队成员背景" desc="Background of Team Members"></sectionHeader>
|
|
<team-bg-intro></team-bg-intro>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<sectionHeader desc="Background of Team Members">
|
|
<template #title>
|
|
关注我们<br/>参与更多健康活动
|
|
</template>
|
|
</sectionHeader>
|
|
<follow-us-intro></follow-us-intro>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<tabber select="home" />
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import tabber from '@/components/base/tabbar.vue'
|
|
import sectionHeader from '@/components/home/sectionHeader.vue'
|
|
import productSwiper from '@/components/home/productSwiper.vue'
|
|
import recommendSwiper from '@/pages_order/home/recommendSwiper.vue'
|
|
import healthRecordsIntro from '@/pages_order/home/healthRecordsIntro.vue'
|
|
import achievementIntro from '@/pages_order/home/achievementIntro.vue'
|
|
import teamBgIntro from '@/pages_order/home/teamBgIntro.vue'
|
|
import followUsIntro from '@/pages_order/home/followUsIntro.vue'
|
|
|
|
export default {
|
|
components: {
|
|
productSwiper,
|
|
sectionHeader,
|
|
recommendSwiper,
|
|
healthRecordsIntro,
|
|
achievementIntro,
|
|
teamBgIntro,
|
|
followUsIntro,
|
|
tabber,
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
onLoad() {
|
|
|
|
if(uni.getStorageSync('token')){
|
|
this.$store.commit('getUserInfo')
|
|
}
|
|
|
|
},
|
|
methods: {
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page__view {
|
|
width: 100vw;
|
|
min-height: 100vh;
|
|
background-color: $uni-bg-color;
|
|
position: relative;
|
|
}
|
|
|
|
.nav-icon {
|
|
width: 200rpx;
|
|
height: auto;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.content {
|
|
// padding: 80rpx 32rpx 182rpx 32rpx;
|
|
width: 100vw;
|
|
padding: 70rpx 0 182rpx 0;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.section {
|
|
margin-top: 80rpx;
|
|
}
|
|
</style>
|