|
@@ -1,55 +0,0 @@
|
|
-<template>
|
|
|
|
- <div id="Home">
|
|
|
|
- <template name="轮播">
|
|
|
|
- <el-carousel :interval="4000" height="200px" arrow="always">
|
|
|
|
- <el-carousel-item v-for="item in 3" :key="item">
|
|
|
|
- <el-image style="width: 100%; height: 100%" :src="url" fit="fit"></el-image>
|
|
|
|
- </el-carousel-item>
|
|
|
|
- </el-carousel>
|
|
|
|
- </template>
|
|
|
|
- <template name="微信用户">
|
|
|
|
- <el-row type="flex" :gutter="10" style="margin-bottom: 10px">
|
|
|
|
- <el-col :span="5">
|
|
|
|
- <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" style="width: 70px; height: 70px"></el-avatar>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="19">
|
|
|
|
- <el-col :span="24" style="margin-top: 10px">凪稀冥</el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </template>
|
|
|
|
- <template name="菜单">
|
|
|
|
- <van-grid :column-num="3">
|
|
|
|
- <van-grid-item icon="photo-o" text="购买" to="/shop" />
|
|
|
|
- <van-grid-item icon="photo-o" text="我的订单" />
|
|
|
|
- <van-grid-item icon="photo-o" text="地址管理" />
|
|
|
|
- </van-grid>
|
|
|
|
- </template>
|
|
|
|
- </div>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
|
-export default {
|
|
|
|
- name: 'Home',
|
|
|
|
- props: {},
|
|
|
|
- components: {},
|
|
|
|
- data: function () {
|
|
|
|
- return {
|
|
|
|
- url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- created() {},
|
|
|
|
- methods: {},
|
|
|
|
- computed: {
|
|
|
|
- ...mapState(['user']),
|
|
|
|
- pageTitle() {
|
|
|
|
- return `${this.$route.meta.title}`;
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
- metaInfo() {
|
|
|
|
- return { title: this.$route.meta.title };
|
|
|
|
- },
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="less" scoped></style>
|
|
|