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 [ |
|||
{ |
|||
path: '/', |
|||
meta: { requireLogin: false }, |
|||
component: () => import(/* webpackChunkName: 'root' */ '@/views/Home.vue'), |
|||
meta: {requireLogin: false}, |
|||
component: () => import(/* webpackChunkName: 'root' */ '@/views/welcome.vue'), |
|||
children: [ |
|||
{ |
|||
path: '/login', |
|||
meta: { requireLogin: false }, |
|||
meta: {requireLogin: false}, |
|||
component: () => import(/* webpackChunkName: 'root' */ '@/views/account/login.vue') |
|||
}, |
|||
{ |
|||
path: '/enterprise', |
|||
meta: { requireLogin: false }, |
|||
meta: {requireLogin: false}, |
|||
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/enterprise/index.vue') |
|||
}, |
|||
{ |
|||
path: '/sources', |
|||
meta: { requireLogin: false }, |
|||
meta: {requireLogin: false}, |
|||
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/sources/index.vue') |
|||
}, |
|||
{ |
|||
path: '/proposal', |
|||
meta: { requireLogin: false }, |
|||
meta: {requireLogin: false}, |
|||
component: () => import(/* webpackChunkName: 'root' */ '@/views/common/proposal/index.vue') |
|||
}, |
|||
{ |
|||
path: '/console', |
|||
meta: { requireLogin: true }, |
|||
meta: {requireLogin: true}, |
|||
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