2.0
This commit is contained in:
以说
parent
5f290dcb22
commit
8914ed0e67
|
|
@ -1,24 +1,49 @@
|
|||
.content{
|
||||
margin: 0 6vw 2vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
/* 编辑按钮 */
|
||||
.content-button {
|
||||
margin: 2vw 16.5vw 1vw;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.breadcrumb{
|
||||
.breadcrumb {
|
||||
margin: 2vw 0;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.card{
|
||||
/*display: flex;*/
|
||||
background-color: white;
|
||||
width: 51vw;
|
||||
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
|
||||
/* 面板 */
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 6vw 3vw;
|
||||
}
|
||||
.content ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.content-button{
|
||||
margin: 2vw 24vw 15px;
|
||||
text-align: right;
|
||||
}
|
||||
/* 卡片内容 */
|
||||
.card {
|
||||
background-color: white;
|
||||
width: 66vw;
|
||||
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
|
||||
margin-bottom: 3vw;
|
||||
}
|
||||
.card-content {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 2vw;
|
||||
}
|
||||
.card-img {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 55%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* 分割线 */
|
||||
.el-divider {
|
||||
width: 95%;
|
||||
height: 2px;
|
||||
margin: 1vw auto;
|
||||
}
|
||||
|
|
@ -82,8 +82,8 @@ export default {
|
|||
case "chart":
|
||||
pageUtils.openPage(this.$router,"/chart")
|
||||
break;
|
||||
case "contact":
|
||||
pageUtils.openPage(this.$router,"/contact")
|
||||
case "contactUs":
|
||||
pageUtils.openPage(this.$router,"/contactUs")
|
||||
break;
|
||||
case "applyList":
|
||||
pageUtils.openPage(this.$router,"/applyList")
|
||||
|
|
|
|||
|
|
@ -1,6 +1,38 @@
|
|||
<template>
|
||||
<div class="content">
|
||||
交流互动
|
||||
<div>
|
||||
|
||||
<div class="content-button">
|
||||
<el-button plain class="edit-button">编辑</el-button>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="white"></div>
|
||||
<div class="card">
|
||||
<el-image :src="chat" class="card-img"/>
|
||||
<div class="card-content">
|
||||
<div>dadasdadsad</div>
|
||||
<div>dsvdsvsdvsdvds</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="chat-link">
|
||||
<div class="chat-link">
|
||||
<el-image :src="chat_link1" class="img-link"/>
|
||||
<div class="chat-link">参赛资讯</div>
|
||||
</div>
|
||||
<div class="chat-link">
|
||||
<el-image :src="chat_link2" class="img-link"/>
|
||||
<div class="chat-link">选手交流</div>
|
||||
</div>
|
||||
<div class="chat-link">
|
||||
<el-image :src="chat_link3" class="img-link"/>
|
||||
<div class="chat-link">专家答疑</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -12,6 +44,19 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
|
||||
.white {
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
.chat-link {
|
||||
display: flex;
|
||||
margin: 1vw auto;
|
||||
}
|
||||
.img-link {
|
||||
width: 25%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style src="@/assets/css/common.css" scoped/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,21 @@
|
|||
<template>
|
||||
<div class="content">联系我们</div>
|
||||
<div>
|
||||
|
||||
<div class="content-button">
|
||||
<el-button plain class="edit-button">编辑</el-button>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="card">
|
||||
<el-image :src="chat" class="card-img"/>
|
||||
<div class="card-content">
|
||||
<div>dadasdadsad</div>
|
||||
<div>dsvdsvsdvsdvds</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,29 @@
|
|||
<template>
|
||||
<div class="content">
|
||||
赛事指南
|
||||
<div>
|
||||
|
||||
<div class="content-button">
|
||||
<el-button plain class="edit-button">编辑</el-button>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<div>{{ content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Guide"
|
||||
name: "Guide",
|
||||
data(){
|
||||
return{
|
||||
content:'赛事指南赛事指南赛事指南赛事指南赛事指南赛事指南',
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
class="video">
|
||||
</Video>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p class="content-font">{{ content }}</p>
|
||||
<div class="card-content">
|
||||
<div>{{ content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -45,18 +45,12 @@ export default {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style src="@/assets/css/common.css" scoped>
|
||||
<style scoped>
|
||||
|
||||
.video{
|
||||
margin: 30px 15px;
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content-font{
|
||||
display: flex;
|
||||
.video {
|
||||
margin: 1vw;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style src="@/assets/css/common.css" scoped/>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,84 @@
|
|||
<template>
|
||||
<div class="content">通知公告</div>
|
||||
<div>
|
||||
|
||||
<div class="content-button">
|
||||
<el-button plain class="edit-button">新增</el-button>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<ul>
|
||||
<!-- <li v-for="item in noticeAll" :key="item.noticeId" class="card">
|
||||
<div class="notice-content-top">{ noticeTop }</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="notice-content-middle">{ noticeMiddle }</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="notice-content-date">{ noticeDate }</div>
|
||||
</li> -->
|
||||
<li class="card">
|
||||
<div class="notice-content-top">1111111</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="notice-content-middle">阿圣诞节快乐大萨达多上厕所带参数的爱吃啥</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="notice-content-bottom">2022.06.06</div>
|
||||
</li>
|
||||
<li class="card">
|
||||
<div class="notice-content-top">2222222222</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="notice-content-middle">SV山东省任女士谁说的SV的SV的SV额</div>
|
||||
<el-divider></el-divider>
|
||||
<div class="notice-content-bottom">2022.06.06</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Notice"
|
||||
name: "Notice",
|
||||
|
||||
data(){
|
||||
return{
|
||||
|
||||
noticeAll:[],
|
||||
noticeId: "",
|
||||
noticeTop: "",
|
||||
noticeMiddle: "",
|
||||
noticeDate: "",
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
//时间渲染：表格内容显示 日期格式
|
||||
dateFormat:function(row,column){
|
||||
var date = row[column.property];
|
||||
if(date === undefined || date == "" || date == null){
|
||||
return ''
|
||||
}
|
||||
return this.$moment(date).format("YYYY-MM-DD HH:mm:ss")
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.notice-content-top {
|
||||
padding: 1vw 2vw 0vw;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.notice-content-bottom {
|
||||
padding: 0vw 2vw 1vw;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style src="@/assets/css/common.css" scoped/>
|
||||
|
|
|
|||
Loading…
Reference in New Issue