fix problem list styles; fix dropdown menu bug

This commit is contained in:
rawidn 2018-04-22 15:27:44 +08:00
parent 21bcf1539d
commit 0c3003127e
6 changed files with 12 additions and 10 deletions

View File

@ -19,7 +19,7 @@
"element-ui": "^2.0.9", "element-ui": "^2.0.9",
"font-awesome": "^4.7.0", "font-awesome": "^4.7.0",
"highlight.js": "^9.12.0", "highlight.js": "^9.12.0",
"iview": "^2.8.0", "iview": "^2.13.0",
"moment": "^2.20.1", "moment": "^2.20.1",
"papaparse": "^4.3.6", "papaparse": "^4.3.6",
"raven-js": "^3.21.0", "raven-js": "^3.21.0",

View File

@ -129,8 +129,8 @@
<style lang="less" scoped> <style lang="less" scoped>
#header { #header {
min-width: 1100px;
position: fixed; position: fixed;
overflow: hidden;
top: 0; top: 0;
left: 0; left: 0;
height: 60px; height: 60px;
@ -151,10 +151,10 @@
} }
.drop-menu { .drop-menu {
float: right; position: absolute;
margin-right: 40px; right: 10px;
&-title { &-title {
font-size: 18px; font-size: 16px;
} }
} }
.btn-menu { .btn-menu {

View File

@ -23,7 +23,7 @@ export default {
return return
} }
tableColumns.splice(0, 0, { tableColumns.splice(0, 0, {
width: '60', width: 60,
title: ' ', title: ' ',
render: (h, params) => { render: (h, params) => {
let status = params.row.my_status let status = params.row.my_status

View File

@ -38,7 +38,7 @@
</div> </div>
<p id="no-contest" v-if="contests.length == 0">No contest</p> <p id="no-contest" v-if="contests.length == 0">No contest</p>
<ol id="contest-list"> <ol id="contest-list">
<li v-for="contest in contests"> <li v-for="contest in contests" :key="contest.title">
<Row type="flex" justify="space-between" align="middle"> <Row type="flex" justify="space-between" align="middle">
<img class="trophy" src="../../../../assets/Cup.png"/> <img class="trophy" src="../../../../assets/Cup.png"/>
<Col :span="18" class="contest-main"> <Col :span="18" class="contest-main">
@ -197,6 +197,7 @@
> li { > li {
padding: 20px; padding: 20px;
border-bottom: 1px solid rgba(187, 187, 187, 0.5); border-bottom: 1px solid rgba(187, 187, 187, 0.5);
list-style: none;
.trophy { .trophy {
height: 40px; height: 40px;

View File

@ -14,7 +14,7 @@
</div> </div>
<template v-if="listVisible"> <template v-if="listVisible">
<ul class="announcements-container" key="list"> <ul class="announcements-container" key="list">
<li v-for="announcement, index in announcements"> <li v-for="announcement in announcements" :key="announcement.title">
<div class="flex-container"> <div class="flex-container">
<div class="title"><a class="entry" @click="goAnnouncement(announcement)"> <div class="title"><a class="entry" @click="goAnnouncement(announcement)">
{{announcement.title}}</a></div> {{announcement.title}}</a></div>
@ -126,6 +126,7 @@
margin-bottom: 10px; margin-bottom: 10px;
li { li {
padding-top: 15px; padding-top: 15px;
list-style: none;
padding-bottom: 15px; padding-bottom: 15px;
margin-left: 20px; margin-left: 20px;
font-size: 16px; font-size: 16px;

View File

@ -91,6 +91,7 @@
{ {
title: '#', title: '#',
key: '_id', key: '_id',
width: 80,
render: (h, params) => { render: (h, params) => {
return h('Button', { return h('Button', {
props: { props: {
@ -110,7 +111,6 @@
}, },
{ {
title: 'Title', title: 'Title',
width: '35%',
render: (h, params) => { render: (h, params) => {
return h('Button', { return h('Button', {
props: { props: {
@ -236,7 +236,7 @@
{ {
title: 'Tags', title: 'Tags',
align: 'center', align: 'center',
width: '200px', width: 200,
render: (h, params) => { render: (h, params) => {
let tags = [] let tags = []
params.row.tags.forEach(tag => { params.row.tags.forEach(tag => {