wangqing
5 years ago
16 changed files with 692 additions and 102 deletions
|
After Width: | Height: | Size: 1.0 KiB |
@ -1,34 +1,56 @@ |
|||||
export default [ |
export default [ |
||||
{ |
{ |
||||
path: '/', |
path: '/', |
||||
meta: { requireLogin: false }, |
meta: {requireLogin: false}, |
||||
component: () => import(/* webpackChunkName: 'root' */ '@/views/Home.vue'), |
component: () => import(/* webpackChunkName: 'root' */ '@/views/welcome.vue'), |
||||
children: [ |
children: [ |
||||
{ |
{ |
||||
path: '/login', |
path: '/login', |
||||
meta: { requireLogin: false }, |
meta: {requireLogin: false}, |
||||
component: () => import(/* webpackChunkName: 'root' */ '@/views/account/login.vue') |
component: () => import(/* webpackChunkName: 'root' */ '@/views/account/login.vue') |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/enterprise', |
path: '/enterprise', |
||||
meta: { requireLogin: false }, |
meta: {requireLogin: false}, |
||||
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/enterprise/index.vue') |
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/enterprise/index.vue') |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/sources', |
path: '/sources', |
||||
meta: { requireLogin: false }, |
meta: {requireLogin: false}, |
||||
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/sources/index.vue') |
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/sources/index.vue') |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/proposal', |
path: '/proposal', |
||||
meta: { requireLogin: false }, |
meta: {requireLogin: false}, |
||||
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/proposal/index.vue') |
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/proposal/index.vue') |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/console', |
path: '/console', |
||||
meta: { requireLogin: true }, |
meta: {requireLogin: true}, |
||||
component: () => import(/* webpackChunkName: 'root' */ '@/views/account/console/index.vue') |
component: () => import(/* webpackChunkName: 'root' */ '@/views/account/console/index.vue') |
||||
} |
} |
||||
] |
] |
||||
|
}, { |
||||
|
path: '/home', |
||||
|
meta: {requireLogin: true}, |
||||
|
component: () => import(/* webpackChunkName: 'root' */ '@/views/home/index.vue'), |
||||
|
children: [ |
||||
|
{ |
||||
|
path: '/', |
||||
|
meta: {requireLogin: true}, |
||||
|
component: () => import(/* webpackChunkName: 'root' */ '@/views/home/home-view') |
||||
|
} |
||||
|
] |
||||
|
}, { |
||||
|
path: '/project', |
||||
|
meta: {requireLogin: true}, |
||||
|
component: () => import(/* webpackChunkName: 'root' */ '@/views/home/index.vue'), |
||||
|
children: [ |
||||
|
{ |
||||
|
path: 'create', |
||||
|
meta: {requireLogin: true}, |
||||
|
component: () => import(/* webpackChunkName: 'root' */ '@/views/project/create.vue') |
||||
|
} |
||||
|
] |
||||
} |
} |
||||
] |
] |
||||
|
|||||
@ -0,0 +1,45 @@ |
|||||
|
// import api from '@/api'
|
||||
|
|
||||
|
const state = { |
||||
|
token: localStorage.token, |
||||
|
userInfo: localStorage.userInfo |
||||
|
} |
||||
|
|
||||
|
const getters = { |
||||
|
isLogin: state => { |
||||
|
return state.token |
||||
|
}, |
||||
|
userInfo: state => { |
||||
|
return state.userInfo |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const actions = { |
||||
|
login(context, payload) { |
||||
|
return new Promise(resolve => { |
||||
|
// 模拟登录成功，写入 token 信息
|
||||
|
context.commit('setData', { |
||||
|
token: payload.token, |
||||
|
userInfo: payload |
||||
|
}) |
||||
|
resolve() |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const mutations = { |
||||
|
setData(state, data) { |
||||
|
localStorage.setItem('token', data.token) |
||||
|
localStorage.setItem('userInfo', JSON.stringify(data.userInfo)) |
||||
|
state.token = data.token |
||||
|
state.userInfo = data.userInfo |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
namespaced: true, |
||||
|
state, |
||||
|
actions, |
||||
|
getters, |
||||
|
mutations |
||||
|
} |
||||
@ -0,0 +1,121 @@ |
|||||
|
<template> |
||||
|
<el-row> |
||||
|
<el-row type="flex" align="top" justify="space-around"> |
||||
|
<el-col :offset="1" :span="11"> |
||||
|
<el-row type="flex" align="middle" justify="center"> |
||||
|
<el-col :span="3"> |
||||
|
<p class="tagTitle">回收概览</p> |
||||
|
</el-col> |
||||
|
<el-col :offset="1" :span="21"> |
||||
|
<el-select v-model="value" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in ['表单1']" |
||||
|
:key="item" |
||||
|
:label="item" |
||||
|
:value="item" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row |
||||
|
style="width: 719px; height: 416px; border-radius: 10px; border: 1px solid rgba(187, 187, 187, 100);" |
||||
|
> |
||||
|
<el-row style="height: 50px;" /> |
||||
|
<el-row> |
||||
|
<el-row type="flex" justify="space-around"> |
||||
|
<el-col :offset="2" :span="5"> |
||||
|
<span>有效回收量</span> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<span>总浏览量</span> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<span>回收率</span> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<span>平局完成时间</span> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row type="flex" justify="space-around"> |
||||
|
<el-col :offset="2" :span="5"> |
||||
|
<h4> |
||||
|
1231 |
||||
|
</h4> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<h4> |
||||
|
3921 |
||||
|
</h4> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<h4>28%</h4> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<h4>12分16秒</h4> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<img style="width: 719px; height: 252px;" |
||||
|
src="https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2cdrp.png" |
||||
|
> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-row type="flex" align="middle" justify="start"> |
||||
|
<el-col :span="5"> |
||||
|
<p class="tagTitle">表单提交地域分布图</p> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="18"> |
||||
|
<img style="height: 215px;" |
||||
|
src="https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2cdw0.png" |
||||
|
> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row type="flex" justify="space-around"> |
||||
|
<el-col :span="12"> |
||||
|
<el-row> |
||||
|
<el-col :span="5"> |
||||
|
<p class="tagTitle">常用设备</p> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<img style="height: 160px;" |
||||
|
src="https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2cdta.png" |
||||
|
> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-row> |
||||
|
<el-col :span="5"> |
||||
|
<p class="tagTitle">来源渠道</p> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<img style="height: 160px;" |
||||
|
src="https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2cdo2.png" |
||||
|
> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row style="height: 30px;" /> |
||||
|
</el-row> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'HomeDashboard' |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.tagTitle { |
||||
|
font-size: 20px; |
||||
|
border-bottom: 3px solid rgba(68, 68, 68, 100); |
||||
|
line-height: 25px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,39 @@ |
|||||
|
<template> |
||||
|
<el-row> |
||||
|
<el-col :offset="2" :span="5"> |
||||
|
<el-button class="home-fun-btn" @click="$router.push({path:'/project/create'})"> |
||||
|
新建项目 <i class="el-icon-plus" /> |
||||
|
</el-button> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<el-button class="home-fun-btn">我的项目<i class="el-icon-s-custom" /></el-button> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<el-button class="home-fun-btn">行业模板<i class="el-icon-s-management" /></el-button> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<el-button class="home-fun-btn">回收站<i class="el-icon-delete-solid" /></el-button> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'HomeFunction' |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.home-fun-btn { |
||||
|
width: 285px; |
||||
|
height: 145px; |
||||
|
line-height: 20px; |
||||
|
border-radius: 15px; |
||||
|
font-weight: 580; |
||||
|
background-color: rgba(255, 255, 255, 100); |
||||
|
color: rgba(16, 16, 16, 100); |
||||
|
font-size: 14px; |
||||
|
text-align: center; |
||||
|
border: 1px solid rgba(187, 187, 187, 100); |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<el-row> |
||||
|
<Dashboard /> |
||||
|
<HomeFunction /> |
||||
|
</el-row> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import HomeFunction from './home-button' |
||||
|
import Dashboard from './dashboard' |
||||
|
|
||||
|
export default { |
||||
|
name: 'HomeView', |
||||
|
components: {HomeFunction, Dashboard} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,119 @@ |
|||||
|
<template> |
||||
|
<el-container> |
||||
|
<el-header height="107px" class="homeHeaderView"> |
||||
|
<el-row type="flex" align="middle"> |
||||
|
<el-col :span="3" :offset="2"> |
||||
|
<img src="@/assets/images/indexLogo.png" class="headerLogoImg" |
||||
|
@click="$router.push({path:'/project/create'})" |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="5"> |
||||
|
<el-menu :default-active="menuIndex" mode="horizontal" :router="true" text-color="#205BB5" |
||||
|
active-text-color="#205BB5" |
||||
|
> |
||||
|
<el-menu-item v-for="(item, index) in menuRouters" :key="index" :index="item.routerPath" |
||||
|
:route="item.routerPath" class="menuItem" |
||||
|
> |
||||
|
{{ item.title }} |
||||
|
</el-menu-item> |
||||
|
</el-menu> |
||||
|
</el-col> |
||||
|
<el-col :offset="8" :span="1"> |
||||
|
<el-button round>升级</el-button> |
||||
|
</el-col> |
||||
|
<el-col :span="1"> |
||||
|
<svg-icon name="loginWx" style="width: 24px; height: 24px;" /> |
||||
|
</el-col> |
||||
|
<el-col :span="1"> |
||||
|
<el-link href="https://element.eleme.io" target="_blank">帮助</el-link> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<img :src="getUserInfo.avatar" style="width: 68px; height: 68px; border-radius: 100px;"> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-header> |
||||
|
<el-main> |
||||
|
<!-- 轮播·1--> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-carousel height="55px"> |
||||
|
<el-carousel-item v-for="item in 2" :key="item"> |
||||
|
<img style="height: 55px; width: 100%;" |
||||
|
src="https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c4aj.png" |
||||
|
> |
||||
|
</el-carousel-item> |
||||
|
</el-carousel> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<router-view /> |
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
</template> |
||||
|
<script> |
||||
|
import store from '@/store/index.js' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Home', |
||||
|
data() { |
||||
|
return { |
||||
|
menuIndex: null, |
||||
|
menuRouters: [ |
||||
|
{ |
||||
|
routerPath: '/proposal', |
||||
|
title: '提出建议' |
||||
|
}, |
||||
|
{ |
||||
|
routerPath: '/sources', |
||||
|
title: '开源项目' |
||||
|
}, |
||||
|
{ |
||||
|
routerPath: '/enterprise', |
||||
|
title: '提出建议' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
getStore() { |
||||
|
return store |
||||
|
}, |
||||
|
getUserInfo() { |
||||
|
return JSON.parse(this.getStore.getters['user/userInfo']) |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
$route(to) { |
||||
|
this.menuIndex = to.path |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.menuIndex = this.$route.path |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.menuItem { |
||||
|
line-height: 110px; |
||||
|
height: 110px; |
||||
|
font-size: 20px; |
||||
|
text-align: left; |
||||
|
font-weight: 550; |
||||
|
float: right; |
||||
|
} |
||||
|
.el-menu.el-menu--horizontal { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
.homeHeaderView { |
||||
|
height: 117px; |
||||
|
line-height: 20px; |
||||
|
background-color: rgba(255, 255, 255, 100); |
||||
|
color: rgba(16, 16, 16, 100); |
||||
|
font-size: 14px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.headerLogoImg { |
||||
|
width: 245px; |
||||
|
height: 72px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -1,5 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<RouterLink to="/example">演示Demo</RouterLink> |
|
||||
</div> |
|
||||
</template> |
|
||||
@ -1,28 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<button @click="login">模拟登录</button> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
methods: { |
|
||||
login() { |
|
||||
this.$store.dispatch('token/login').then(() => { |
|
||||
// 登录成功后路由跳回 |
|
||||
if (this.$route.query.redirect) { |
|
||||
this.$router.replace({ |
|
||||
path: this.$route.query.redirect |
|
||||
}) |
|
||||
} else { |
|
||||
if (window.history.length <= 1) { |
|
||||
this.$router.push({ path: '/' }) |
|
||||
} else { |
|
||||
this.$router.go(-1) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div class="create-wrapper"> |
||||
|
<el-backtop target=".create-wrapper" :visibility-height="100" :bottom="60" /> |
||||
|
<el-row> |
||||
|
<el-row style="height: 20px;" /> |
||||
|
<el-row> |
||||
|
<el-col :offset="1" :span="2"> |
||||
|
<el-button size="mini" round> |
||||
|
<i class="el-icon-arrow-left" /> |
||||
|
返回 |
||||
|
</el-button> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row type="flex" justify="center"> |
||||
|
<el-col :offset="4" :span="8"> |
||||
|
<el-form ref="form"> |
||||
|
<el-form-item label=""> |
||||
|
<el-input class="search-template-input" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-col> |
||||
|
<el-col :offset="1" :span="4"> |
||||
|
<el-button type="primary" class="search-template-btn">查询</el-button> |
||||
|
</el-col> |
||||
|
<el-col :span="6" /> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :offset="6" :span="8"> |
||||
|
<el-menu default-active="1" class="el-menu-demo" mode="horizontal"> |
||||
|
<el-menu-item index="1">全部</el-menu-item> |
||||
|
<el-menu-item index="2">问卷调查</el-menu-item> |
||||
|
<el-menu-item index="3">满意度调查</el-menu-item> |
||||
|
<el-menu-item index="4">投票评选</el-menu-item> |
||||
|
<el-menu-item index="5">报名登记表</el-menu-item> |
||||
|
<el-menu-item index="6">考试测评</el-menu-item> |
||||
|
</el-menu> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :offset="3" :span="3"> |
||||
|
<span class="tagTitle">推荐模板</span> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :offset="3" :span="3"> |
||||
|
<div class="project-template-view" style="display: flex; align-items: center;"> |
||||
|
<div style="flex: 1;"> |
||||
|
<i style="font-size: 40px; align-items: center;" class="el-icon-plus" /> |
||||
|
<p style="font-size: 14px;">创建一个空白模板</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col v-for="(template,index) in templateList" :key="template.title" |
||||
|
:offset="getTemplateOffset(index)" |
||||
|
:span="3" |
||||
|
> |
||||
|
<div class="project-template-view"> |
||||
|
<img style="width: 144px; height: 133px;" :src="template.image"> |
||||
|
<p style="color: rgba(16, 16, 16, 100); font-size: 14px; margin: 0; line-height: 30px;"> |
||||
|
{{ template.title }} |
||||
|
</p> |
||||
|
<p style="color: rgba(189, 188, 188, 100); font-size: 12px; margin: 0;"> |
||||
|
{{ template.likeCount }}人喜欢 |
||||
|
<svg-icon name="like" style="width: 12px; height: 12px;" /> |
||||
|
</p> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row style="height: 20px;" /> |
||||
|
<el-row type="flex" justify="center"> |
||||
|
<el-col :span="5"> |
||||
|
<el-pagination |
||||
|
:hide-on-single-page="true" |
||||
|
:total="50" |
||||
|
layout="prev, pager, next" |
||||
|
/> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row /> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
export default { |
||||
|
name: 'CreateProject', |
||||
|
data() { |
||||
|
return { |
||||
|
templateList: [ |
||||
|
{ |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, |
||||
|
{ |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, |
||||
|
{ |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
}, { |
||||
|
image: 'https://freebrio.oss-cn-shanghai.aliyuncs.com/t/v2_q2c3ec.png', |
||||
|
title: '垃圾分类问卷调查', |
||||
|
likeCount: 10000 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
computed: {}, methods: { |
||||
|
getTemplateOffset(index) { |
||||
|
console.log(index) |
||||
|
// if (index == 5 || (index != 6 && index != 0 && index % 6 === 0)) { |
||||
|
// return 3 |
||||
|
// } |
||||
|
if ((index + 1) % 6 == 0) { |
||||
|
return 3 |
||||
|
} |
||||
|
return 0 |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.create-wrapper { |
||||
|
height: 100%; |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
.tagTitle { |
||||
|
font-size: 20px; |
||||
|
border-bottom: 3px solid rgba(68, 68, 68, 100); |
||||
|
line-height: 25px; |
||||
|
} |
||||
|
.project-template-view { |
||||
|
width: 151px; |
||||
|
height: 196px; |
||||
|
line-height: 20px; |
||||
|
border-radius: 3px; |
||||
|
text-align: center; |
||||
|
margin-top: 20px; |
||||
|
border: 1px solid rgba(187, 187, 187, 100); |
||||
|
} |
||||
|
.el-menu.el-menu--horizontal { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
/deep/ .search-template-input input { |
||||
|
width: 651px; |
||||
|
height: 50px; |
||||
|
line-height: 20px; |
||||
|
border-radius: 10px; |
||||
|
text-align: center; |
||||
|
border: 1px solid rgba(187, 187, 187, 100); |
||||
|
} |
||||
|
/deep/ .search-template-btn { |
||||
|
width: 132px; |
||||
|
height: 50px; |
||||
|
border-radius: 10px; |
||||
|
background-color: rgba(25, 73, 157, 100); |
||||
|
color: rgba(255, 255, 255, 100); |
||||
|
font-size: 18px; |
||||
|
text-align: center; |
||||
|
border: 1px solid rgba(187, 187, 187, 100); |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue