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 {