|
@@ -1,112 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="clickBtn">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="btn">
|
|
|
- <el-col :span="12" class="btnDiv">
|
|
|
- <div @click="$router.push({ path: '/market/index' })">
|
|
|
- <el-image :src="onePic"></el-image>
|
|
|
- <p>科技成果</p>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="btnDiv">
|
|
|
- <div @click="$router.push({ path: '/market/detail' })">
|
|
|
- <el-image :src="twoPic"></el-image>
|
|
|
- <p>解决供求</p>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="btnDiv">
|
|
|
- <div @click="$router.push({ path: '/market/index' })">
|
|
|
- <el-image :src="threePic"></el-image>
|
|
|
- <p>科技活动</p>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="btnDiv">
|
|
|
- <div @click="$router.push({ path: '/market/index' })">
|
|
|
- <el-image :src="fourPic"></el-image>
|
|
|
- <p>科技专家</p>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="message">
|
|
|
- <van-notice-bar left-icon="volume-o" :scrollable="false">
|
|
|
- <van-swipe vertical class="notice-swipe" :autoplay="3000" :show-indicators="false">
|
|
|
- <van-swipe-item v-for="(item, index) in list" :key="index">{{ item.title }}</van-swipe-item>
|
|
|
- </van-swipe>
|
|
|
- </van-notice-bar>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const { mapActions: dock } = createNamespacedHelpers('dock');
|
|
|
-export default {
|
|
|
- name: 'clickBtn',
|
|
|
- props: {},
|
|
|
- components: {},
|
|
|
- data: function() {
|
|
|
- return {
|
|
|
- onePic: require('@/assets/achieve.png'),
|
|
|
- twoPic: require('@/assets/huodong.png'),
|
|
|
- threePic: require('@/assets/huodong.png'),
|
|
|
- fourPic: require('@/assets/export.png'),
|
|
|
- list: [],
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.searchInfo();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...dock({ dockQuery: 'query', palcefetch: 'fetch' }),
|
|
|
- async searchInfo({ skip = 0, limit = 4, ...info } = {}) {
|
|
|
- let res = await this.dockQuery({ skip, limit, ...info });
|
|
|
- if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `list`, res.data);
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- pageTitle() {
|
|
|
- return `${this.$route.meta.title}`;
|
|
|
- },
|
|
|
- },
|
|
|
- metaInfo() {
|
|
|
- return { title: this.$route.meta.title };
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.notice-swipe {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
-}
|
|
|
-/deep/.van-notice-bar {
|
|
|
- color: #000;
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-.info {
|
|
|
- .btn {
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- .btnDiv {
|
|
|
- padding: 10px 0;
|
|
|
- text-align: center;
|
|
|
- div {
|
|
|
- .el-image {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
- p {
|
|
|
- font-size: 18px;
|
|
|
- font-family: 楷体;
|
|
|
- padding: 5px 0 0 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|