个人中心，个人资料

components/moblie/dataCard.vue

 <template>
     <yun-div
-      :width-v="704"
+      :width-v="750"
+      :height-v="100"
       :padding-v="[34,0,40]"
       :margin-v="[0,'auto']"
+      bg-color-v="#fff"
+      :paddingV =[paddingL]
+      :extend-style="{boxSizing:'border-box'}"
       :flex-v="['row','space-between','center']"
       slot="card"
     >
       <yun-div
-        :ske-w="50"
+        :ske-w="120"
         :font-style="[30,36,400,'black','left']"
       >
-        签名
+        {{title}}
       </yun-div>
       <yun-div
         :ske-w="100"
@@ -22,7 +26,7 @@
           :no-wrap="true"
           :extend-style="{maxWidth: commonReturnFlexedLength(450)}"
         >
-          放什么
+          {{right}}
         </yun-div>
         <yun-img
           v-if="cardType===2"
@@ -39,6 +43,27 @@
           name="left_arrow"
         ></yun-icon>
       </yun-div>
+      <!--修改信息弹出框-->
+      <yun-dialog
+        v-if="false"
+        title="添加备注"
+        :value="true"
+        :btns="slotDialog.btns"
+      >
+        <yun-div
+          :width-v="464"
+          :margin-v="[0,'auto']"
+          slot="header">
+          <yun-input
+            :width-v="464"
+            :height-v="72"
+            :border-v="[6]"
+            placeholder="输入新昵称"
+            :show-icon="false"
+          >
+          </yun-input>
+        </yun-div>
+      </yun-dialog>
 
     </yun-div>
 
@@ -55,7 +80,9 @@
       cardType:{
         default:1,
         type:Number
-      }
+      },
+      title:String,
+      right:String
     }
 
   }

components/moblie/userCardBig.vue

 <template>
     <yun-div
-    :width-v="704"
-    :height-v="244"
+    :width-v="750"
+    :height-v="314"
     :margin-v="[0,'auto']"
     :padding-v="[34,0,40]"
+    bg-color-v="#fff"
+    :paddingV =[paddingL]
+    :extend-style="{boxSizing:'border-box'}"
     :flex-v="['column','space-between','flex-start']"
     slot="card"
     >

dev-schedule__xb.md

@@ -9,5 +9,5 @@
 + 搜索页 pages/search(3)✅
 
 *commonMixin里加入了通用的路由控制函数和路由对象(routesObject)注意不要单独写*
-+ 个人中心 pages/personal-center/index.vue(4)
-+ 搜索页 pages/personal-center/account.vue(4)
++ 个人中心 pages/personal-center/index.vue(4)✅
++ 个人资料页 pages/personal-center/account.vue(4)✅

pages/personal-center/account.vue

 <template>
 
-  <yun-div
-  >
-    <user-info></user-info>
-    <user-info></user-info>
-    <user-info></user-info>
-    <user-info></user-info>
-    <user-info></user-info>
-    <user-info></user-info>
+  <yun-div>
+    <yun-div
+      :width-v="704"
+      :margin-v="[0,'auto']"
+      :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+    <yun-div>
+      <user-info :cardType="2" title="头像"></user-info>
+      <user-info title="昵称" right="GodLike"></user-info>
+      <user-info title="性别" right="男"></user-info>
+      <user-info title="生日"></user-info>
+    </yun-div>
+    <yun-div
+      :margin-v="[15,0,15,0]"
+    >
+      <user-info title="签名" right="武汉加油"></user-info>
+    </yun-div>
+    <yun-div>
+      <user-info title="微信"></user-info>
+      <user-info title="QQ号" right="1032945421"></user-info>
+      <user-info title="手机号"></user-info>
+    </yun-div>
+    <yun-div
+      :margin-v="[15,0,0,0]"
+    >
+      <user-info title="手机号"></user-info>
+      <user-info title="邮箱号"></user-info>
+      <user-info title="微信号"></user-info>
+      <user-info title="QQ号"></user-info>
+      <user-info title="钉钉号"></user-info>
+    </yun-div>
+    <yun-div
+      :margin-v="[15,0,15,0]"
+    >
+      <user-info title="修改密码"></user-info>
+    </yun-div>
     <yun-dialog
+      v-if="false"
       title="添加备注"
       :value="true"
       :btns="slotDialog.btns"
@@ -24,7 +52,6 @@
           placeholder="输入新昵称"
           :show-icon="false"
         >
-
         </yun-input>
       </yun-div>
     </yun-dialog>

pages/personal-center/index.vue

+<template>
+  <yun-div
+    :width-v="750"
+    :margin-v="[0,'auto']"
+  >
+    <user-card-big
+    ></user-card-big>
+    <yun-div
+      :margin-v="[15,0,0,0]">
+      <data-card title="我的消息"></data-card>
+    </yun-div>
+    <yun-div
+      bg-color-v="white"
+      :margin-v="[15,0,0,0]">
+      <data-card title="我的喜欢"></data-card>
+      <yun-div
+        :width-v="704"
+        :margin-v="[0,'auto']"
+        :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+      <data-card title="我的收藏"></data-card>
+    </yun-div>
+    <yun-div
+      bg-color-v="white"
+      :margin-v="[15,0,0,0]">
+      <data-card title="我的项目"></data-card>
+      <yun-div
+        :width-v="704"
+        :margin-v="[0,'auto']"
+        :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+      <data-card title="我的博客"></data-card>
+      <yun-div
+        :width-v="704"
+        :margin-v="[0,'auto']"
+        :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+      <data-card title="我的提问"></data-card>
+      <yun-div
+        :width-v="704"
+        :margin-v="[0,'auto']"
+        :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+      <data-card title="我的回答"></data-card>
+      <yun-div
+        :width-v="704"
+        :margin-v="[0,'auto']"
+        :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+      <data-card title="我的动态"></data-card>
+      <yun-div
+        :width-v="704"
+        :margin-v="[0,'auto']"
+        :border-v="[1,'solid','#EFEFEF','bottom']"></yun-div>
+      <data-card title="我创建的话题"></data-card>
+    </yun-div>
+    <yun-div
+      :margin-v="[15,0,0,0]"
+    >
+      <data-card title="APP下载"></data-card>
+    </yun-div>
+    <yun-div
+      :width-v="750"
+      :height-v="100"
+      bg-color-v="#fff"
+      :flex-v="['row','center','center']"
+      :margin-v="[15,0,15,0]"
+      :ske-w="120"
+      :font-style="[30,30,400,'#75D098','center']"
+    >
+      安全退出
+    </yun-div>
+
+
+
+  </yun-div>
+</template>
+<script>
+  import userCardBig from '../../components/moblie/userCardBig'
+  import dataCard from '../../components/moblie/dataCard'
+  export default {
+    components:{
+      userCardBig,dataCard
+    }
+
+  }
+
+</script>

pages/search.vue

@@ -44,6 +44,7 @@
         <yun-icon
           :size="15"
           name="close1"
+          style="width:auto;height: auto;"
           color="#00AAE6"
         ></yun-icon>
       </yun-div>