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.
89 lines
1.7 KiB
89 lines
1.7 KiB
4 years ago
|
<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>
|