功能列表

whycwx

2021-07-30 dfed25261184a2d52891c2b9d7003c8d0a145381

功能列表

 src/components/site/siteList.vue

@@ -5,7 +5,7 @@
            finished-text="没有更多了"
            @load="searchStation()"
            >
            <van-cell v-for="(item,i) in dataList" :key="i" :title="item.label"/>
            <van-cell v-for="(item,i) in dataList" :key="i" :title="item.label" to="/functionList"/>
        </van-list>
    </div>
</template>

 src/main.js

@@ -32,7 +32,8 @@
  ActionSheet,
  List,
  Tab,
  Tabs
  Tabs,
  Image
} from 'vant';


@@ -46,7 +47,7 @@
Vue.config.productionTip = false


Vue.use(Toast).use(Notify).use(Dialog).use(Tabbar).use(TabbarItem).use(CellGroup).use(Cell).use(Icon).use(Button).use(NavBar).use(Grid).use(GridItem).use(Row).use(Col).use(Collapse).use(CollapseItem).use(Steps).use(Step).use(Divider).use(Switch).use(Tag).use(Search).use(Field).use(Uploader).use(Popup).use(CheckboxGroup).use(Checkbox).use(PullRefresh).use(ActionSheet).use(List).use(Tab).use(Tabs);
Vue.use(Toast).use(Notify).use(Image).use(Dialog).use(Tabbar).use(TabbarItem).use(CellGroup).use(Cell).use(Icon).use(Button).use(NavBar).use(Grid).use(GridItem).use(Row).use(Col).use(Collapse).use(CollapseItem).use(Steps).use(Step).use(Divider).use(Switch).use(Tag).use(Search).use(Field).use(Uploader).use(Popup).use(CheckboxGroup).use(Checkbox).use(PullRefresh).use(ActionSheet).use(List).use(Tab).use(Tabs);

Vue.prototype.$notify = Notify;
Vue.prototype.$dialog = Dialog;

 src/pages/functionList/functionList.vue

New file
@@ -0,0 +1,33 @@
<template>
    <!-- <van-nav-bar title="首页" left-arrow></van-nav-bar> -->
    <van-grid>
        <van-grid-item>
            <van-image :src=" require('../../assets/img/home-charge.png')"/>
            <span>文字</span>
        </van-grid-item>
        <van-grid-item>
            <van-image :src=" require('../../assets/img/home-charge.png')"/>
            <span>文字</span>
        </van-grid-item>
        <van-grid-item>
            <van-image :src=" require('../../assets/img/home-charge.png')"/>
            <span>文字</span>
        </van-grid-item>
        
        <!-- <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" /> -->
    </van-grid>
</template>
<script>
export default {
    data(){
        return {

        }
    }
}
</script>
<style scoped>

</style>

 src/router/routes.js

@@ -9,4 +9,8 @@
    path: '/index',
    meta: {},
    component: (resolve) => require(['@/pages/index.vue'], resolve)
}, ];
}, {
    path: '/functionList',
    meta: {},
    component: (resolve) => require(['@/pages/functionList/functionList.vue'], resolve)
},];