完成emptyCard

components/moblie/dataCard.vue

+<template>
+</template>
+
+<script>
+  import commonMixin from "./commonMixin";
+  export default {
+    mixins:[commonMixin],
+    name: "dataCard",
+
+  }
+</script>
+
+<style scoped>
+</style>

components/moblie/emptyCard.vue

@@ -5,18 +5,24 @@
       :flex-v="['row','center','center']"
       :flex-v="['row','center','center']"
       slot="card"
       slot="card"
     >
     >
-        <img
-          src="../../assets/svg/null.svg"
+      <yun-img
+        :src="this.null"
       >
       >
+      </yun-img>
     </yun-div>
     </yun-div>
   </yun-slider>
   </yun-slider>
 </template>
 </template>
 
 
 <script>
 <script>
   import commonMixin from "./commonMixin";
   import commonMixin from "./commonMixin";
+  import Null from '../../assets/svg/null.svg'
 
 
   export default {
   export default {
+
     mixins: [commonMixin],
     mixins: [commonMixin],
+    created(){
+      this.null = Null;
+    },
     name: "emptyCard",
     name: "emptyCard",
     props: {
     props: {
       height: String
       height: String
@@ -24,6 +30,9 @@
   }
   }
 </script>
 </script>
 
 
-<style scoped>
+<style>
+  img {
+    display: block;
+  }
 
 
 </style>
 </style>

components/moblie/personalProjectCard.vue

-<template>
-  <yun-slider>
-    <yun-div
-      :width-v="704"
-      :margin-v="[0,'auto']"
-      :padding-v="[34,0,40]"
-      :flex-v="['row','space-between','flex-start']"
-      :border-v="[1,'solid','#EFEFEF','bottom']"
-      slot="card"
-    >
-      <yun-div
-        :flex-v="['column','space-between','flex-start']"
-      >
-        <yun-div
-          :ske-h="55"
-          :font-style="[30,40,400,'black','left']"
-        >
-          云里云外开源社区云里云外开源
-          <yun-icon
-            :width-v="30"
-            :height-v="30"
-            :border-r="[4]"
-            :margin-v="[0,8,0,16]"
-            :padding-v="[8,8.5]"
-            bg-color-v="#FF7474"
-            name="hot"
-            :size="20"
-            color="#fff">
-          </yun-icon>
-          <yun-icon
-            :width-v="30"
-            :height-v="30"
-            :padding-v="[8,8.5]"
-            :border-r="[4]"
-            bg-color-v="#F8A06F"
-            name="like2"
-            :size="20"
-            color="#fff">
-          </yun-icon>
-        </yun-div>
-
-        <yun-div
-          :font-style="[20,24,400,'#999','left']"
-          :style="{marginTop:commonReturnFlexedLength(16)}"
-          :skeW="500"
-          :skeH="40"
-        >
-          1etris <span class="left-box__dot">·</span> 2020-2-18 10:24:00
-          <span class="left-box__like-icon">
-                <yun-icon name="like1"
-                          :line-height-v="24"
-                          :margin-v="[0,0,0,40]"
-                          :size="20"
-                          color="#ccc"></yun-icon>
-                 <span>12</span>
-            </span>
-          <span  class="left-box__view-icon">
-                 <yun-icon name="view"
-                           :margin-v="[0,0,0,24]"
-
-                           :line-height-v="24"
-                           :size="20"
-                           color="#ccc"></yun-icon>
-                 <span>12</span>
-            </span>
-
-        </yun-div>
-      </yun-div>
-      <yun-div
-        :flex-v="['row','flex-start','flex-start']"
-        :extend-style="{position: 'relative',overflow: 'visible'}"
-      >
-        <yun-icon
-          color="#AAAAAA"
-          name="down_arrow"
-          :size="10"
-          :margin-v="[0,0,0,36]"
-          :style="{width: 'auto', height: 'auto',transition: '0.5s',display: 'inline-block'}"
-          @click.native="handelShowFollow"
-          :class="{active: show}"
-        >
-        </yun-icon>
-        <yun-img
-          :width-v="74"
-          :height-v="74"
-          :ske-h="74"
-          :ske-w="74"
-          :border-r="[6,6,6,6]"
-          :style="{marginLeft:commonReturnFlexedLength(20)} "
-        ></yun-img>
-
-      </yun-div>
-
-    </yun-div>
-  </yun-slider>
-    
-</template>
-
-<script>
-  import commonMixin from "./commonMixin";
-  export default {
-    mixins:[commonMixin],
-    name: "personalProjectCard",
-    data() {
-      return {
-        imgSrc: '',
-        show: false
-      }
-    },
-    methods: {
-      handelShowFollow() {
-        this.show = !this.show
-      }
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  .active {
-    display: inline-block;
-    color: #00AAE6 !important;
-    transition: 0.5s;
-    transform-origin:center center;
-    transform: rotate(180deg);
-  }
-</style>