|
|
@@ -154,7 +154,7 @@ export default {
|
|
|
|
|
|
// 点击全部 跳转页面
|
|
|
todo() {
|
|
|
- this.$router.push({ name: 'todo' })
|
|
|
+ this.$router.push({ path: 'todo' })
|
|
|
console.log(this.$router)
|
|
|
},
|
|
|
|
|
|
@@ -260,12 +260,13 @@ export default {
|
|
|
}
|
|
|
.more {
|
|
|
color: white;
|
|
|
- border: 1px solid rgba(26, 133, 229, 0.1);
|
|
|
padding: 10px 20px;
|
|
|
- background-color: rgba(26, 133, 229);
|
|
|
- border-radius: 10px;
|
|
|
- letter-spacing: 4px;
|
|
|
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
|
|
|
+ border-radius: 999em;
|
|
|
+ border: transparent;
|
|
|
+ background-color: rgba(37, 104, 239,.9);
|
|
|
+ box-shadow: 10px 1px 10px rgba(0, 0, 0, 0.8);
|
|
|
+ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
|
|
|
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
|
|
|
}
|
|
|
.nothing,
|
|
|
.haveSomething {
|
|
|
@@ -296,27 +297,29 @@ export default {
|
|
|
text-align: center;
|
|
|
//四个按钮
|
|
|
.oaItem {
|
|
|
- // background-color: red;
|
|
|
width: calc((100% - 10px) / 4);
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
+
|
|
|
// 图
|
|
|
span {
|
|
|
width: 70px;
|
|
|
height: 70px;
|
|
|
- box-shadow: 18px 18px 30px rgba(0, 0, 0, 0.1), -18px -18px 30px rgb(255, 255, 255);
|
|
|
- border-radius: 14px;
|
|
|
+ border: transparent;
|
|
|
+ background-color: rgba(247, 239, 239, 0.3);
|
|
|
+ box-shadow: 2px 8px 2px rgba(0, 0, 0, 0.8);
|
|
|
+ -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
|
|
|
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
|
|
|
+ border-radius: 10px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- background: #efeeee;
|
|
|
- transition: box-shadow 0.2s ease-out;
|
|
|
position: relative;
|
|
|
img {
|
|
|
- width: 38px;
|
|
|
- height: 38px;
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
}
|
|
|
}
|
|
|
// 文字
|
liangyan0105