Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit 3d4f3c05 by fanx
Options

add catalog

1 parent 9a12a481
Inline Side-by-side
Showing 4 changed files with 261 additions and 19 deletions
src/router/index.js
...@@ -5,16 +5,38 @@ import userRouter from './modules/user' ...@@ -5,16 +5,38 @@ import userRouter from './modules/user'
import memberRouter from './modules/member' import memberRouter from './modules/member'
import qulificationRouter from './modules/qualification' import qulificationRouter from './modules/qualification'
const APP_ENV = process.env.VUE_APP_NODE_ENV
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [{ const routes = [
path: '/', {
name: 'Home', path: '/',
meta: { meta: {
title: '首页' token: false,
topType: 3
},
redirect: {
name: APP_ENV == 'production' ? 'Home' : 'Catalog'
}
},
{
path: '/home',
name: 'Home',
meta: {
title: '首页'
},
component: Home
}, },
component: Home {
}, ].concat(userRouter, memberRouter, qulificationRouter) path: '/catalog',
name: 'Catalog',
meta: {
title: '目录'
},
component: () => import(/* webpackChunkName: "catalog" */ '@/views/catalog/') // 首页
}
].concat(userRouter, memberRouter, qulificationRouter)
const router = new VueRouter({ const router = new VueRouter({
routes routes
......
src/utils/index.js
...@@ -5,25 +5,43 @@ ...@@ -5,25 +5,43 @@
// 封装接口返回数据 // 封装接口返回数据
const handlePromise = (promise) => { const handlePromise = (promise) => {
return promise.then(res => { return promise.then(res => {
return Promise.resolve(res) return Promise.resolve(res)
}).catch(e => { }).catch(e => {
return Promise.resolve(res) return Promise.resolve(res)
}) })
} }
// 验证手机号
const phoneRegCheck = (phoneNo) => { const phoneRegCheck = (phoneNo) => {
const Reg = /1[3-9]\d{9}/; const Reg = /1[3-9]\d{9}/;
return Reg.test(phoneNo); return Reg.test(phoneNo);
} }
// 验证邮箱
const emailRegCheck = (email) => { const emailRegCheck = (email) => {
const Reg = /^[A-Za-z0-9-_\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; const Reg = /^[A-Za-z0-9-_\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
return Reg.test(email); return Reg.test(email);
}
// 复制值
const Copy = (node) => {
node = Array.isArray(node) ? node[0] : node
Object.assign(document.documentElement.style, {
webkitUserSelect: 'text', webkitTouchCallout: 'text'
})
const range = document.createRange()
range.selectNode(node)
const selection = window.getSelection()
if (selection.rangeCount > 0) selection.removeAllRanges()
selection.addRange(range)
document.execCommand('copy');
(window.Toast || alert)('复制成功')
selection.removeAllRanges()
} }
export default { export default {
handlePromise, handlePromise,
phoneRegCheck, phoneRegCheck,
emailRegCheck emailRegCheck
} }
\ No newline at end of file \ No newline at end of file
src/views/catalog/data.json 0 → 100644
{
"finishDesc":"红色字体是制作完成的页面，接口已经联调完成",
"todoDesc":"蓝色字体是联调中或者制作中",
"list": [
{
"name": "范鑫",
"myselfList": [
{
"url": "/user/login/phone",
"title": "手机号登录",
"class": "block red"
},
{
"url": "/user/login/username",
"title": "账号密码登录",
"class": "block red"
},
{
"url": "/user/findPassword?type=phone",
"title": "手机号找回",
"class": "block red"
},
{
"url": "/user/findPassword?type=email",
"title": "邮箱找回",
"class": "block red"
},
{
"url": "/user/resetPassword",
"title": "重置",
"class": "block red"
},
{
"url": "/user/center",
"title": "个人中心",
"class": "block red"
},
{
"url": "/user/message",
"title": "我的消息",
"class": "block red"
},
{
"url": "/user/collect",
"title": "我的收藏",
"class": "block red"
},
{
"url": "/user/study",
"title": "我的学习",
"class": "block red"
},
{
"url": "/user/question",
"title": "常见问题",
"class": "block red"
},
{
"url": "/user/questionDetail",
"title": "常见问题详情",
"class": "block red"
},
{
"url": "/user/feedback",
"title": "意见反馈",
"class": "block red"
},
{
"url": "/user/about",
"title": "关于协会",
"class": "block red"
},
{
"url": "/user/setting",
"title": "设置",
"class": "block red"
},
{
"url": "/user/privacy",
"title": "隐私协议",
"class": "block red"
},
{
"url": "/user/service",
"title": "服务协议",
"class": "block red"
},
{
"url": "/user/person",
"title": "个人信息",
"class": "block red"
},
{
"url": "/user/commonEdit",
"title": "设置昵称",
"class": "block red"
},
{
"url": "/user/setting",
"title": "设置",
"class": "block red"
}
]
},
{
"name": "陈新",
"myselfList": [
{
"url": "/home",
"title": "首页",
"class": "block red"
}
]
},
{
"name": "李新",
"myselfList": [
{
"url": "/member/login",
"title": "会员登录",
"class": "block"
}
]
}
]
}
\ No newline at end of file \ No newline at end of file
src/views/catalog/index.vue 0 → 100644
<template>
<div class="page">
<h3>{{finishDesc}}</h3>
<h3>{{todoDesc}}</h3>
<div>
<van-field v-model="userId" name="userId" label="userId" placeholder="请输入userId" class="input" ref="input" />
<van-button round block type="info" @click="modify">修改</van-button>
</div>
<hr />
<span ref="copy">测试copy</span>
<button @click="EventCopy">copy</button>
<div v-for="(item,index) in list" :key="index">
<h4>{{item.name}}</h4>
<router-link v-for="(child,Index) in item.myselfList" :key="Index" :to="child.url" :class="child.class">{{child.title}}: {{child.url}}</router-link>
<hr />
</div>
</div>
</template>
<script>
import data from './data.json'
import utils from "@/utils/";
export default {
name: 'catalog',
data() {
return {
finishDesc: '',
todoDesc: '',
list: [],
userId: ''
}
},
created() {
const { finishDesc, todoDesc, list } = data
this.finishDesc = finishDesc
this.todoDesc = todoDesc
this.list = list
},
mounted() {
this.$refs.input.focus()
},
methods: {
EventCopy() {
utils.Copy(this.$refs.copy);
},
modify() {
if (this.userId) {
this.$store.commit('user/MStoreUserId', this.userId)
window.Toast('修改完成')
} else {
window.Toast('请填写userId')
}
}
}
}
</script>
<style lang="less" scoped>
.page {
padding: 30px;
}
.block {
display: block;
line-height: 40px;
}
.red {
color: red;
}
hr {
margin: 20px 0;
}
.input {
border: 2px solid #ccc;
border-radius: 10px;
margin-bottom: 10px;
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!