From 06ee76d0a83854ad7a044689627e0f00a66e5ce5 Mon Sep 17 00:00:00 2001
From: lijh <lijh>
Date: Wed, 19 Jan 2022 18:36:23 +0800
Subject: [PATCH] 表单校验
---
src/components/swichLabel/main1-show.vue | 46 ++++++++++++++++++++++++++++------------------
1 files changed, 28 insertions(+), 18 deletions(-)
diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue
index 6af6b69..d9ab8d2 100644
--- a/src/components/swichLabel/main1-show.vue
+++ b/src/components/swichLabel/main1-show.vue
@@ -17,7 +17,7 @@
<div class="myModal">
<a-modal v-model="visible" title="日志添加" on-ok="handleOk">
<template slot="footer">
- <a-button key="reset" @click="reset" type="danger">
+ <a-button key="reset" @click="reset" type="danger">
擦掉重来
</a-button>
<a-button key="back" @click="handleCancel">
@@ -51,7 +51,6 @@
<a-icon type="plus-circle" style="margin-left: 0px;" />
</a-button>
<tempFriendBox></tempFriendBox>
- <tempBoxActicle></tempBoxActicle>
<router-view class="fade"></router-view>
</a-col>
@@ -66,27 +65,19 @@
<script>
import tempFriendBox from "../group/tempFriendBox.vue"
- import tempBoxActicle from "../group/tempBoxActicle.vue"
- import tempFormCheck from "../group/tempFormCheck.vue"
import box10 from "../mini/box10-add.vue"
import boxLeft from "../group/boxLeft.vue"
import boxRight from "../group/boxRight.vue"
- import articleList from "../group/articleList.vue"
import articleListScorll from "../group/articleListScorll.vue"
export default {
components: {
tempFriendBox,
- tempBoxActicle,
- tempFormCheck,
box10,
boxLeft,
boxRight,
- articleList,
articleListScorll,
-
-
},
methods: {
getCalendarContainer(trigger) {
@@ -97,7 +88,7 @@
},
handleOk(e) {
console.log(this.$refs.modalBox.form);
- var res=this.$refs.modalBox.$refs.myForm.validate(valid => {
+ var res = this.$refs.modalBox.$refs.myForm.validate(valid => {
if (valid) {
this.$message.info("校验通过")
} else {
@@ -105,9 +96,9 @@
return false;
}
});
-
-
- if(!res)return;
+
+
+ if (!res) return;
this.$message.info("提交表单")
@@ -118,7 +109,7 @@
}, 3000);
},
reset(e) {
- var res=this.$refs.modalBox.$refs.myForm.resetFields()
+ var res = this.$refs.modalBox.$refs.myForm.resetFields()
},
handleCancel(e) {
this.visible = false;
@@ -265,11 +256,14 @@
}
+ @card-box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), -8px -8px 18px rgba(255, 255, 255, 1);
+
/*---------------------
| 核心盒子构成start |
------- ---------------*/
.blog-container {
border-radius: 15px;
+ // background-color: #f5f8fa;
background-color: white;
line-height: 1.4;
@@ -289,9 +283,25 @@
padding-top: 10px;
padding-bottom: 20px;
overflow: hidden;
- -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
- box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
- // box-shadow: 1px 1px 1px 2px #00000059
+ // box-shadow: 1px 1px 1px 2px #00000059;
+
+ // -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
+ // box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
+
+ box-shadow: @card-box-shadow;
+ -webkit-box-shadow: @card-box-shadow;
+ transition: all .4s;
+ -webkit-transition: all .6s;
+ -moz-transition: all .6s;
+ -o-transition: all .6s;
+ -ms-transition: all .6s;
+ }
+
+ //div本体阴影
+ .blog-container:hover {
+ transition: all .25s;
+ -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(255, 255, 255, 0.8), inset 9px 9px 15px rgba(0, 0, 0, 0.1), inset -9px -9px 15px rgba(255, 255, 255, 1);
+ box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(255, 255, 255, 0.8), inset 9px 9px 15px rgba(0, 0, 0, 0.1), inset -9px -9px 15px rgba(255, 255, 255, 1);
}
.show-line {
--
Gitblit v1.9.1