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.
88 lines
1.7 KiB
88 lines
1.7 KiB
<template> |
|
<view class="page"> |
|
<view :class="tabtarIndex==0?'page':''" v-show="tabtarIndex==0"> |
|
<home></home> |
|
</view> |
|
<view :class="tabtarIndex==1?'page':''" v-show="tabtarIndex==1"> |
|
<goods-class></goods-class> |
|
</view> |
|
<view :class="tabtarIndex==2?'page':''" v-if="tabtarIndex==2"> |
|
<shopping-cart></shopping-cart> |
|
</view> |
|
<view :class="tabtarIndex==3?'page':''" v-if="tabtarIndex==3"> |
|
<user></user> |
|
</view> |
|
<footer-components></footer-components> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import Home from "@/pages/home/index"; |
|
import GoodsClass from "@/pages/shop/GoodsClass/index"; |
|
import ShoppingCart from "@/pages/shop/ShoppingCart/index"; |
|
import User from "@/pages/user/User/index"; |
|
import FooterComponents from "@/components/Footer"; |
|
import { mapState, mapMutations, mapActions } from "vuex"; |
|
|
|
|
|
export default { |
|
name: "Launch", |
|
data() { |
|
return { |
|
history: [], |
|
}; |
|
}, |
|
components: { |
|
Home, |
|
GoodsClass, |
|
ShoppingCart, |
|
User, |
|
FooterComponents |
|
}, |
|
computed: { |
|
...mapState(["tabtarIndex"]) |
|
}, |
|
methods: { |
|
}, |
|
mounted() { |
|
let type = this.$yroute.query.type; |
|
if (type) { |
|
} |
|
|
|
// if (!this.tabtarIndex) { |
|
// } |
|
}, |
|
onHide() { |
|
} |
|
}; |
|
</script> |
|
|
|
<style scoped lang="less"> |
|
.lottie-bg { |
|
position: fixed; |
|
left: 0; |
|
top: 0; |
|
background-color: #fff; |
|
width: 100%; |
|
height: 100%; |
|
z-index: 999; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
|
|
#lottie { |
|
width: 35%; |
|
display: block; |
|
overflow: hidden; |
|
transform: translate3d(0, 0, 0); |
|
margin: auto; |
|
} |
|
|
|
.iphonex { |
|
height: 68rpx; |
|
} |
|
</style>
|
|
|