Skip to content

P
patzn-cloud-web-h5app-drs
Commit a33b0918 by zhuxiaomei
Options

首页修改

parent 69a1b7ee
Showing with 57 additions and 36 deletions
src/page/HomeOld.vue
<template> <template>
<div> <div>
<!--https://youzan.github.io/vant/#/zh-CN/grid--> <!--https://youzan.github.io/vant/#/zh-CN/grid-->
<div class="layout-cont home-cont"> <div class="layout-cont home-cont">
<van-grid :gutter="10" :column-num="3" :icon-size="40"> <van-grid :gutter="10" :column-num="3" :icon-size="40">
<!--1、icon参数引入使用，否则不显示--> <!--1、icon参数引入使用，否则不显示-->
<van-grid-item v-for="item in menuList" :key="item.title" :icon="item.img" <van-grid-item v-for="item in menuList" :key="item.title" :icon="item.img"
:text="item.title" @click="_goto(item)"></van-grid-item> :text="item.title" @click="_goto(item)"></van-grid-item>
<!--2、require使用 详见：https://youzan.github.io/vant/#/zh-CN/image#chang-jian-wen-ti--> <!--2、require使用 详见：https://youzan.github.io/vant/#/zh-CN/image#chang-jian-wen-ti-->
<!--<van-grid-item v-for="item in menuList" :key="item.title" :icon="require('../assets/index/1.png')"--> <!--<van-grid-item v-for="item in menuList" :key="item.title" :icon="require('../assets/index/1.png')"-->
<!--:text="item.title" ></van-grid-item>--> <!--:text="item.title" ></van-grid-item>-->
<!--3、使用该组件的icon插槽 详见：https://youzan.github.io/vant/#/zh-CN/grid#api--> <!--3、使用该组件的icon插槽 详见：https://youzan.github.io/vant/#/zh-CN/grid#api-->
</van-grid> </van-grid>
</div>
<FooterBar></FooterBar>
</div> </div>
<FooterBar></FooterBar>
</div>
</template> </template>
<script> <script>
import indexImg10 from '../assets/index/10.png' import indexImg27 from '../assets/index/27.png'
import indexImg1 from '../assets/index/1.png' import indexImg10 from '../assets/index/10.png'
import indexImg11 from '../assets/index/11.png' import indexImg1 from '../assets/index/1.png'
import FooterBar from '@/components/FooterBar.vue' import indexImg11 from '../assets/index/11.png'
import indexImg13 from '../assets/index/13.png'
import FooterBar from '@/components/FooterBar.vue'
export default { export default {
name: "Home", name: "Home",
components: { components: {
FooterBar FooterBar
}, },
data() { data() {
return { return {
menuList: [ menuList: [
{img: indexImg10, title: '抽样任务', uri: '/sampling_task/sampling_task'}, {img: indexImg27, title: '我创建的抽样计划', uri: '/sampling_plan/sampling_plan'},
{img: indexImg1, title: '抽样单管理', uri: '/sampling_list/sampling_task'}, {img: indexImg10, title: '我的双随机任务', uri: '/sampling_task/sampling_task'},
{img: indexImg11, title: '历史抽样单', uri: '/history_sampling/sampling_list'}, {img: indexImg1, title: '抽样信息录入', uri: '/sampling_list/sampling_task'},
], {img: indexImg11, title: '历史任务', uri: '/history_sampling/sampling_list'},
} {img: indexImg13, title: '双随机实现流程', uri: '/flow_chart'},
}, ],
methods: { }
_goto(item) { },
this.$router.push(item.uri) mounted() {
} const that = this
window.onresize = () => {
return (() => {
if (window.screen.width > 750) {
that.$router.replace('/home')
} }
})()
}
},
methods: {
_goto(item) {
this.$router.push(item.uri)
} }
}
}
</script> </script>
<style scoped> <style scoped>
......
src/router/routes.js
import Index from '@/page/Index' import Index from '@/page/Index'
import Home from '@/page/Home' import Home from '@/page/Home'
import HomeOld from '@/page/HomeOld'
import Login from '@/page/Login' import Login from '@/page/Login'
import ForgetPwd from '@/page/ForgetPwd' import ForgetPwd from '@/page/ForgetPwd'
import Message from '@/page/Message' import Message from '@/page/Message'
...@@ -32,6 +33,12 @@ export default [ ...@@ -32,6 +33,12 @@ export default [
meta: {title: "双随机抽样", leftArrow: false}, meta: {title: "双随机抽样", leftArrow: false},
}, },
{ {
path: "/home_old",
name: "homeOld",
component: HomeOld,
meta: {title: "双随机抽样", leftArrow: false},
},
{
path: "/login", path: "/login",
name: "login", name: "login",
component: Login, component: Login,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment