dashboard

This commit is contained in:
chenjianan
2019-07-25 17:02:19 +08:00
parent da03a23c8c
commit 253a8c2d94

View File

@@ -1,8 +1,8 @@
<template> <template>
<el-card> <el-card style="background-color: rgb(41, 51, 61)">
<div class="dashboard-container"> <div class="dashboard-container">
<div class="sudoku_row" > <div class="sudoku_row" >
<div class="dashboard-text">name:{{ name }}</div> <div class="dashboard-text" style="color:white">name:{{ name }}</div>
<el-divider content-position="right">消息通知</el-divider> <el-divider content-position="right">消息通知</el-divider>
<el-card v-for="(sudoku,index) in sudokus" :class="curSelect==sudoku.id?'opacity':''" :key="index" shadow="hover" class="sudoku_item "> <el-card v-for="(sudoku,index) in sudokus" :class="curSelect==sudoku.id?'opacity':''" :key="index" shadow="hover" class="sudoku_item ">
<div> <div>
@@ -137,7 +137,10 @@ export default {
} }
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.dashboard-container .el-divider__text {
color: white;
background-color: rgb(41,51,61);
}
</style> </style>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
/*.text {*/ /*.text {*/
@@ -173,7 +176,7 @@ export default {
.sudoku_item{ .sudoku_item{
margin-bottom: 20px; margin-bottom: 20px;
margin-left: 20px; margin-left: 20px;
/*border: 1px solid red;*/ border: 0 solid red;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;