Skip to content

P
project-online-pc
提交 eaacef54 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

feat: 新增校园一览

上级 6449b173
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 103 行增加 和 16 行删除
app.html
浏览文件 @ eaacef54
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<body {{ BODY_ATTRS }}> <body {{ BODY_ATTRS }}>
{{ APP }} {{ APP }}
<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="./wx.js"></script> <script src="/wx.js"></script>
<script> <script>
var _hmt = _hmt || [] var _hmt = _hmt || []
;(function() { ;(function() {
......
components/base/h5/Menu.vue
浏览文件 @ eaacef54
...@@ -19,6 +19,10 @@ export default { ...@@ -19,6 +19,10 @@ export default {
name: this.$t('menu.project'), name: this.$t('menu.project'),
path: '/project' path: '/project'
}, },
{
name: '校园一览',
path: '/campusList/campusList'
},
{ {
name: '学习安排', name: '学习安排',
path: '/plan' path: '/plan'
...@@ -35,7 +39,7 @@ export default { ...@@ -35,7 +39,7 @@ export default {
children: [ children: [
{ name: '申请要求', path: '/guides/requirements' }, { name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' }, { name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' }, { name: '报名材料', path: '/guides/material' }
// { name: '学费信息', path: '/guides/tuition' } // { name: '学费信息', path: '/guides/tuition' }
] ]
}, },
......
components/layout/pc/Menu.vue
浏览文件 @ eaacef54
...@@ -51,6 +51,10 @@ export default { ...@@ -51,6 +51,10 @@ export default {
name: this.$t('menu.project'), name: this.$t('menu.project'),
path: '/project' path: '/project'
}, },
{
name: '校园一览',
path: '/campusList/campusList'
},
{ {
name: '学习安排', name: '学习安排',
path: '/plan' path: '/plan'
...@@ -67,7 +71,7 @@ export default { ...@@ -67,7 +71,7 @@ export default {
children: [ children: [
{ name: '申请要求', path: '/guides/requirements' }, { name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' }, { name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' }, { name: '报名材料', path: '/guides/material' }
// { name: '学费信息', path: '/guides/tuition' } // { name: '学费信息', path: '/guides/tuition' }
] ]
}, },
......
nuxt.config.js
浏览文件 @ eaacef54
...@@ -42,7 +42,19 @@ export default { ...@@ -42,7 +42,19 @@ export default {
css: ['vant/lib/index.css', '@ezijing/vue-form/dist/vue-form.css', 'assets/theme/index.css', 'assets/css/base.css'], css: ['vant/lib/index.css', '@ezijing/vue-form/dist/vue-form.css', 'assets/theme/index.css', 'assets/css/base.css'],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: ['@/plugins/vant', '@/plugins/i18n', '@/plugins/router', '@/plugins/axios', '@/plugins/element-ui'], plugins: [
'@/plugins/vant',
'@/plugins/i18n',
'@/plugins/router',
'@/plugins/axios',
'@/plugins/element-ui',
{ src: '@/plugins/vue-lazyload.js', ssr: false },
{
// 引入一个插件，这里的 ssr 表示使用服务端渲染
src: 'plugins/vue-swiper.js',
ssr: false
}
],
// Auto import components: https://go.nuxtjs.dev/config-components // Auto import components: https://go.nuxtjs.dev/config-components
components: true, components: true,
......
package-lock.json
浏览文件 @ eaacef54
...@@ -23,12 +23,12 @@ ...@@ -23,12 +23,12 @@
"vant": "^2.12.21", "vant": "^2.12.21",
"viewerjs": "^1.9.0", "viewerjs": "^1.9.0",
"vue-awesome-swiper": "^4.1.1", "vue-awesome-swiper": "^4.1.1",
"vue-i18n": "^8.24.4" "vue-i18n": "^8.24.4",
"vue-lazyload": "^1.3.4"
}, },
"devDependencies": { "devDependencies": {
"sass": "^1.32.11", "sass": "^1.32.11",
"sass-loader": "^10.1.1", "sass-loader": "^10.1.1"
"vue-lazyload": "^1.2.3"
} }
}, },
"node_modules/@babel/code-frame": { "node_modules/@babel/code-frame": {
...@@ -11279,6 +11279,11 @@ ...@@ -11279,6 +11279,11 @@
"vue": ">= 2.6.0" "vue": ">= 2.6.0"
} }
}, },
"node_modules/vant/node_modules/vue-lazyload": {
"version": "1.2.3",
"resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
"integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
},
"node_modules/vary": { "node_modules/vary": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
...@@ -11331,9 +11336,9 @@ ...@@ -11331,9 +11336,9 @@
"integrity": "sha512-RZE94WUAGxEiBAANxQ0pptbRwDkNKNSXl3fnJslpFOxVMF6UkUtMDSuYGuW2blDrVgweIXVpethOVkYoNNT9xw==" "integrity": "sha512-RZE94WUAGxEiBAANxQ0pptbRwDkNKNSXl3fnJslpFOxVMF6UkUtMDSuYGuW2blDrVgweIXVpethOVkYoNNT9xw=="
}, },
"node_modules/vue-lazyload": { "node_modules/vue-lazyload": {
"version": "1.2.3", "version": "1.3.5",
"resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz", "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.3.5.tgz",
"integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==" "integrity": "sha512-SCO/LWgCCbjaregHO4wg2buzITBdPBZRlIS104vERGpT88uxXsK26veuzZpgGAXMR8WpkaR+JDqz80OedpaLiA=="
}, },
"node_modules/vue-loader": { "node_modules/vue-loader": {
"version": "15.9.6", "version": "15.9.6",
...@@ -22304,6 +22309,13 @@ ...@@ -22304,6 +22309,13 @@
"@vant/popperjs": "^1.0.0", "@vant/popperjs": "^1.0.0",
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0", "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
"vue-lazyload": "1.2.3" "vue-lazyload": "1.2.3"
},
"dependencies": {
"vue-lazyload": {
"version": "1.2.3",
"resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
"integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
}
} }
}, },
"vary": { "vary": {
...@@ -22352,9 +22364,9 @@ ...@@ -22352,9 +22364,9 @@
"integrity": "sha512-RZE94WUAGxEiBAANxQ0pptbRwDkNKNSXl3fnJslpFOxVMF6UkUtMDSuYGuW2blDrVgweIXVpethOVkYoNNT9xw==" "integrity": "sha512-RZE94WUAGxEiBAANxQ0pptbRwDkNKNSXl3fnJslpFOxVMF6UkUtMDSuYGuW2blDrVgweIXVpethOVkYoNNT9xw=="
}, },
"vue-lazyload": { "vue-lazyload": {
"version": "1.2.3", "version": "1.3.5",
"resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz", "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.3.5.tgz",
"integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==" "integrity": "sha512-SCO/LWgCCbjaregHO4wg2buzITBdPBZRlIS104vERGpT88uxXsK26veuzZpgGAXMR8WpkaR+JDqz80OedpaLiA=="
}, },
"vue-loader": { "vue-loader": {
"version": "15.9.6", "version": "15.9.6",
......
package.json
浏览文件 @ eaacef54
...@@ -25,11 +25,11 @@ ...@@ -25,11 +25,11 @@
"vant": "^2.12.21", "vant": "^2.12.21",
"viewerjs": "^1.9.0", "viewerjs": "^1.9.0",
"vue-awesome-swiper": "^4.1.1", "vue-awesome-swiper": "^4.1.1",
"vue-i18n": "^8.24.4" "vue-i18n": "^8.24.4",
"vue-lazyload": "^1.3.4"
}, },
"devDependencies": { "devDependencies": {
"sass": "^1.32.11", "sass": "^1.32.11",
"sass-loader": "^10.1.1", "sass-loader": "^10.1.1"
"vue-lazyload": "^1.2.3"
} }
} }
pages/campusList/campusList.vue 0 → 100644
浏览文件 @ eaacef54
差异被折叠。
pages/campusList/components/TabContent.vue 0 → 100644
浏览文件 @ eaacef54
<template>
<ul class="tab-content">
<li
v-for="(item, index) in items"
:key="index"
:class="activeIndex === index && 'active'"
@click="tabChange(index)"
>
{{ item }}
</li>
</ul>
</template>
<script>
export default {
data() {
return {
items: ['图书馆', '实验室', '餐厅&住宿', '运动场', '校园风光', '校园活动', '毕业典礼'],
activeIndex: 0
}
},
methods: {
tabChange(n) {
this.activeIndex = n
this.$emit('tabChange', n)
}
}
}
</script>
<style lang="scss" scoped>
.tab-content {
// padding-top: 0.2rem;
display: flex;
justify-content: center;
overflow-x: auto;
li {
min-width: 106px;
height: 38px;
text-align: center;
line-height: 38px;
font-size: 20px;
font-weight: bold;
color: #333333;
position: relative;
margin-left: 16px;
cursor: pointer;
&.active {
background: #aa1941;
border-radius: 8px 8px 8px 8px;
color: #ffffff;
cursor: pointer;
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论