diff --git a/package-lock.json b/package-lock.json
index 38e979b..4815907 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,11 +10,14 @@
       "dependencies": {
         "axios": "^1.5.1",
         "core-js": "^3.8.3",
+        "jsencrypt": "^3.3.2",
+        "lodash": "^4.17.21",
+        "moment": "^2.29.4",
         "normalize.css": "^8.0.1",
         "postcss-pxtorem": "^6.0.0",
         "vant": "^2.13.1",
         "vue": "^2.6.14",
-        "vue-router": "^3.5.1",
+        "vue-router": "^3.6.5",
         "vuex": "^3.6.2"
       },
       "devDependencies": {
@@ -6637,6 +6640,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jsencrypt": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/jsencrypt/-/jsencrypt-3.3.2.tgz",
+      "integrity": "sha512-arQR1R1ESGdAxY7ZheWr12wCaF2yF47v5qpB76TtV64H1pyGudk9Hvw8Y9tb/FiTIaaTRUyaSnm5T/Y53Ghm/A=="
+    },
     "node_modules/jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-2.5.2.tgz",
@@ -6808,10 +6816,8 @@
     },
     "node_modules/lodash": {
       "version": "4.17.21",
-      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -7312,6 +7318,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mrmime": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz",
@@ -10282,9 +10296,8 @@
     },
     "node_modules/vue-router": {
       "version": "3.6.5",
-      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz",
-      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==",
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
+      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ=="
     },
     "node_modules/vue-style-loader": {
       "version": "4.1.3",
diff --git a/package.json b/package.json
index 106bc9d..b9fd6a9 100644
--- a/package.json
+++ b/package.json
@@ -9,11 +9,14 @@
   "dependencies": {
     "axios": "^1.5.1",
     "core-js": "^3.8.3",
+    "jsencrypt": "^3.3.2",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
     "normalize.css": "^8.0.1",
     "postcss-pxtorem": "^6.0.0",
     "vant": "^2.13.1",
     "vue": "^2.6.14",
-    "vue-router": "^3.5.1",
+    "vue-router": "^3.6.5",
     "vuex": "^3.6.2"
   },
   "devDependencies": {
diff --git a/src/App.vue b/src/App.vue
index 9c9b592..80cafe5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,8 +4,6 @@
   </div>
 </template>
 
-<script src="./libs/flexible"></script>
-<script src="./libs/touch.js"></script>
 
 <style lang="scss" >
 
@@ -22,6 +20,8 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
+  width: 100%;
+  height: 100%;
   color: #2c3e50;
 }
 
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..cd0cff0
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1,243 @@
+
+import http from "../http/index"
+
+// 登录
+// export const fetchLogin = async (ss) => {
+//     return await this.$http.post('http://172.17.8.100/health/user/v1/login', ss)
+// }
+// 注册
+// export const fetchRegister = async (values) => {
+//     return await http.post('/api/health/user/v1/register', values)
+// }
+
+// ----------------------------首页------------------------------
+// 首页
+export const fetchBanner = async () => {
+    return await http.get("/api/health/share/v1/bannersShow")
+}
+// 首页的问诊咨询
+export const fetchAsk = async () => {
+    return await http.get('/api/health/share/knowledgeBase/v1/findDepartment')
+}
+// 首页tab切换头部数据--查询健康咨询板块
+export const fetchNav = async () => {
+    return await http.get('/api/health/share/information/v1/findInformationPlateList')
+}
+// 首页tab切换内容数据---根据咨询板块
+export const fetchCon = async (params) => {
+    return await http.get('/api/health/share/information/v1/findInformationList', params)
+}
+// 首页跳转常见药品标题--根据药品类目查询查询常见药品
+export const fetchYao = async (params) => {
+    return await http.get('/api/health/share/knowledgeBase/v1/findDrugsKnowledgeList', params)
+}
+// 查询常见病症
+export const fetchYY = async (params) => {
+    return await http.get('/api/health/share/knowledgeBase/v1/findDiseaseKnowledge', params)
+}
+// 药品左侧---药品科目分类列表查询
+export const fetchYaoLeft = async () => {
+    return await http.get('/api/health/share/knowledgeBase/v1/findDrugsCategoryList')
+}
+// 首页跳转常见药品里面的详情的详情 红色---查询常见药品详情
+export const fetchSs = async (id) => {
+    return await http.get('/api/health/share/knowledgeBase/v1/findDrugsKnowledge', id)
+}
+// 首页科室症状
+export const fetchZheng = async (departmentId) => {
+    return await http.get('/api/health/share/knowledgeBase/v1/findDiseaseCategory', departmentId)
+}
+// 咨询完整--咨询详情
+export const fetchConsult = async (infoId) => {
+    return await http.get('/api/health/share/information/v1/findInformation', infoId)
+}
+// 视频
+export const fetchVidio = async (params) => {
+    return await http.get('/api//health/user/video/v1/findVideoVoList', params)
+}
+// 热门搜索const---热门搜索
+export const fetchHotSearch = async () => {
+    return await http.get('/api/health/share/v1/popularSearch')
+}
+// 首页搜索
+export const fetchSearch = async (keyWord) => {
+    return await http.get('/api/health/share/v1/homePageSearch', keyWord)
+}
+// 摸索搜索医生的详情页
+export const fetchDoctor = async (doctorId) => {
+    return await http.get('/api/health/user/inquiry/v1/findDoctorInfo', doctorId)
+}
+// 展示所有的评论
+export const fetchComment = async (params) => {
+    return await http.get('/api/health/user/inquiry/v1/findDoctorEvaluateList', params)
+}
+// 首页病友圈
+export const fetchpPathienCircle = async (params) => {
+    return await http.get('/api/health/user/sickCircle/v1/findSickCircleList', params)
+}
+// 查询问诊医生的列表和 我支付成功页面医生推荐
+export const fetchDoctorlIST = async (params) => {
+    return await http.get('/api/health/user/inquiry/v1/findDoctorList', params)
+}
+// 病友圈详情页
+export const fetchPathDetail = async (params) => {
+    return await http.get('/api/health/user/sickCircle/v1/findSickCircleInfo', params)
+}
+// 医生明细
+export const fetchDoctorUser = async (params) => {
+    return await http.get('/api/health/user/inquiry/v1/findDoctorInfo', params)
+}
+// 病友圈关键词搜索
+export const fetchPatKey = async (params) => {
+    return await http.get('/api/health/user/sickCircle/v1/searchSickCircle', params)
+}
+// 查询病友圈的列表
+export const fetchPatList = async (params) => {
+    return await http.get('/api/health/user/sickCircle/v1/findSickCircleCommentList', params)
+}
+// 病友圈发布评论
+export const fetchPublicComment = async (params) => {
+    return await http.post('/api/health/user/sickCircle/verify/v1/publishComment', params)
+}
+// 查看病友的病友圈列表
+export const fetchPatenList = async (params) => {
+    return await http.get('/api//health/user/sickCircle/v1/findPatientSickCircleList', params)
+}
+// 发布病友圈
+export const fetchPubBing = async (params) => {
+    return await http.post('/api//health/user/sickCircle/verify/v1/publishSickCircle', params, {
+        headers: {
+            "Content-Type": "application/json",
+        },
+    }
+    )
+}
+// 上传病友圈图片
+// http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
+export const fetchPubImage = async (params) => {
+    return await http.post('/api/health/user/sickCircle/verify/v1/uploadSickCirclePicture', params,
+        {
+            headers: {
+                "Content-Type": 'multipart/form-data',
+            },
+        })
+}
+// 关注医生
+export const fetchDoctorLike = async (params) => {
+    return await http.post('/api/health/user/inquiry/verify/v1/followDoctor', params)
+}
+// 取消关注医生
+export const fetchDoctorisLike = async (params) => {
+    return await http.delete('/api/health/user/inquiry/verify/v1/cancelFollow', params)
+}
+// ----------------------------------------我的----------------------------------------
+// 支付
+export const fetchPayMoney = async (params) => {
+    return await http.post('/api/health/user/verify/v1/recharge', params)
+}
+// 我的钱包
+export const fetchPackage = async (params) => {
+    return await http.get('/api/health/user/verify/v1/findUserWallet', params)
+}
+// 用户当前问诊
+export const fetchRecord = async () => {
+    return await http.get('/api/health/user/inquiry/verify/v1/findCurrentInquiryRecord')
+}
+// 我的钱包xx
+export const fetchWallet = async (params) => {
+    return await http.get('/api/health/user/verify/v1/findHealthyCurrencyNoticeList', params)
+}
+// 我的钱包列表
+export const fetchMoneyList = async (params) => {
+    return await http.get('/api/health/user/verify/v1/findUserConsumptionRecordList', params)
+}
+// 咨询医生--聊天
+export const fetchDoctorOnly = async (params) => {
+    return await http.put('/api/health/user/inquiry/verify/v1/consultDoctor', params)
+}
+// 查询用户当前问诊
+export const fetchDoctorCurrent = async () => {
+    return await http.get('/api/health/user/inquiry/verify/v1/findCurrentInquiryRecord')
+}
+// 结束问诊
+export const fetchOverAsk = async (params) => {
+    return await http.put('/api/health/user/inquiry/verify/v1/endInquiry', params)
+}
+// 历史问诊列表
+export const fetchHistoryList = async (params) => {
+    return await http.get('/api/health/user/inquiry/verify/v1/findHistoryInquiryRecord', params)
+}
+// 用户评论问诊
+export const fetchCommentDoctor = async (params) => {
+    return await http.put('/api/health/user/inquiry/verify/v1/evaluationInquiry', params)
+}
+// 查询礼物列表
+export const fetchGiftList = async () => {
+    return await http.get('/api/health/user/inquiry/v1/findGiftList')
+}
+// 确定送礼物
+export const fetchGiftYour = async (params) => {
+    return await http.put('/api/health/user/inquiry/verify/v1/handselGift', params)
+}
+// 提现
+export const fetchGetMoney = async (params) => {
+    return await http.post('/api/health/user/verify/v1/drawCash', params)
+}
+// 添加我的档案
+export const fetchAddProFile = async (params) => {
+    return await http.post('/api/health/user/verify/v1/addUserArchives', params, {
+        headers: {
+            "Content-Type": "application/json",
+        },
+    })
+}
+// 添加档案的图片
+export const fetchImage = async (params) => {
+    return await http.post('/api/health/user/verify/v1/uploadArchivesPicture', params, {
+        headers: {
+            "Content-Type": 'multipart/form-data',
+        },
+    })
+}
+// 删除文档
+export const fetchDelete=async(params)=>{
+    return await http.delete('/api/health/user/verify/v1/deleteUserArchives',params)
+}
+// 编辑文档
+export const fetchEditProfile = async (params) => {
+    return await http.put('/api/health/user/verify/v1/updateUserArchives', params, {
+        headers: {
+            "Content-Type": "application/json",
+        },
+    })
+}
+// 我的档案列表
+export const fetchGetProfile = async (params) => {
+    return await http.get('/api/health/user/verify/v1/findUserArchives')
+}
+// 收藏病友圈
+
+export const fetchPatientSave=async(params)=>{
+    return await http.post('/api/health/user/verify/v1/addUserSickCollection',params)
+}
+//取消 收藏病友圈
+
+export const fetchPatientNoSave=async(params)=>{
+    return await http.delete('/api/health/user/verify/v1/cancelSickCollection',params)
+}
+// 查看收藏病友圈
+export const fetchSeeCirle=async(params)=>{
+    return await http.get('/api/health/user/verify/v1/findUserSickCollectionList',params)
+}
+// 查看收藏咨询
+export const fetchSeeAsk=async(params)=>{
+    return await http.get('/api/health/user/verify/v1/findVideoCollectionList',params)
+}
+// 查看收藏视屏
+export const fetchSeeVideo=async(params)=>{
+    return await http.get('/api/health/user/verify/v1/findVideoCollectionList',params)
+}
+// 提现记录 网路异常？
+export const fetchGetList=async(params)=>{
+    return await http.get('/api/health/user/verify/v1/findUserDrawRecordList',params)
+}
\ No newline at end of file
diff --git a/src/assets/images/icon/common resource/hdpi/circle_icon_drop_down_n.png b/src/assets/images/icon/common resource/hdpi/circle_icon_drop_down_n.png
new file mode 100644
index 0000000..66bb7fe
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/circle_icon_drop_down_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/comment_list_icon_adoption_n.png b/src/assets/images/icon/common resource/hdpi/comment_list_icon_adoption_n.png
new file mode 100644
index 0000000..b6198fc
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/comment_list_icon_adoption_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/comment_list_icon_adoption_s.png b/src/assets/images/icon/common resource/hdpi/comment_list_icon_adoption_s.png
new file mode 100644
index 0000000..5588f94
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/comment_list_icon_adoption_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_ascending_s.png b/src/assets/images/icon/common resource/hdpi/common_button_ascending_s.png
new file mode 100644
index 0000000..dfec99a
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_ascending_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_close_n.png b/src/assets/images/icon/common resource/hdpi/common_button_close_n.png
new file mode 100644
index 0000000..89a211f
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_close_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_collection_large_n.png b/src/assets/images/icon/common resource/hdpi/common_button_collection_large_n.png
new file mode 100644
index 0000000..13f4d3d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_collection_large_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_collection_large_s.png b/src/assets/images/icon/common resource/hdpi/common_button_collection_large_s.png
new file mode 100644
index 0000000..ebb3b48
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_collection_large_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_collection_small_n.png b/src/assets/images/icon/common resource/hdpi/common_button_collection_small_n.png
new file mode 100644
index 0000000..7426a64
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_collection_small_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_collection_small_s.png b/src/assets/images/icon/common resource/hdpi/common_button_collection_small_s.png
new file mode 100644
index 0000000..3071455
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_collection_small_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_descending_s.png b/src/assets/images/icon/common resource/hdpi/common_button_descending_s.png
new file mode 100644
index 0000000..9411c53
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_descending_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_sequence_n.png b/src/assets/images/icon/common resource/hdpi/common_button_sequence_n.png
new file mode 100644
index 0000000..746cf45
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_sequence_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_button_share_n.png b/src/assets/images/icon/common resource/hdpi/common_button_share_n.png
new file mode 100644
index 0000000..78bab34
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_button_share_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_agree_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_agree_n.png
new file mode 100644
index 0000000..4c3719d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_agree_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_agree_s.png b/src/assets/images/icon/common resource/hdpi/common_icon_agree_s.png
new file mode 100644
index 0000000..43980f7
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_agree_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_attention_large_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_attention_large_n.png
new file mode 100644
index 0000000..3cae292
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_attention_large_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_attention_large_s.png b/src/assets/images/icon/common resource/hdpi/common_icon_attention_large_s.png
new file mode 100644
index 0000000..3ddf33f
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_attention_large_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_attention_small_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_attention_small_n.png
new file mode 100644
index 0000000..4320a9d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_attention_small_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_attention_small_s.png b/src/assets/images/icon/common resource/hdpi/common_icon_attention_small_s.png
new file mode 100644
index 0000000..46b89fe
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_attention_small_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_authenticate_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_authenticate_n.png
new file mode 100644
index 0000000..6b39b3e
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_authenticate_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_back_black_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_back_black_n.png
new file mode 100644
index 0000000..0557009
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_back_black_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_back_white_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_back_white_n.png
new file mode 100644
index 0000000..f58fa20
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_back_white_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_boy_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_boy_n.png
new file mode 100644
index 0000000..0cc7759
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_boy_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_close_grey_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_close_grey_n.png
new file mode 100644
index 0000000..836be9d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_close_grey_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_close_live_commenting_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_close_live_commenting_n.png
new file mode 100644
index 0000000..a0b9487
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_close_live_commenting_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_close_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_close_n.png
new file mode 100644
index 0000000..b19f86c
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_close_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_collect_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_collect_n.png
new file mode 100644
index 0000000..d72d104
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_collect_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_comment_large_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_comment_large_n.png
new file mode 100644
index 0000000..2bbd0c6
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_comment_large_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_comment_large_s.png b/src/assets/images/icon/common resource/hdpi/common_icon_comment_large_s.png
new file mode 100644
index 0000000..dc87f6e
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_comment_large_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_comment_samll_s.png b/src/assets/images/icon/common resource/hdpi/common_icon_comment_samll_s.png
new file mode 100644
index 0000000..96547e7
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_comment_samll_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_comment_small_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_comment_small_n.png
new file mode 100644
index 0000000..60737c0
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_comment_small_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_disagree_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_disagree_n.png
new file mode 100644
index 0000000..24630ae
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_disagree_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_disagree_s.png b/src/assets/images/icon/common resource/hdpi/common_icon_disagree_s.png
new file mode 100644
index 0000000..87e48cc
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_disagree_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_drop_down_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_drop_down_n.png
new file mode 100644
index 0000000..b51fb74
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_drop_down_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_expression_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_expression_n.png
new file mode 100644
index 0000000..064daea
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_expression_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_expression_white_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_expression_white_n.png
new file mode 100644
index 0000000..c244be2
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_expression_white_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_girl_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_girl_n.png
new file mode 100644
index 0000000..8acc658
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_girl_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_inquiry_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_inquiry_n.png
new file mode 100644
index 0000000..c12bc7a
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_inquiry_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_keyboard_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_keyboard_n.png
new file mode 100644
index 0000000..d52b4af
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_keyboard_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_more_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_more_n.png
new file mode 100644
index 0000000..7a28640
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_more_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_on_slippery_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_on_slippery_n.png
new file mode 100644
index 0000000..669205f
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_on_slippery_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_open_live_commenting_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_open_live_commenting_n.png
new file mode 100644
index 0000000..d974cb0
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_open_live_commenting_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_picture_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_picture_n.png
new file mode 100644
index 0000000..4543228
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_picture_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_search_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_search_n.png
new file mode 100644
index 0000000..ed9d3b7
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_search_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_send_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_send_n.png
new file mode 100644
index 0000000..8c89cfa
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_send_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_send_white_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_send_white_n.png
new file mode 100644
index 0000000..c1f3bc7
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_send_white_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_time_out_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_time_out_n.png
new file mode 100644
index 0000000..ef40e55
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_time_out_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_toll_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_toll_n.png
new file mode 100644
index 0000000..fb5b207
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_toll_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_voice_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_voice_n.png
new file mode 100644
index 0000000..14dfe4d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_voice_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_weixin_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_weixin_n.png
new file mode 100644
index 0000000..e9d2357
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_weixin_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_icon_zhifubao_n.png b/src/assets/images/icon/common resource/hdpi/common_icon_zhifubao_n.png
new file mode 100644
index 0000000..3ed6a26
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_icon_zhifubao_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_information_next_n.png b/src/assets/images/icon/common resource/hdpi/common_information_next_n.png
new file mode 100644
index 0000000..4523016
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_information_next_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_list_previous_n.png b/src/assets/images/icon/common resource/hdpi/common_list_previous_n.png
new file mode 100644
index 0000000..8081d0b
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_list_previous_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_nav_message_black_n.png b/src/assets/images/icon/common resource/hdpi/common_nav_message_black_n.png
new file mode 100644
index 0000000..ae8d1da
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_nav_message_black_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_nav_message_black_s.png b/src/assets/images/icon/common resource/hdpi/common_nav_message_black_s.png
new file mode 100644
index 0000000..6cf6412
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_nav_message_black_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_nav_message_white_n.png b/src/assets/images/icon/common resource/hdpi/common_nav_message_white_n.png
new file mode 100644
index 0000000..b9e095e
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_nav_message_white_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_nav_message_white_s.png b/src/assets/images/icon/common resource/hdpi/common_nav_message_white_s.png
new file mode 100644
index 0000000..2711c57
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_nav_message_white_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_tab_circle_n.png b/src/assets/images/icon/common resource/hdpi/common_tab_circle_n.png
new file mode 100644
index 0000000..242d01b
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_tab_circle_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_tab_circle_s.png b/src/assets/images/icon/common resource/hdpi/common_tab_circle_s.png
new file mode 100644
index 0000000..69b9058
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_tab_circle_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_tab_home_n.png b/src/assets/images/icon/common resource/hdpi/common_tab_home_n.png
new file mode 100644
index 0000000..f199ada
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_tab_home_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_tab_home_s.png b/src/assets/images/icon/common resource/hdpi/common_tab_home_s.png
new file mode 100644
index 0000000..931f9e1
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_tab_home_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_tab_video_n.png b/src/assets/images/icon/common resource/hdpi/common_tab_video_n.png
new file mode 100644
index 0000000..8be9919
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_tab_video_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/common_tab_video_s.png b/src/assets/images/icon/common resource/hdpi/common_tab_video_s.png
new file mode 100644
index 0000000..bed921d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/common_tab_video_s.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/evaluation_icon_angry_n.png b/src/assets/images/icon/common resource/hdpi/evaluation_icon_angry_n.png
new file mode 100644
index 0000000..8eb9221
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/evaluation_icon_angry_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/evaluation_icon_laugh_n.png b/src/assets/images/icon/common resource/hdpi/evaluation_icon_laugh_n.png
new file mode 100644
index 0000000..a4a4b7f
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/evaluation_icon_laugh_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/evaluation_icon_smile_n.png b/src/assets/images/icon/common resource/hdpi/evaluation_icon_smile_n.png
new file mode 100644
index 0000000..8505088
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/evaluation_icon_smile_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/loading.gif b/src/assets/images/icon/common resource/hdpi/loading.gif
new file mode 100644
index 0000000..dd0901a
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/loading.gif differ
diff --git a/src/assets/images/icon/common resource/hdpi/loading.png b/src/assets/images/icon/common resource/hdpi/loading.png
new file mode 100644
index 0000000..1c2bc4c
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/loading.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_icon_hide_password_n.png b/src/assets/images/icon/common resource/hdpi/login_icon_hide_password_n.png
new file mode 100644
index 0000000..45a41cb
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_icon_hide_password_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_icon_lock_n.png b/src/assets/images/icon/common resource/hdpi/login_icon_lock_n.png
new file mode 100644
index 0000000..b205a6e
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_icon_lock_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_icon_mail_n.png b/src/assets/images/icon/common resource/hdpi/login_icon_mail_n.png
new file mode 100644
index 0000000..64e123a
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_icon_mail_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_icon_show_password.png b/src/assets/images/icon/common resource/hdpi/login_icon_show_password.png
new file mode 100644
index 0000000..31edc4c
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_icon_show_password.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_icon_unlock_n.png b/src/assets/images/icon/common resource/hdpi/login_icon_unlock_n.png
new file mode 100644
index 0000000..cf5d86c
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_icon_unlock_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_icon_weixin_white_n.png b/src/assets/images/icon/common resource/hdpi/login_icon_weixin_white_n.png
new file mode 100644
index 0000000..ba90953
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_icon_weixin_white_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/login_warning.png b/src/assets/images/icon/common resource/hdpi/login_warning.png
new file mode 100644
index 0000000..f3f0e37
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/login_warning.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/message_icon_close_n.png b/src/assets/images/icon/common resource/hdpi/message_icon_close_n.png
new file mode 100644
index 0000000..1148742
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/message_icon_close_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_collection_icon_full_screen_n.png b/src/assets/images/icon/common resource/hdpi/my_collection_icon_full_screen_n.png
new file mode 100644
index 0000000..6b43e2d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_collection_icon_full_screen_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_advice_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_advice_n.png
new file mode 100644
index 0000000..3cb90e1
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_advice_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_age_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_age_n.png
new file mode 100644
index 0000000..163b9f5
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_age_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_camera_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_camera_n.png
new file mode 100644
index 0000000..30a2f7d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_camera_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_circle_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_circle_n.png
new file mode 100644
index 0000000..4faebc6
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_circle_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_file_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_file_n.png
new file mode 100644
index 0000000..ab2e3b2
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_file_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_height_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_height_n.png
new file mode 100644
index 0000000..ccef3d5
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_height_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_next_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_next_n.png
new file mode 100644
index 0000000..001d56d
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_next_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_set_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_set_n.png
new file mode 100644
index 0000000..96b9f86
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_set_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_task_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_task_n.png
new file mode 100644
index 0000000..5020d6e
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_task_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_video_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_video_n.png
new file mode 100644
index 0000000..a140145
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_video_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_wallet_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_wallet_n.png
new file mode 100644
index 0000000..fd4440f
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_wallet_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/my_icon_weight_n.png b/src/assets/images/icon/common resource/hdpi/my_icon_weight_n.png
new file mode 100644
index 0000000..8ede961
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/my_icon_weight_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/register_icon_invitatiion_code_n.png b/src/assets/images/icon/common resource/hdpi/register_icon_invitatiion_code_n.png
new file mode 100644
index 0000000..7a557b2
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/register_icon_invitatiion_code_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/register_icon_verification_code_n.png b/src/assets/images/icon/common resource/hdpi/register_icon_verification_code_n.png
new file mode 100644
index 0000000..a4f9771
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/register_icon_verification_code_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/setting_icon_deep_color_sun_n.png b/src/assets/images/icon/common resource/hdpi/setting_icon_deep_color_sun_n.png
new file mode 100644
index 0000000..12f80b8
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/setting_icon_deep_color_sun_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/setting_icon_light_color_sun_n.png b/src/assets/images/icon/common resource/hdpi/setting_icon_light_color_sun_n.png
new file mode 100644
index 0000000..a205e7b
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/setting_icon_light_color_sun_n.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/user.png b/src/assets/images/icon/common resource/hdpi/user.png
new file mode 100644
index 0000000..ed25bc5
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/user.png differ
diff --git a/src/assets/images/icon/common resource/hdpi/wallet_icon_clock_n.png b/src/assets/images/icon/common resource/hdpi/wallet_icon_clock_n.png
new file mode 100644
index 0000000..104cda8
Binary files /dev/null and b/src/assets/images/icon/common resource/hdpi/wallet_icon_clock_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/circle_icon_drop_down_n.png b/src/assets/images/icon/common resource/xhdpi/circle_icon_drop_down_n.png
new file mode 100644
index 0000000..b13853d
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/circle_icon_drop_down_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/comment_list_icon_adoption_n.png b/src/assets/images/icon/common resource/xhdpi/comment_list_icon_adoption_n.png
new file mode 100644
index 0000000..682df16
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/comment_list_icon_adoption_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/comment_list_icon_adoption_s.png b/src/assets/images/icon/common resource/xhdpi/comment_list_icon_adoption_s.png
new file mode 100644
index 0000000..77867a5
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/comment_list_icon_adoption_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_ascending_s.png b/src/assets/images/icon/common resource/xhdpi/common_button_ascending_s.png
new file mode 100644
index 0000000..4dff82f
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_ascending_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_close_n.png b/src/assets/images/icon/common resource/xhdpi/common_button_close_n.png
new file mode 100644
index 0000000..244cb00
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_close_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_collection_large_n.png b/src/assets/images/icon/common resource/xhdpi/common_button_collection_large_n.png
new file mode 100644
index 0000000..44e7603
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_collection_large_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_collection_large_s.png b/src/assets/images/icon/common resource/xhdpi/common_button_collection_large_s.png
new file mode 100644
index 0000000..d405011
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_collection_large_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_collection_small_n.png b/src/assets/images/icon/common resource/xhdpi/common_button_collection_small_n.png
new file mode 100644
index 0000000..bcfc91b
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_collection_small_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_collection_small_s.png b/src/assets/images/icon/common resource/xhdpi/common_button_collection_small_s.png
new file mode 100644
index 0000000..11cbf2e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_collection_small_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_descending_s.png b/src/assets/images/icon/common resource/xhdpi/common_button_descending_s.png
new file mode 100644
index 0000000..bd575ca
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_descending_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_sequence_n.png b/src/assets/images/icon/common resource/xhdpi/common_button_sequence_n.png
new file mode 100644
index 0000000..0d47cab
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_sequence_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_button_share_n.png b/src/assets/images/icon/common resource/xhdpi/common_button_share_n.png
new file mode 100644
index 0000000..21084d9
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_button_share_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_agree_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_agree_n.png
new file mode 100644
index 0000000..af2d500
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_agree_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_agree_s.png b/src/assets/images/icon/common resource/xhdpi/common_icon_agree_s.png
new file mode 100644
index 0000000..2780b2c
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_agree_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_attention_large_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_large_n.png
new file mode 100644
index 0000000..9780191
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_large_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_attention_large_s.png b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_large_s.png
new file mode 100644
index 0000000..69c30c0
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_large_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_attention_small_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_small_n.png
new file mode 100644
index 0000000..fe0800e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_small_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_attention_small_s.png b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_small_s.png
new file mode 100644
index 0000000..7cc2811
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_attention_small_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_authenticate_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_authenticate_n.png
new file mode 100644
index 0000000..3999ce6
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_authenticate_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_back_black_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_back_black_n.png
new file mode 100644
index 0000000..93307ae
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_back_black_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_back_white_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_back_white_n.png
new file mode 100644
index 0000000..6af1977
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_back_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_boy_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_boy_n.png
new file mode 100644
index 0000000..7610292
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_boy_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_close_grey_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_close_grey_n.png
new file mode 100644
index 0000000..0cefd5a
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_close_grey_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_close_live_commenting_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_close_live_commenting_n.png
new file mode 100644
index 0000000..47d593d
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_close_live_commenting_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_close_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_close_n.png
new file mode 100644
index 0000000..5dfcbc5
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_close_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_collect_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_collect_n.png
new file mode 100644
index 0000000..51f6567
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_collect_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_comment_large_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_large_n.png
new file mode 100644
index 0000000..49b4b88
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_large_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_comment_large_s.png b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_large_s.png
new file mode 100644
index 0000000..66bf23b
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_large_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_comment_samll_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_samll_n.png
new file mode 100644
index 0000000..b594cf8
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_samll_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_comment_samll_s.png b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_samll_s.png
new file mode 100644
index 0000000..c810edd
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_comment_samll_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_disagree_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_disagree_n.png
new file mode 100644
index 0000000..398c0fb
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_disagree_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_disagree_s.png b/src/assets/images/icon/common resource/xhdpi/common_icon_disagree_s.png
new file mode 100644
index 0000000..998b4fa
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_disagree_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_drop_down_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_drop_down_n.png
new file mode 100644
index 0000000..d2ac5f3
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_drop_down_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_expression_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_expression_n.png
new file mode 100644
index 0000000..2730c5e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_expression_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_expression_white_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_expression_white_n.png
new file mode 100644
index 0000000..29be47f
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_expression_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_girl_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_girl_n.png
new file mode 100644
index 0000000..5353ae0
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_girl_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_inquiry_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_inquiry_n.png
new file mode 100644
index 0000000..50ea04e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_inquiry_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_keyboard_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_keyboard_n.png
new file mode 100644
index 0000000..0bfc2c9
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_keyboard_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_more_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_more_n.png
new file mode 100644
index 0000000..a3ac935
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_more_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_on_slippery_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_on_slippery_n.png
new file mode 100644
index 0000000..68750e8
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_on_slippery_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_open_live_commenting_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_open_live_commenting_n.png
new file mode 100644
index 0000000..332d050
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_open_live_commenting_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_picture_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_picture_n.png
new file mode 100644
index 0000000..4543228
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_picture_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_search_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_search_n.png
new file mode 100644
index 0000000..14a3522
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_search_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_send_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_send_n.png
new file mode 100644
index 0000000..8c89cfa
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_send_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_send_white_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_send_white_n.png
new file mode 100644
index 0000000..661b28b
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_send_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_time_out_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_time_out_n.png
new file mode 100644
index 0000000..ab6c78e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_time_out_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_toll_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_toll_n.png
new file mode 100644
index 0000000..a48eeb6
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_toll_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_voice_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_voice_n.png
new file mode 100644
index 0000000..e0643a2
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_voice_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_weixin_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_weixin_n.png
new file mode 100644
index 0000000..f05771f
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_weixin_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_icon_zhifubao_n.png b/src/assets/images/icon/common resource/xhdpi/common_icon_zhifubao_n.png
new file mode 100644
index 0000000..1aa94e3
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_icon_zhifubao_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_information_next_n.png b/src/assets/images/icon/common resource/xhdpi/common_information_next_n.png
new file mode 100644
index 0000000..8f47df4
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_information_next_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_list_previous_n.png b/src/assets/images/icon/common resource/xhdpi/common_list_previous_n.png
new file mode 100644
index 0000000..3d58391
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_list_previous_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_nav_message_black_n.png b/src/assets/images/icon/common resource/xhdpi/common_nav_message_black_n.png
new file mode 100644
index 0000000..6edfa01
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_nav_message_black_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_nav_message_black_s.png b/src/assets/images/icon/common resource/xhdpi/common_nav_message_black_s.png
new file mode 100644
index 0000000..5ccba3c
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_nav_message_black_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_nav_message_white_n.png b/src/assets/images/icon/common resource/xhdpi/common_nav_message_white_n.png
new file mode 100644
index 0000000..6810547
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_nav_message_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_nav_message_white_s.png b/src/assets/images/icon/common resource/xhdpi/common_nav_message_white_s.png
new file mode 100644
index 0000000..1f80e6b
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_nav_message_white_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_tab_circle_n.png b/src/assets/images/icon/common resource/xhdpi/common_tab_circle_n.png
new file mode 100644
index 0000000..3cc52c0
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_tab_circle_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_tab_circle_s.png b/src/assets/images/icon/common resource/xhdpi/common_tab_circle_s.png
new file mode 100644
index 0000000..e787768
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_tab_circle_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_tab_home_n.png b/src/assets/images/icon/common resource/xhdpi/common_tab_home_n.png
new file mode 100644
index 0000000..e9dc526
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_tab_home_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_tab_home_s.png b/src/assets/images/icon/common resource/xhdpi/common_tab_home_s.png
new file mode 100644
index 0000000..98ba972
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_tab_home_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_tab_video_n.png b/src/assets/images/icon/common resource/xhdpi/common_tab_video_n.png
new file mode 100644
index 0000000..82d5db7
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_tab_video_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/common_tab_video_s.png b/src/assets/images/icon/common resource/xhdpi/common_tab_video_s.png
new file mode 100644
index 0000000..be3377f
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/common_tab_video_s.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/evaluation_icon_angry_n.png b/src/assets/images/icon/common resource/xhdpi/evaluation_icon_angry_n.png
new file mode 100644
index 0000000..32a8f34
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/evaluation_icon_angry_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/evaluation_icon_laugh_n.png b/src/assets/images/icon/common resource/xhdpi/evaluation_icon_laugh_n.png
new file mode 100644
index 0000000..9f58d5e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/evaluation_icon_laugh_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/evaluation_icon_smile_n.png b/src/assets/images/icon/common resource/xhdpi/evaluation_icon_smile_n.png
new file mode 100644
index 0000000..b624baa
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/evaluation_icon_smile_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_icon_hide_password_n.png b/src/assets/images/icon/common resource/xhdpi/login_icon_hide_password_n.png
new file mode 100644
index 0000000..4cc2783
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_icon_hide_password_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_icon_lock_n.png b/src/assets/images/icon/common resource/xhdpi/login_icon_lock_n.png
new file mode 100644
index 0000000..a41a938
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_icon_lock_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_icon_mail_n.png b/src/assets/images/icon/common resource/xhdpi/login_icon_mail_n.png
new file mode 100644
index 0000000..4437143
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_icon_mail_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_icon_show_password.png b/src/assets/images/icon/common resource/xhdpi/login_icon_show_password.png
new file mode 100644
index 0000000..9595d3e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_icon_show_password.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_icon_unlock_n.png b/src/assets/images/icon/common resource/xhdpi/login_icon_unlock_n.png
new file mode 100644
index 0000000..df57324
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_icon_unlock_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_icon_weixin_white_n.png b/src/assets/images/icon/common resource/xhdpi/login_icon_weixin_white_n.png
new file mode 100644
index 0000000..50636ad
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_icon_weixin_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/login_warning.png b/src/assets/images/icon/common resource/xhdpi/login_warning.png
new file mode 100644
index 0000000..1fd6a9c
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/login_warning.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/message_icon_close_n.png b/src/assets/images/icon/common resource/xhdpi/message_icon_close_n.png
new file mode 100644
index 0000000..9ea6781
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/message_icon_close_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_collection_icon_full_screen_n.png b/src/assets/images/icon/common resource/xhdpi/my_collection_icon_full_screen_n.png
new file mode 100644
index 0000000..cb1e6af
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_collection_icon_full_screen_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_advice_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_advice_n.png
new file mode 100644
index 0000000..7cadda7
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_advice_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_age_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_age_n.png
new file mode 100644
index 0000000..0eebd79
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_age_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_camera_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_camera_n.png
new file mode 100644
index 0000000..153e77a
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_camera_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_circle_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_circle_n.png
new file mode 100644
index 0000000..dc7b43c
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_circle_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_file_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_file_n.png
new file mode 100644
index 0000000..f121e25
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_file_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_height_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_height_n.png
new file mode 100644
index 0000000..08be7ff
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_height_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_next_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_next_n.png
new file mode 100644
index 0000000..0b793dc
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_next_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_set_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_set_n.png
new file mode 100644
index 0000000..47a9238
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_set_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_task_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_task_n.png
new file mode 100644
index 0000000..173edd3
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_task_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_video_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_video_n.png
new file mode 100644
index 0000000..ed01dfc
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_video_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_wallet_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_wallet_n.png
new file mode 100644
index 0000000..fedb714
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_wallet_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/my_icon_weight_n.png b/src/assets/images/icon/common resource/xhdpi/my_icon_weight_n.png
new file mode 100644
index 0000000..738cdc6
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/my_icon_weight_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/register_icon_invitatiion_code_n.png.png b/src/assets/images/icon/common resource/xhdpi/register_icon_invitatiion_code_n.png.png
new file mode 100644
index 0000000..921b60e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/register_icon_invitatiion_code_n.png.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/register_icon_verification_code_n.png b/src/assets/images/icon/common resource/xhdpi/register_icon_verification_code_n.png
new file mode 100644
index 0000000..18a8d19
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/register_icon_verification_code_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/setting_icon_deep_color_sun_n.png b/src/assets/images/icon/common resource/xhdpi/setting_icon_deep_color_sun_n.png
new file mode 100644
index 0000000..992f29e
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/setting_icon_deep_color_sun_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/setting_icon_light_color_sun_n.png b/src/assets/images/icon/common resource/xhdpi/setting_icon_light_color_sun_n.png
new file mode 100644
index 0000000..6f84815
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/setting_icon_light_color_sun_n.png differ
diff --git a/src/assets/images/icon/common resource/xhdpi/wallet_icon_clock_n.png b/src/assets/images/icon/common resource/xhdpi/wallet_icon_clock_n.png
new file mode 100644
index 0000000..1563e6f
Binary files /dev/null and b/src/assets/images/icon/common resource/xhdpi/wallet_icon_clock_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/circle_icon_drop_down_n.png b/src/assets/images/icon/common resource/xxhdpi/circle_icon_drop_down_n.png
new file mode 100644
index 0000000..b23782b
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/circle_icon_drop_down_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_n.png b/src/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_n.png
new file mode 100644
index 0000000..8b20486
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_s.png b/src/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_s.png
new file mode 100644
index 0000000..471e2c8
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_ascending_s.png b/src/assets/images/icon/common resource/xxhdpi/common_button_ascending_s.png
new file mode 100644
index 0000000..b986aea
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_ascending_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_close_n.png b/src/assets/images/icon/common resource/xxhdpi/common_button_close_n.png
new file mode 100644
index 0000000..a4eb749
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_close_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_collection_large_n.png b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_large_n.png
new file mode 100644
index 0000000..710fd02
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_large_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_collection_large_s.png b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_large_s.png
new file mode 100644
index 0000000..434b00c
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_large_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_collection_small_n.png b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_small_n.png
new file mode 100644
index 0000000..35e5dc8
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_small_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_collection_small_s.png b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_small_s.png
new file mode 100644
index 0000000..fd66886
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_collection_small_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_descending_s.png b/src/assets/images/icon/common resource/xxhdpi/common_button_descending_s.png
new file mode 100644
index 0000000..365d56e
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_descending_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_sequence_n.png b/src/assets/images/icon/common resource/xxhdpi/common_button_sequence_n.png
new file mode 100644
index 0000000..486a84e
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_sequence_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_button_share_n.png b/src/assets/images/icon/common resource/xxhdpi/common_button_share_n.png
new file mode 100644
index 0000000..fb65ff4
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_button_share_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_agree_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_agree_n.png
new file mode 100644
index 0000000..c0cc212
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_agree_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_agree_s.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_agree_s.png
new file mode 100644
index 0000000..88ef9d4
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_agree_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_large_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_large_n.png
new file mode 100644
index 0000000..6878f68
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_large_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_large_s.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_large_s.png
new file mode 100644
index 0000000..c36872f
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_large_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_small_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_small_n.png
new file mode 100644
index 0000000..0278eff
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_small_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_small_s.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_small_s.png
new file mode 100644
index 0000000..be47387
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_attention_small_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_authenticate_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_authenticate_n.png
new file mode 100644
index 0000000..6f7fd19
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_authenticate_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_back_white_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_back_white_n.png
new file mode 100644
index 0000000..9bd8d0a
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_back_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_boy_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_boy_n.png
new file mode 100644
index 0000000..f011d2f
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_boy_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_close_grey_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_close_grey_n.png
new file mode 100644
index 0000000..36bbae5
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_close_grey_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_close_live_commenting_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_close_live_commenting_n.png
new file mode 100644
index 0000000..e878fd8
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_close_live_commenting_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_close_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_close_n.png
new file mode 100644
index 0000000..cf26a31
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_close_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_collect_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_collect_n.png
new file mode 100644
index 0000000..1eb664c
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_collect_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_large_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_large_n.png
new file mode 100644
index 0000000..0394860
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_large_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_large_s.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_large_s.png
new file mode 100644
index 0000000..6eabbb6
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_large_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_samll_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_samll_n.png
new file mode 100644
index 0000000..5715871
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_samll_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_samll_s.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_samll_s.png
new file mode 100644
index 0000000..c1909b1
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_comment_samll_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_disagree_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_disagree_n.png
new file mode 100644
index 0000000..2b8f9b4
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_disagree_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_disagree_s.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_disagree_s.png
new file mode 100644
index 0000000..9849c4d
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_disagree_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_drop_down_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_drop_down_n.png
new file mode 100644
index 0000000..be68e1b
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_drop_down_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_expression_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_expression_n.png
new file mode 100644
index 0000000..58e7c45
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_expression_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_expression_white_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_expression_white_n.png
new file mode 100644
index 0000000..fe35446
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_expression_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_girl_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_girl_n.png
new file mode 100644
index 0000000..ff54244
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_girl_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_inquiry_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_inquiry_n.png
new file mode 100644
index 0000000..03bf34f
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_inquiry_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_keyboard_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_keyboard_n.png
new file mode 100644
index 0000000..ab6f193
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_keyboard_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_more_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_more_n.png
new file mode 100644
index 0000000..cce2588
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_more_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_on_slippery_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_on_slippery_n.png
new file mode 100644
index 0000000..1793b1f
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_on_slippery_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_open_live_commenting_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_open_live_commenting_n.png
new file mode 100644
index 0000000..f4107b6
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_open_live_commenting_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_picture_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_picture_n.png
new file mode 100644
index 0000000..4543228
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_picture_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_search_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_search_n.png
new file mode 100644
index 0000000..096c10d
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_search_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_send_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_send_n.png
new file mode 100644
index 0000000..8c89cfa
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_send_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_send_white_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_send_white_n.png
new file mode 100644
index 0000000..be8bbc8
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_send_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_time_out_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_time_out_n.png
new file mode 100644
index 0000000..bd8d6dc
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_time_out_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_toll_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_toll_n.png
new file mode 100644
index 0000000..b943cbb
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_toll_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_voice_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_voice_n.png
new file mode 100644
index 0000000..2daefa8
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_voice_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_weixin_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_weixin_n.png
new file mode 100644
index 0000000..387b6ec
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_weixin_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_white_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_white_n.png
new file mode 100644
index 0000000..63de1fc
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_icon_zhifubao_n.png b/src/assets/images/icon/common resource/xxhdpi/common_icon_zhifubao_n.png
new file mode 100644
index 0000000..e698e54
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_icon_zhifubao_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_information_next_n.png b/src/assets/images/icon/common resource/xxhdpi/common_information_next_n.png
new file mode 100644
index 0000000..0f84fba
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_information_next_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_list_previous_n.png b/src/assets/images/icon/common resource/xxhdpi/common_list_previous_n.png
new file mode 100644
index 0000000..6f17d39
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_list_previous_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_nav_message_black_n.png b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_black_n.png
new file mode 100644
index 0000000..fd786a2
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_black_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_nav_message_black_s.png b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_black_s.png
new file mode 100644
index 0000000..9340ef2
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_black_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_nav_message_white_n.png b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_white_n.png
new file mode 100644
index 0000000..7ef531d
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_nav_message_white_s.png b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_white_s.png
new file mode 100644
index 0000000..4f20e61
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_nav_message_white_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_tab_circle_n.png b/src/assets/images/icon/common resource/xxhdpi/common_tab_circle_n.png
new file mode 100644
index 0000000..53ea242
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_tab_circle_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_tab_circle_s.png b/src/assets/images/icon/common resource/xxhdpi/common_tab_circle_s.png
new file mode 100644
index 0000000..b216d1d
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_tab_circle_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_tab_home_n.png b/src/assets/images/icon/common resource/xxhdpi/common_tab_home_n.png
new file mode 100644
index 0000000..2167ea1
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_tab_home_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_tab_home_s.png b/src/assets/images/icon/common resource/xxhdpi/common_tab_home_s.png
new file mode 100644
index 0000000..a892143
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_tab_home_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_tab_video_n.png b/src/assets/images/icon/common resource/xxhdpi/common_tab_video_n.png
new file mode 100644
index 0000000..5f60550
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_tab_video_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/common_tab_video_s.png b/src/assets/images/icon/common resource/xxhdpi/common_tab_video_s.png
new file mode 100644
index 0000000..d0d478f
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/common_tab_video_s.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_angry_n.png b/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_angry_n.png
new file mode 100644
index 0000000..089b881
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_angry_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_laugh_n.png b/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_laugh_n.png
new file mode 100644
index 0000000..cbc0e5a
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_laugh_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_smile_n.png b/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_smile_n.png
new file mode 100644
index 0000000..db68d79
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/evaluation_icon_smile_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_icon_hide_password_n.png b/src/assets/images/icon/common resource/xxhdpi/login_icon_hide_password_n.png
new file mode 100644
index 0000000..b427eed
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_icon_hide_password_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_icon_lock_n.png b/src/assets/images/icon/common resource/xxhdpi/login_icon_lock_n.png
new file mode 100644
index 0000000..bd64c20
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_icon_lock_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_icon_mail_n.png b/src/assets/images/icon/common resource/xxhdpi/login_icon_mail_n.png
new file mode 100644
index 0000000..5e9a261
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_icon_mail_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_icon_show_password.png b/src/assets/images/icon/common resource/xxhdpi/login_icon_show_password.png
new file mode 100644
index 0000000..21f6d80
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_icon_show_password.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_icon_unlock_n.png b/src/assets/images/icon/common resource/xxhdpi/login_icon_unlock_n.png
new file mode 100644
index 0000000..484d22d
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_icon_unlock_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_icon_weixin_white_n.png b/src/assets/images/icon/common resource/xxhdpi/login_icon_weixin_white_n.png
new file mode 100644
index 0000000..9fbbae5
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_icon_weixin_white_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/login_warning.png b/src/assets/images/icon/common resource/xxhdpi/login_warning.png
new file mode 100644
index 0000000..ed87ea3
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/login_warning.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/message_icon_close_n.png b/src/assets/images/icon/common resource/xxhdpi/message_icon_close_n.png
new file mode 100644
index 0000000..44f50e0
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/message_icon_close_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_collection_icon_full_screen_n.png b/src/assets/images/icon/common resource/xxhdpi/my_collection_icon_full_screen_n.png
new file mode 100644
index 0000000..08624b8
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_collection_icon_full_screen_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_advice_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_advice_n.png
new file mode 100644
index 0000000..589c918
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_advice_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_age_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_age_n.png
new file mode 100644
index 0000000..6fa9968
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_age_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_camera_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_camera_n.png
new file mode 100644
index 0000000..0b7d81a
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_camera_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_circle_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_circle_n.png
new file mode 100644
index 0000000..148a5a3
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_circle_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_file_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_file_n.png
new file mode 100644
index 0000000..a5ae868
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_file_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_height_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_height_n.png
new file mode 100644
index 0000000..13355e3
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_height_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_next_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_next_n.png
new file mode 100644
index 0000000..01156d5
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_next_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_set_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_set_n.png
new file mode 100644
index 0000000..71f9f4b
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_set_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_task_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_task_n.png
new file mode 100644
index 0000000..2fcdb91
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_task_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_video_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_video_n.png
new file mode 100644
index 0000000..1f145d6
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_video_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_wallet_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_wallet_n.png
new file mode 100644
index 0000000..41f4156
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_wallet_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/my_icon_weight_n.png b/src/assets/images/icon/common resource/xxhdpi/my_icon_weight_n.png
new file mode 100644
index 0000000..632ee10
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/my_icon_weight_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/register_icon_invitatiion_code_n.png.png b/src/assets/images/icon/common resource/xxhdpi/register_icon_invitatiion_code_n.png.png
new file mode 100644
index 0000000..3372caa
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/register_icon_invitatiion_code_n.png.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/register_icon_verification_code_n.png b/src/assets/images/icon/common resource/xxhdpi/register_icon_verification_code_n.png
new file mode 100644
index 0000000..c5a19ff
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/register_icon_verification_code_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/setting_icon_deep_color_sun_n.png b/src/assets/images/icon/common resource/xxhdpi/setting_icon_deep_color_sun_n.png
new file mode 100644
index 0000000..9059706
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/setting_icon_deep_color_sun_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/setting_icon_light_color_sun_n.png b/src/assets/images/icon/common resource/xxhdpi/setting_icon_light_color_sun_n.png
new file mode 100644
index 0000000..3f304d0
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/setting_icon_light_color_sun_n.png differ
diff --git a/src/assets/images/icon/common resource/xxhdpi/wallet_icon_clock_n.png b/src/assets/images/icon/common resource/xxhdpi/wallet_icon_clock_n.png
new file mode 100644
index 0000000..a2801a2
Binary files /dev/null and b/src/assets/images/icon/common resource/xxhdpi/wallet_icon_clock_n.png differ
diff --git a/src/assets/images/image/hdpi/404.jpg b/src/assets/images/image/hdpi/404.jpg
new file mode 100644
index 0000000..96d346d
Binary files /dev/null and b/src/assets/images/image/hdpi/404.jpg differ
diff --git a/src/assets/images/image/hdpi/add.png b/src/assets/images/image/hdpi/add.png
new file mode 100644
index 0000000..b80134b
Binary files /dev/null and b/src/assets/images/image/hdpi/add.png differ
diff --git a/src/assets/images/image/hdpi/arrow.png b/src/assets/images/image/hdpi/arrow.png
new file mode 100644
index 0000000..779f1c8
Binary files /dev/null and b/src/assets/images/image/hdpi/arrow.png differ
diff --git a/src/assets/images/image/hdpi/bank_card.png b/src/assets/images/image/hdpi/bank_card.png
new file mode 100644
index 0000000..de3f23e
Binary files /dev/null and b/src/assets/images/image/hdpi/bank_card.png differ
diff --git a/src/assets/images/image/hdpi/bank_card_front.png b/src/assets/images/image/hdpi/bank_card_front.png
new file mode 100644
index 0000000..049467c
Binary files /dev/null and b/src/assets/images/image/hdpi/bank_card_front.png differ
diff --git a/src/assets/images/image/hdpi/bottom.png b/src/assets/images/image/hdpi/bottom.png
new file mode 100644
index 0000000..e628a46
Binary files /dev/null and b/src/assets/images/image/hdpi/bottom.png differ
diff --git a/src/assets/images/image/hdpi/bought.png b/src/assets/images/image/hdpi/bought.png
new file mode 100644
index 0000000..80d13c3
Binary files /dev/null and b/src/assets/images/image/hdpi/bought.png differ
diff --git a/src/assets/images/image/hdpi/boy.png b/src/assets/images/image/hdpi/boy.png
new file mode 100644
index 0000000..fecc0c0
Binary files /dev/null and b/src/assets/images/image/hdpi/boy.png differ
diff --git a/src/assets/images/image/hdpi/button.png b/src/assets/images/image/hdpi/button.png
new file mode 100644
index 0000000..24fcdeb
Binary files /dev/null and b/src/assets/images/image/hdpi/button.png differ
diff --git a/src/assets/images/image/hdpi/button_background_bllue.png b/src/assets/images/image/hdpi/button_background_bllue.png
new file mode 100644
index 0000000..2533d6f
Binary files /dev/null and b/src/assets/images/image/hdpi/button_background_bllue.png differ
diff --git a/src/assets/images/image/hdpi/button_background_white.png b/src/assets/images/image/hdpi/button_background_white.png
new file mode 100644
index 0000000..01ba2f7
Binary files /dev/null and b/src/assets/images/image/hdpi/button_background_white.png differ
diff --git a/src/assets/images/image/hdpi/certificate.png b/src/assets/images/image/hdpi/certificate.png
new file mode 100644
index 0000000..56adcd7
Binary files /dev/null and b/src/assets/images/image/hdpi/certificate.png differ
diff --git a/src/assets/images/image/hdpi/collection_delete.png b/src/assets/images/image/hdpi/collection_delete.png
new file mode 100644
index 0000000..748cc82
Binary files /dev/null and b/src/assets/images/image/hdpi/collection_delete.png differ
diff --git a/src/assets/images/image/hdpi/common_disease.png b/src/assets/images/image/hdpi/common_disease.png
new file mode 100644
index 0000000..82918c8
Binary files /dev/null and b/src/assets/images/image/hdpi/common_disease.png differ
diff --git a/src/assets/images/image/hdpi/common_drugs.png b/src/assets/images/image/hdpi/common_drugs.png
new file mode 100644
index 0000000..7bb8ba7
Binary files /dev/null and b/src/assets/images/image/hdpi/common_drugs.png differ
diff --git a/src/assets/images/image/hdpi/copywriting.png b/src/assets/images/image/hdpi/copywriting.png
new file mode 100644
index 0000000..da477b5
Binary files /dev/null and b/src/assets/images/image/hdpi/copywriting.png differ
diff --git a/src/assets/images/image/hdpi/cup.png b/src/assets/images/image/hdpi/cup.png
new file mode 100644
index 0000000..4aad656
Binary files /dev/null and b/src/assets/images/image/hdpi/cup.png differ
diff --git a/src/assets/images/image/hdpi/dermatology.png b/src/assets/images/image/hdpi/dermatology.png
new file mode 100644
index 0000000..af610d9
Binary files /dev/null and b/src/assets/images/image/hdpi/dermatology.png differ
diff --git a/src/assets/images/image/hdpi/dividing_line.png b/src/assets/images/image/hdpi/dividing_line.png
new file mode 100644
index 0000000..58283f1
Binary files /dev/null and b/src/assets/images/image/hdpi/dividing_line.png differ
diff --git a/src/assets/images/image/hdpi/doctor.png b/src/assets/images/image/hdpi/doctor.png
new file mode 100644
index 0000000..8e9c0e1
Binary files /dev/null and b/src/assets/images/image/hdpi/doctor.png differ
diff --git a/src/assets/images/image/hdpi/drop_down.png b/src/assets/images/image/hdpi/drop_down.png
new file mode 100644
index 0000000..e7b8ab2
Binary files /dev/null and b/src/assets/images/image/hdpi/drop_down.png differ
diff --git a/src/assets/images/image/hdpi/evaluation_background.png b/src/assets/images/image/hdpi/evaluation_background.png
new file mode 100644
index 0000000..a7d7353
Binary files /dev/null and b/src/assets/images/image/hdpi/evaluation_background.png differ
diff --git a/src/assets/images/image/hdpi/evaluation_star_n.png b/src/assets/images/image/hdpi/evaluation_star_n.png
new file mode 100644
index 0000000..a4a94f5
Binary files /dev/null and b/src/assets/images/image/hdpi/evaluation_star_n.png differ
diff --git a/src/assets/images/image/hdpi/evaluation_star_s.png b/src/assets/images/image/hdpi/evaluation_star_s.png
new file mode 100644
index 0000000..4e0839a
Binary files /dev/null and b/src/assets/images/image/hdpi/evaluation_star_s.png differ
diff --git a/src/assets/images/image/hdpi/evaluation_success.png b/src/assets/images/image/hdpi/evaluation_success.png
new file mode 100644
index 0000000..80d6163
Binary files /dev/null and b/src/assets/images/image/hdpi/evaluation_success.png differ
diff --git a/src/assets/images/image/hdpi/fell_gesture.png b/src/assets/images/image/hdpi/fell_gesture.png
new file mode 100644
index 0000000..e4911df
Binary files /dev/null and b/src/assets/images/image/hdpi/fell_gesture.png differ
diff --git a/src/assets/images/image/hdpi/flower.png b/src/assets/images/image/hdpi/flower.png
new file mode 100644
index 0000000..988c26f
Binary files /dev/null and b/src/assets/images/image/hdpi/flower.png differ
diff --git a/src/assets/images/image/hdpi/gift_certificate.png b/src/assets/images/image/hdpi/gift_certificate.png
new file mode 100644
index 0000000..d9265c7
Binary files /dev/null and b/src/assets/images/image/hdpi/gift_certificate.png differ
diff --git a/src/assets/images/image/hdpi/gift_cup.png b/src/assets/images/image/hdpi/gift_cup.png
new file mode 100644
index 0000000..e97c433
Binary files /dev/null and b/src/assets/images/image/hdpi/gift_cup.png differ
diff --git a/src/assets/images/image/hdpi/gift_flower.png b/src/assets/images/image/hdpi/gift_flower.png
new file mode 100644
index 0000000..fae0886
Binary files /dev/null and b/src/assets/images/image/hdpi/gift_flower.png differ
diff --git a/src/assets/images/image/hdpi/girl.png b/src/assets/images/image/hdpi/girl.png
new file mode 100644
index 0000000..71b4c97
Binary files /dev/null and b/src/assets/images/image/hdpi/girl.png differ
diff --git a/src/assets/images/image/hdpi/guide_pages_five.png b/src/assets/images/image/hdpi/guide_pages_five.png
new file mode 100644
index 0000000..473e17c
Binary files /dev/null and b/src/assets/images/image/hdpi/guide_pages_five.png differ
diff --git a/src/assets/images/image/hdpi/guide_pages_four.png b/src/assets/images/image/hdpi/guide_pages_four.png
new file mode 100644
index 0000000..9b9d0e7
Binary files /dev/null and b/src/assets/images/image/hdpi/guide_pages_four.png differ
diff --git a/src/assets/images/image/hdpi/guide_pages_one.png b/src/assets/images/image/hdpi/guide_pages_one.png
new file mode 100644
index 0000000..28e9e63
Binary files /dev/null and b/src/assets/images/image/hdpi/guide_pages_one.png differ
diff --git a/src/assets/images/image/hdpi/guide_pages_three.png b/src/assets/images/image/hdpi/guide_pages_three.png
new file mode 100644
index 0000000..84206c1
Binary files /dev/null and b/src/assets/images/image/hdpi/guide_pages_three.png differ
diff --git a/src/assets/images/image/hdpi/guide_pages_two.png b/src/assets/images/image/hdpi/guide_pages_two.png
new file mode 100644
index 0000000..c8461d7
Binary files /dev/null and b/src/assets/images/image/hdpi/guide_pages_two.png differ
diff --git a/src/assets/images/image/hdpi/h_currency.png b/src/assets/images/image/hdpi/h_currency.png
new file mode 100644
index 0000000..295f224
Binary files /dev/null and b/src/assets/images/image/hdpi/h_currency.png differ
diff --git a/src/assets/images/image/hdpi/health_assessment.png b/src/assets/images/image/hdpi/health_assessment.png
new file mode 100644
index 0000000..b73907a
Binary files /dev/null and b/src/assets/images/image/hdpi/health_assessment.png differ
diff --git a/src/assets/images/image/hdpi/historical_inquiry.png b/src/assets/images/image/hdpi/historical_inquiry.png
new file mode 100644
index 0000000..2836d3b
Binary files /dev/null and b/src/assets/images/image/hdpi/historical_inquiry.png differ
diff --git a/src/assets/images/image/hdpi/id_card_back.png b/src/assets/images/image/hdpi/id_card_back.png
new file mode 100644
index 0000000..5d47baf
Binary files /dev/null and b/src/assets/images/image/hdpi/id_card_back.png differ
diff --git a/src/assets/images/image/hdpi/id_card_bg.png b/src/assets/images/image/hdpi/id_card_bg.png
new file mode 100644
index 0000000..b5397a1
Binary files /dev/null and b/src/assets/images/image/hdpi/id_card_bg.png differ
diff --git a/src/assets/images/image/hdpi/id_card_front.png b/src/assets/images/image/hdpi/id_card_front.png
new file mode 100644
index 0000000..f6efb60
Binary files /dev/null and b/src/assets/images/image/hdpi/id_card_front.png differ
diff --git a/src/assets/images/image/hdpi/infectious_disease.png b/src/assets/images/image/hdpi/infectious_disease.png
new file mode 100644
index 0000000..fed2115
Binary files /dev/null and b/src/assets/images/image/hdpi/infectious_disease.png differ
diff --git a/src/assets/images/image/hdpi/internal_medicine.png b/src/assets/images/image/hdpi/internal_medicine.png
new file mode 100644
index 0000000..b40f203
Binary files /dev/null and b/src/assets/images/image/hdpi/internal_medicine.png differ
diff --git a/src/assets/images/image/hdpi/interview_news.png b/src/assets/images/image/hdpi/interview_news.png
new file mode 100644
index 0000000..ae661d7
Binary files /dev/null and b/src/assets/images/image/hdpi/interview_news.png differ
diff --git a/src/assets/images/image/hdpi/invitation_bg.png b/src/assets/images/image/hdpi/invitation_bg.png
new file mode 100644
index 0000000..0e56b83
Binary files /dev/null and b/src/assets/images/image/hdpi/invitation_bg.png differ
diff --git a/src/assets/images/image/hdpi/invitation_white_bg.png b/src/assets/images/image/hdpi/invitation_white_bg.png
new file mode 100644
index 0000000..fcd37bb
Binary files /dev/null and b/src/assets/images/image/hdpi/invitation_white_bg.png differ
diff --git a/src/assets/images/image/hdpi/know.png b/src/assets/images/image/hdpi/know.png
new file mode 100644
index 0000000..77500b6
Binary files /dev/null and b/src/assets/images/image/hdpi/know.png differ
diff --git a/src/assets/images/image/hdpi/login_bg.png b/src/assets/images/image/hdpi/login_bg.png
new file mode 100644
index 0000000..bfb40f1
Binary files /dev/null and b/src/assets/images/image/hdpi/login_bg.png differ
diff --git a/src/assets/images/image/hdpi/login_hand_03.png b/src/assets/images/image/hdpi/login_hand_03.png
new file mode 100644
index 0000000..29f8037
Binary files /dev/null and b/src/assets/images/image/hdpi/login_hand_03.png differ
diff --git a/src/assets/images/image/hdpi/my_background.png b/src/assets/images/image/hdpi/my_background.png
new file mode 100644
index 0000000..ea3fd00
Binary files /dev/null and b/src/assets/images/image/hdpi/my_background.png differ
diff --git a/src/assets/images/image/hdpi/my_task_select.png b/src/assets/images/image/hdpi/my_task_select.png
new file mode 100644
index 0000000..6be8cdf
Binary files /dev/null and b/src/assets/images/image/hdpi/my_task_select.png differ
diff --git a/src/assets/images/image/hdpi/my_task_title.png b/src/assets/images/image/hdpi/my_task_title.png
new file mode 100644
index 0000000..5896a1f
Binary files /dev/null and b/src/assets/images/image/hdpi/my_task_title.png differ
diff --git a/src/assets/images/image/hdpi/my_wallet_background.png b/src/assets/images/image/hdpi/my_wallet_background.png
new file mode 100644
index 0000000..219ba91
Binary files /dev/null and b/src/assets/images/image/hdpi/my_wallet_background.png differ
diff --git a/src/assets/images/image/hdpi/no_message.png b/src/assets/images/image/hdpi/no_message.png
new file mode 100644
index 0000000..5c8c5b7
Binary files /dev/null and b/src/assets/images/image/hdpi/no_message.png differ
diff --git a/src/assets/images/image/hdpi/no_net.png b/src/assets/images/image/hdpi/no_net.png
new file mode 100644
index 0000000..417acef
Binary files /dev/null and b/src/assets/images/image/hdpi/no_net.png differ
diff --git a/src/assets/images/image/hdpi/no_search_message.png b/src/assets/images/image/hdpi/no_search_message.png
new file mode 100644
index 0000000..84cbc19
Binary files /dev/null and b/src/assets/images/image/hdpi/no_search_message.png differ
diff --git a/src/assets/images/image/hdpi/none_comment.png b/src/assets/images/image/hdpi/none_comment.png
new file mode 100644
index 0000000..34f05a2
Binary files /dev/null and b/src/assets/images/image/hdpi/none_comment.png differ
diff --git a/src/assets/images/image/hdpi/ophthalmology.png b/src/assets/images/image/hdpi/ophthalmology.png
new file mode 100644
index 0000000..0832ea8
Binary files /dev/null and b/src/assets/images/image/hdpi/ophthalmology.png differ
diff --git a/src/assets/images/image/hdpi/orthopedics.png b/src/assets/images/image/hdpi/orthopedics.png
new file mode 100644
index 0000000..3a1b8ac
Binary files /dev/null and b/src/assets/images/image/hdpi/orthopedics.png differ
diff --git a/src/assets/images/image/hdpi/otolaryngology.png b/src/assets/images/image/hdpi/otolaryngology.png
new file mode 100644
index 0000000..7bc1247
Binary files /dev/null and b/src/assets/images/image/hdpi/otolaryngology.png differ
diff --git a/src/assets/images/image/hdpi/pediatrics.png b/src/assets/images/image/hdpi/pediatrics.png
new file mode 100644
index 0000000..3c8b1b8
Binary files /dev/null and b/src/assets/images/image/hdpi/pediatrics.png differ
diff --git a/src/assets/images/image/hdpi/psychiatry.png b/src/assets/images/image/hdpi/psychiatry.png
new file mode 100644
index 0000000..20578e6
Binary files /dev/null and b/src/assets/images/image/hdpi/psychiatry.png differ
diff --git a/src/assets/images/image/hdpi/recorded_message.png b/src/assets/images/image/hdpi/recorded_message.png
new file mode 100644
index 0000000..cb64e60
Binary files /dev/null and b/src/assets/images/image/hdpi/recorded_message.png differ
diff --git a/src/assets/images/image/hdpi/reward.png b/src/assets/images/image/hdpi/reward.png
new file mode 100644
index 0000000..11e4ca2
Binary files /dev/null and b/src/assets/images/image/hdpi/reward.png differ
diff --git a/src/assets/images/image/hdpi/selected.png b/src/assets/images/image/hdpi/selected.png
new file mode 100644
index 0000000..69ad9b5
Binary files /dev/null and b/src/assets/images/image/hdpi/selected.png differ
diff --git a/src/assets/images/image/hdpi/selsct.png b/src/assets/images/image/hdpi/selsct.png
new file mode 100644
index 0000000..702ce38
Binary files /dev/null and b/src/assets/images/image/hdpi/selsct.png differ
diff --git a/src/assets/images/image/hdpi/slider.png b/src/assets/images/image/hdpi/slider.png
new file mode 100644
index 0000000..3adc8c9
Binary files /dev/null and b/src/assets/images/image/hdpi/slider.png differ
diff --git a/src/assets/images/image/hdpi/start_page.png b/src/assets/images/image/hdpi/start_page.png
new file mode 100644
index 0000000..048949b
Binary files /dev/null and b/src/assets/images/image/hdpi/start_page.png differ
diff --git a/src/assets/images/image/hdpi/system_information.png b/src/assets/images/image/hdpi/system_information.png
new file mode 100644
index 0000000..72d2429
Binary files /dev/null and b/src/assets/images/image/hdpi/system_information.png differ
diff --git a/src/assets/images/image/hdpi/the_bottom_bar.png b/src/assets/images/image/hdpi/the_bottom_bar.png
new file mode 100644
index 0000000..827815d
Binary files /dev/null and b/src/assets/images/image/hdpi/the_bottom_bar.png differ
diff --git a/src/assets/images/image/hdpi/the_current_inquiry.png b/src/assets/images/image/hdpi/the_current_inquiry.png
new file mode 100644
index 0000000..9a6cb03
Binary files /dev/null and b/src/assets/images/image/hdpi/the_current_inquiry.png differ
diff --git a/src/assets/images/image/hdpi/the_slide_gesture.png b/src/assets/images/image/hdpi/the_slide_gesture.png
new file mode 100644
index 0000000..3546437
Binary files /dev/null and b/src/assets/images/image/hdpi/the_slide_gesture.png differ
diff --git a/src/assets/images/image/hdpi/user_bg.png b/src/assets/images/image/hdpi/user_bg.png
new file mode 100644
index 0000000..fbf55cc
Binary files /dev/null and b/src/assets/images/image/hdpi/user_bg.png differ
diff --git a/src/assets/images/image/hdpi/wallet_icon.png b/src/assets/images/image/hdpi/wallet_icon.png
new file mode 100644
index 0000000..402b44b
Binary files /dev/null and b/src/assets/images/image/hdpi/wallet_icon.png differ
diff --git a/src/assets/images/image/loading.gif b/src/assets/images/image/loading.gif
new file mode 100644
index 0000000..4ad3696
Binary files /dev/null and b/src/assets/images/image/loading.gif differ
diff --git a/src/assets/images/image/xhdpi/add.png b/src/assets/images/image/xhdpi/add.png
new file mode 100644
index 0000000..6edcb2f
Binary files /dev/null and b/src/assets/images/image/xhdpi/add.png differ
diff --git a/src/assets/images/image/xhdpi/arrow.png b/src/assets/images/image/xhdpi/arrow.png
new file mode 100644
index 0000000..4ec7653
Binary files /dev/null and b/src/assets/images/image/xhdpi/arrow.png differ
diff --git a/src/assets/images/image/xhdpi/bank_card.png b/src/assets/images/image/xhdpi/bank_card.png
new file mode 100644
index 0000000..1d56041
Binary files /dev/null and b/src/assets/images/image/xhdpi/bank_card.png differ
diff --git a/src/assets/images/image/xhdpi/bank_card_front.png b/src/assets/images/image/xhdpi/bank_card_front.png
new file mode 100644
index 0000000..6b08170
Binary files /dev/null and b/src/assets/images/image/xhdpi/bank_card_front.png differ
diff --git a/src/assets/images/image/xhdpi/bottom.png b/src/assets/images/image/xhdpi/bottom.png
new file mode 100644
index 0000000..1d3c411
Binary files /dev/null and b/src/assets/images/image/xhdpi/bottom.png differ
diff --git a/src/assets/images/image/xhdpi/bought.png b/src/assets/images/image/xhdpi/bought.png
new file mode 100644
index 0000000..990f028
Binary files /dev/null and b/src/assets/images/image/xhdpi/bought.png differ
diff --git a/src/assets/images/image/xhdpi/boy.png b/src/assets/images/image/xhdpi/boy.png
new file mode 100644
index 0000000..8dc9515
Binary files /dev/null and b/src/assets/images/image/xhdpi/boy.png differ
diff --git a/src/assets/images/image/xhdpi/button.png b/src/assets/images/image/xhdpi/button.png
new file mode 100644
index 0000000..0467926
Binary files /dev/null and b/src/assets/images/image/xhdpi/button.png differ
diff --git a/src/assets/images/image/xhdpi/button_background.png b/src/assets/images/image/xhdpi/button_background.png
new file mode 100644
index 0000000..e6576ca
Binary files /dev/null and b/src/assets/images/image/xhdpi/button_background.png differ
diff --git a/src/assets/images/image/xhdpi/button_background_white.png b/src/assets/images/image/xhdpi/button_background_white.png
new file mode 100644
index 0000000..b6a175d
Binary files /dev/null and b/src/assets/images/image/xhdpi/button_background_white.png differ
diff --git a/src/assets/images/image/xhdpi/certificate.png b/src/assets/images/image/xhdpi/certificate.png
new file mode 100644
index 0000000..006ccd4
Binary files /dev/null and b/src/assets/images/image/xhdpi/certificate.png differ
diff --git a/src/assets/images/image/xhdpi/collection_delete.png b/src/assets/images/image/xhdpi/collection_delete.png
new file mode 100644
index 0000000..8f1a5e8
Binary files /dev/null and b/src/assets/images/image/xhdpi/collection_delete.png differ
diff --git a/src/assets/images/image/xhdpi/common_disease.png b/src/assets/images/image/xhdpi/common_disease.png
new file mode 100644
index 0000000..7e1d0b9
Binary files /dev/null and b/src/assets/images/image/xhdpi/common_disease.png differ
diff --git a/src/assets/images/image/xhdpi/common_drugs.png b/src/assets/images/image/xhdpi/common_drugs.png
new file mode 100644
index 0000000..b028885
Binary files /dev/null and b/src/assets/images/image/xhdpi/common_drugs.png differ
diff --git a/src/assets/images/image/xhdpi/copywriting.png b/src/assets/images/image/xhdpi/copywriting.png
new file mode 100644
index 0000000..1af5669
Binary files /dev/null and b/src/assets/images/image/xhdpi/copywriting.png differ
diff --git a/src/assets/images/image/xhdpi/cup.png b/src/assets/images/image/xhdpi/cup.png
new file mode 100644
index 0000000..0b73131
Binary files /dev/null and b/src/assets/images/image/xhdpi/cup.png differ
diff --git a/src/assets/images/image/xhdpi/dermatology.png b/src/assets/images/image/xhdpi/dermatology.png
new file mode 100644
index 0000000..f4e3d0d
Binary files /dev/null and b/src/assets/images/image/xhdpi/dermatology.png differ
diff --git a/src/assets/images/image/xhdpi/dividing_line.png b/src/assets/images/image/xhdpi/dividing_line.png
new file mode 100644
index 0000000..be7aa66
Binary files /dev/null and b/src/assets/images/image/xhdpi/dividing_line.png differ
diff --git a/src/assets/images/image/xhdpi/doctor.png b/src/assets/images/image/xhdpi/doctor.png
new file mode 100644
index 0000000..9ea3d88
Binary files /dev/null and b/src/assets/images/image/xhdpi/doctor.png differ
diff --git a/src/assets/images/image/xhdpi/drop_down.png b/src/assets/images/image/xhdpi/drop_down.png
new file mode 100644
index 0000000..93f967f
Binary files /dev/null and b/src/assets/images/image/xhdpi/drop_down.png differ
diff --git a/src/assets/images/image/xhdpi/evaluation_background.png b/src/assets/images/image/xhdpi/evaluation_background.png
new file mode 100644
index 0000000..96fd3be
Binary files /dev/null and b/src/assets/images/image/xhdpi/evaluation_background.png differ
diff --git a/src/assets/images/image/xhdpi/evaluation_star_n.png b/src/assets/images/image/xhdpi/evaluation_star_n.png
new file mode 100644
index 0000000..3a3cb89
Binary files /dev/null and b/src/assets/images/image/xhdpi/evaluation_star_n.png differ
diff --git a/src/assets/images/image/xhdpi/evaluation_star_s.png b/src/assets/images/image/xhdpi/evaluation_star_s.png
new file mode 100644
index 0000000..532fa73
Binary files /dev/null and b/src/assets/images/image/xhdpi/evaluation_star_s.png differ
diff --git a/src/assets/images/image/xhdpi/evaluation_success.png b/src/assets/images/image/xhdpi/evaluation_success.png
new file mode 100644
index 0000000..be0873d
Binary files /dev/null and b/src/assets/images/image/xhdpi/evaluation_success.png differ
diff --git a/src/assets/images/image/xhdpi/fell_gesture.png b/src/assets/images/image/xhdpi/fell_gesture.png
new file mode 100644
index 0000000..07c3fda
Binary files /dev/null and b/src/assets/images/image/xhdpi/fell_gesture.png differ
diff --git a/src/assets/images/image/xhdpi/flower.png b/src/assets/images/image/xhdpi/flower.png
new file mode 100644
index 0000000..ad3db1f
Binary files /dev/null and b/src/assets/images/image/xhdpi/flower.png differ
diff --git a/src/assets/images/image/xhdpi/gift_certificate.png b/src/assets/images/image/xhdpi/gift_certificate.png
new file mode 100644
index 0000000..2efe1e0
Binary files /dev/null and b/src/assets/images/image/xhdpi/gift_certificate.png differ
diff --git a/src/assets/images/image/xhdpi/gift_cup.png b/src/assets/images/image/xhdpi/gift_cup.png
new file mode 100644
index 0000000..50f492d
Binary files /dev/null and b/src/assets/images/image/xhdpi/gift_cup.png differ
diff --git a/src/assets/images/image/xhdpi/gift_flower.png b/src/assets/images/image/xhdpi/gift_flower.png
new file mode 100644
index 0000000..3b970e0
Binary files /dev/null and b/src/assets/images/image/xhdpi/gift_flower.png differ
diff --git a/src/assets/images/image/xhdpi/girl.png b/src/assets/images/image/xhdpi/girl.png
new file mode 100644
index 0000000..6e7b8f7
Binary files /dev/null and b/src/assets/images/image/xhdpi/girl.png differ
diff --git a/src/assets/images/image/xhdpi/guide_pages_five.png b/src/assets/images/image/xhdpi/guide_pages_five.png
new file mode 100644
index 0000000..a6427bf
Binary files /dev/null and b/src/assets/images/image/xhdpi/guide_pages_five.png differ
diff --git a/src/assets/images/image/xhdpi/guide_pages_four.png b/src/assets/images/image/xhdpi/guide_pages_four.png
new file mode 100644
index 0000000..5296b80
Binary files /dev/null and b/src/assets/images/image/xhdpi/guide_pages_four.png differ
diff --git a/src/assets/images/image/xhdpi/guide_pages_one.png b/src/assets/images/image/xhdpi/guide_pages_one.png
new file mode 100644
index 0000000..d48e05e
Binary files /dev/null and b/src/assets/images/image/xhdpi/guide_pages_one.png differ
diff --git a/src/assets/images/image/xhdpi/guide_pages_three.png b/src/assets/images/image/xhdpi/guide_pages_three.png
new file mode 100644
index 0000000..616ffe8
Binary files /dev/null and b/src/assets/images/image/xhdpi/guide_pages_three.png differ
diff --git a/src/assets/images/image/xhdpi/guide_pages_two.png b/src/assets/images/image/xhdpi/guide_pages_two.png
new file mode 100644
index 0000000..7eaa1ed
Binary files /dev/null and b/src/assets/images/image/xhdpi/guide_pages_two.png differ
diff --git a/src/assets/images/image/xhdpi/h_currency.png b/src/assets/images/image/xhdpi/h_currency.png
new file mode 100644
index 0000000..816fe26
Binary files /dev/null and b/src/assets/images/image/xhdpi/h_currency.png differ
diff --git a/src/assets/images/image/xhdpi/health_assessment.png b/src/assets/images/image/xhdpi/health_assessment.png
new file mode 100644
index 0000000..7822d4c
Binary files /dev/null and b/src/assets/images/image/xhdpi/health_assessment.png differ
diff --git a/src/assets/images/image/xhdpi/historical_inquiry.png b/src/assets/images/image/xhdpi/historical_inquiry.png
new file mode 100644
index 0000000..dcaf818
Binary files /dev/null and b/src/assets/images/image/xhdpi/historical_inquiry.png differ
diff --git a/src/assets/images/image/xhdpi/id_card_back.png b/src/assets/images/image/xhdpi/id_card_back.png
new file mode 100644
index 0000000..b8f8c9f
Binary files /dev/null and b/src/assets/images/image/xhdpi/id_card_back.png differ
diff --git a/src/assets/images/image/xhdpi/id_card_bg.png b/src/assets/images/image/xhdpi/id_card_bg.png
new file mode 100644
index 0000000..76f77ad
Binary files /dev/null and b/src/assets/images/image/xhdpi/id_card_bg.png differ
diff --git a/src/assets/images/image/xhdpi/id_card_front.png b/src/assets/images/image/xhdpi/id_card_front.png
new file mode 100644
index 0000000..3cbd3b3
Binary files /dev/null and b/src/assets/images/image/xhdpi/id_card_front.png differ
diff --git a/src/assets/images/image/xhdpi/infectious_disease.png b/src/assets/images/image/xhdpi/infectious_disease.png
new file mode 100644
index 0000000..d758b17
Binary files /dev/null and b/src/assets/images/image/xhdpi/infectious_disease.png differ
diff --git a/src/assets/images/image/xhdpi/internal_medicine.png b/src/assets/images/image/xhdpi/internal_medicine.png
new file mode 100644
index 0000000..1f5067b
Binary files /dev/null and b/src/assets/images/image/xhdpi/internal_medicine.png differ
diff --git a/src/assets/images/image/xhdpi/interview_news.png b/src/assets/images/image/xhdpi/interview_news.png
new file mode 100644
index 0000000..821caf7
Binary files /dev/null and b/src/assets/images/image/xhdpi/interview_news.png differ
diff --git a/src/assets/images/image/xhdpi/invitation_bg.png b/src/assets/images/image/xhdpi/invitation_bg.png
new file mode 100644
index 0000000..cf3dbeb
Binary files /dev/null and b/src/assets/images/image/xhdpi/invitation_bg.png differ
diff --git a/src/assets/images/image/xhdpi/invitation_white_bg.png b/src/assets/images/image/xhdpi/invitation_white_bg.png
new file mode 100644
index 0000000..4f65b7e
Binary files /dev/null and b/src/assets/images/image/xhdpi/invitation_white_bg.png differ
diff --git a/src/assets/images/image/xhdpi/know.png b/src/assets/images/image/xhdpi/know.png
new file mode 100644
index 0000000..ebaee69
Binary files /dev/null and b/src/assets/images/image/xhdpi/know.png differ
diff --git a/src/assets/images/image/xhdpi/login_bg.png b/src/assets/images/image/xhdpi/login_bg.png
new file mode 100644
index 0000000..a52ed7e
Binary files /dev/null and b/src/assets/images/image/xhdpi/login_bg.png differ
diff --git a/src/assets/images/image/xhdpi/my_background.png b/src/assets/images/image/xhdpi/my_background.png
new file mode 100644
index 0000000..af2bb2c
Binary files /dev/null and b/src/assets/images/image/xhdpi/my_background.png differ
diff --git a/src/assets/images/image/xhdpi/my_task_select.png b/src/assets/images/image/xhdpi/my_task_select.png
new file mode 100644
index 0000000..2ace72b
Binary files /dev/null and b/src/assets/images/image/xhdpi/my_task_select.png differ
diff --git a/src/assets/images/image/xhdpi/my_task_title.png b/src/assets/images/image/xhdpi/my_task_title.png
new file mode 100644
index 0000000..5515767
Binary files /dev/null and b/src/assets/images/image/xhdpi/my_task_title.png differ
diff --git a/src/assets/images/image/xhdpi/my_wallet_background.png b/src/assets/images/image/xhdpi/my_wallet_background.png
new file mode 100644
index 0000000..bdf5716
Binary files /dev/null and b/src/assets/images/image/xhdpi/my_wallet_background.png differ
diff --git a/src/assets/images/image/xhdpi/no_message.png b/src/assets/images/image/xhdpi/no_message.png
new file mode 100644
index 0000000..e4ea200
Binary files /dev/null and b/src/assets/images/image/xhdpi/no_message.png differ
diff --git a/src/assets/images/image/xhdpi/no_net.png b/src/assets/images/image/xhdpi/no_net.png
new file mode 100644
index 0000000..bab7345
Binary files /dev/null and b/src/assets/images/image/xhdpi/no_net.png differ
diff --git a/src/assets/images/image/xhdpi/no_search_message.png b/src/assets/images/image/xhdpi/no_search_message.png
new file mode 100644
index 0000000..2addea0
Binary files /dev/null and b/src/assets/images/image/xhdpi/no_search_message.png differ
diff --git a/src/assets/images/image/xhdpi/none_comment.png b/src/assets/images/image/xhdpi/none_comment.png
new file mode 100644
index 0000000..4b85476
Binary files /dev/null and b/src/assets/images/image/xhdpi/none_comment.png differ
diff --git a/src/assets/images/image/xhdpi/ophthalmology.png b/src/assets/images/image/xhdpi/ophthalmology.png
new file mode 100644
index 0000000..fd4043f
Binary files /dev/null and b/src/assets/images/image/xhdpi/ophthalmology.png differ
diff --git a/src/assets/images/image/xhdpi/orthopedics.png b/src/assets/images/image/xhdpi/orthopedics.png
new file mode 100644
index 0000000..655e4ef
Binary files /dev/null and b/src/assets/images/image/xhdpi/orthopedics.png differ
diff --git a/src/assets/images/image/xhdpi/otolaryngology.png b/src/assets/images/image/xhdpi/otolaryngology.png
new file mode 100644
index 0000000..d4b2632
Binary files /dev/null and b/src/assets/images/image/xhdpi/otolaryngology.png differ
diff --git a/src/assets/images/image/xhdpi/pediatrics.png b/src/assets/images/image/xhdpi/pediatrics.png
new file mode 100644
index 0000000..8f1efcb
Binary files /dev/null and b/src/assets/images/image/xhdpi/pediatrics.png differ
diff --git a/src/assets/images/image/xhdpi/psychiatry.png b/src/assets/images/image/xhdpi/psychiatry.png
new file mode 100644
index 0000000..3aee13a
Binary files /dev/null and b/src/assets/images/image/xhdpi/psychiatry.png differ
diff --git a/src/assets/images/image/xhdpi/recorded_message.png b/src/assets/images/image/xhdpi/recorded_message.png
new file mode 100644
index 0000000..e4ee2ba
Binary files /dev/null and b/src/assets/images/image/xhdpi/recorded_message.png differ
diff --git a/src/assets/images/image/xhdpi/reward.png b/src/assets/images/image/xhdpi/reward.png
new file mode 100644
index 0000000..fdc8d68
Binary files /dev/null and b/src/assets/images/image/xhdpi/reward.png differ
diff --git a/src/assets/images/image/xhdpi/selected.png b/src/assets/images/image/xhdpi/selected.png
new file mode 100644
index 0000000..e9177cb
Binary files /dev/null and b/src/assets/images/image/xhdpi/selected.png differ
diff --git a/src/assets/images/image/xhdpi/selsct.png b/src/assets/images/image/xhdpi/selsct.png
new file mode 100644
index 0000000..955070c
Binary files /dev/null and b/src/assets/images/image/xhdpi/selsct.png differ
diff --git a/src/assets/images/image/xhdpi/slider.png b/src/assets/images/image/xhdpi/slider.png
new file mode 100644
index 0000000..5af2ef9
Binary files /dev/null and b/src/assets/images/image/xhdpi/slider.png differ
diff --git a/src/assets/images/image/xhdpi/start_page.png b/src/assets/images/image/xhdpi/start_page.png
new file mode 100644
index 0000000..2ae9e05
Binary files /dev/null and b/src/assets/images/image/xhdpi/start_page.png differ
diff --git a/src/assets/images/image/xhdpi/system_information.png b/src/assets/images/image/xhdpi/system_information.png
new file mode 100644
index 0000000..d5cffb2
Binary files /dev/null and b/src/assets/images/image/xhdpi/system_information.png differ
diff --git a/src/assets/images/image/xhdpi/the_bottom_bar.png b/src/assets/images/image/xhdpi/the_bottom_bar.png
new file mode 100644
index 0000000..ef23486
Binary files /dev/null and b/src/assets/images/image/xhdpi/the_bottom_bar.png differ
diff --git a/src/assets/images/image/xhdpi/the_current_inquiry.png b/src/assets/images/image/xhdpi/the_current_inquiry.png
new file mode 100644
index 0000000..2570b29
Binary files /dev/null and b/src/assets/images/image/xhdpi/the_current_inquiry.png differ
diff --git a/src/assets/images/image/xhdpi/the_slide_gesture.png b/src/assets/images/image/xhdpi/the_slide_gesture.png
new file mode 100644
index 0000000..fe847f5
Binary files /dev/null and b/src/assets/images/image/xhdpi/the_slide_gesture.png differ
diff --git a/src/assets/images/image/xhdpi/user_bg.png b/src/assets/images/image/xhdpi/user_bg.png
new file mode 100644
index 0000000..b0d05b1
Binary files /dev/null and b/src/assets/images/image/xhdpi/user_bg.png differ
diff --git a/src/assets/images/image/xhdpi/wallet_icon.png b/src/assets/images/image/xhdpi/wallet_icon.png
new file mode 100644
index 0000000..8071ce6
Binary files /dev/null and b/src/assets/images/image/xhdpi/wallet_icon.png differ
diff --git a/src/assets/images/image/xxhdpi/add.png b/src/assets/images/image/xxhdpi/add.png
new file mode 100644
index 0000000..90bae50
Binary files /dev/null and b/src/assets/images/image/xxhdpi/add.png differ
diff --git a/src/assets/images/image/xxhdpi/arrow.png b/src/assets/images/image/xxhdpi/arrow.png
new file mode 100644
index 0000000..0c58d3c
Binary files /dev/null and b/src/assets/images/image/xxhdpi/arrow.png differ
diff --git a/src/assets/images/image/xxhdpi/bank_card.png b/src/assets/images/image/xxhdpi/bank_card.png
new file mode 100644
index 0000000..82ef882
Binary files /dev/null and b/src/assets/images/image/xxhdpi/bank_card.png differ
diff --git a/src/assets/images/image/xxhdpi/bank_card_front.png b/src/assets/images/image/xxhdpi/bank_card_front.png
new file mode 100644
index 0000000..2120568
Binary files /dev/null and b/src/assets/images/image/xxhdpi/bank_card_front.png differ
diff --git a/src/assets/images/image/xxhdpi/bottom.png b/src/assets/images/image/xxhdpi/bottom.png
new file mode 100644
index 0000000..5cb0240
Binary files /dev/null and b/src/assets/images/image/xxhdpi/bottom.png differ
diff --git a/src/assets/images/image/xxhdpi/bought.png b/src/assets/images/image/xxhdpi/bought.png
new file mode 100644
index 0000000..61879fe
Binary files /dev/null and b/src/assets/images/image/xxhdpi/bought.png differ
diff --git a/src/assets/images/image/xxhdpi/boy.png b/src/assets/images/image/xxhdpi/boy.png
new file mode 100644
index 0000000..ec4073a
Binary files /dev/null and b/src/assets/images/image/xxhdpi/boy.png differ
diff --git a/src/assets/images/image/xxhdpi/button.png b/src/assets/images/image/xxhdpi/button.png
new file mode 100644
index 0000000..6d5c7eb
Binary files /dev/null and b/src/assets/images/image/xxhdpi/button.png differ
diff --git a/src/assets/images/image/xxhdpi/button_background.png b/src/assets/images/image/xxhdpi/button_background.png
new file mode 100644
index 0000000..7c957e1
Binary files /dev/null and b/src/assets/images/image/xxhdpi/button_background.png differ
diff --git a/src/assets/images/image/xxhdpi/button_background_white.png b/src/assets/images/image/xxhdpi/button_background_white.png
new file mode 100644
index 0000000..320ff07
Binary files /dev/null and b/src/assets/images/image/xxhdpi/button_background_white.png differ
diff --git a/src/assets/images/image/xxhdpi/certificate.png b/src/assets/images/image/xxhdpi/certificate.png
new file mode 100644
index 0000000..cd05576
Binary files /dev/null and b/src/assets/images/image/xxhdpi/certificate.png differ
diff --git a/src/assets/images/image/xxhdpi/collection_delete.png b/src/assets/images/image/xxhdpi/collection_delete.png
new file mode 100644
index 0000000..e151d52
Binary files /dev/null and b/src/assets/images/image/xxhdpi/collection_delete.png differ
diff --git a/src/assets/images/image/xxhdpi/common_disease.png b/src/assets/images/image/xxhdpi/common_disease.png
new file mode 100644
index 0000000..4f57a4d
Binary files /dev/null and b/src/assets/images/image/xxhdpi/common_disease.png differ
diff --git a/src/assets/images/image/xxhdpi/common_drugs.png b/src/assets/images/image/xxhdpi/common_drugs.png
new file mode 100644
index 0000000..fbbd21f
Binary files /dev/null and b/src/assets/images/image/xxhdpi/common_drugs.png differ
diff --git a/src/assets/images/image/xxhdpi/copywriting.png b/src/assets/images/image/xxhdpi/copywriting.png
new file mode 100644
index 0000000..8497c60
Binary files /dev/null and b/src/assets/images/image/xxhdpi/copywriting.png differ
diff --git a/src/assets/images/image/xxhdpi/cup.png b/src/assets/images/image/xxhdpi/cup.png
new file mode 100644
index 0000000..95c8214
Binary files /dev/null and b/src/assets/images/image/xxhdpi/cup.png differ
diff --git a/src/assets/images/image/xxhdpi/dermatology.png b/src/assets/images/image/xxhdpi/dermatology.png
new file mode 100644
index 0000000..9d643c6
Binary files /dev/null and b/src/assets/images/image/xxhdpi/dermatology.png differ
diff --git a/src/assets/images/image/xxhdpi/dividing_line.png b/src/assets/images/image/xxhdpi/dividing_line.png
new file mode 100644
index 0000000..7e1c9cf
Binary files /dev/null and b/src/assets/images/image/xxhdpi/dividing_line.png differ
diff --git a/src/assets/images/image/xxhdpi/doctor.png b/src/assets/images/image/xxhdpi/doctor.png
new file mode 100644
index 0000000..cf079e8
Binary files /dev/null and b/src/assets/images/image/xxhdpi/doctor.png differ
diff --git a/src/assets/images/image/xxhdpi/drop_down.png b/src/assets/images/image/xxhdpi/drop_down.png
new file mode 100644
index 0000000..8266c5c
Binary files /dev/null and b/src/assets/images/image/xxhdpi/drop_down.png differ
diff --git a/src/assets/images/image/xxhdpi/evaluation_background.png b/src/assets/images/image/xxhdpi/evaluation_background.png
new file mode 100644
index 0000000..0fcca01
Binary files /dev/null and b/src/assets/images/image/xxhdpi/evaluation_background.png differ
diff --git a/src/assets/images/image/xxhdpi/evaluation_star_n.png b/src/assets/images/image/xxhdpi/evaluation_star_n.png
new file mode 100644
index 0000000..4786ed6
Binary files /dev/null and b/src/assets/images/image/xxhdpi/evaluation_star_n.png differ
diff --git a/src/assets/images/image/xxhdpi/evaluation_star_s.png b/src/assets/images/image/xxhdpi/evaluation_star_s.png
new file mode 100644
index 0000000..3a26b3a
Binary files /dev/null and b/src/assets/images/image/xxhdpi/evaluation_star_s.png differ
diff --git a/src/assets/images/image/xxhdpi/evaluation_success.png b/src/assets/images/image/xxhdpi/evaluation_success.png
new file mode 100644
index 0000000..a2c7117
Binary files /dev/null and b/src/assets/images/image/xxhdpi/evaluation_success.png differ
diff --git a/src/assets/images/image/xxhdpi/fell_gesture.png b/src/assets/images/image/xxhdpi/fell_gesture.png
new file mode 100644
index 0000000..30645c4
Binary files /dev/null and b/src/assets/images/image/xxhdpi/fell_gesture.png differ
diff --git a/src/assets/images/image/xxhdpi/flower.png b/src/assets/images/image/xxhdpi/flower.png
new file mode 100644
index 0000000..703f003
Binary files /dev/null and b/src/assets/images/image/xxhdpi/flower.png differ
diff --git a/src/assets/images/image/xxhdpi/gift_certificate.png b/src/assets/images/image/xxhdpi/gift_certificate.png
new file mode 100644
index 0000000..a19a71a
Binary files /dev/null and b/src/assets/images/image/xxhdpi/gift_certificate.png differ
diff --git a/src/assets/images/image/xxhdpi/gift_cup.png b/src/assets/images/image/xxhdpi/gift_cup.png
new file mode 100644
index 0000000..383bbf8
Binary files /dev/null and b/src/assets/images/image/xxhdpi/gift_cup.png differ
diff --git a/src/assets/images/image/xxhdpi/gift_flower.png b/src/assets/images/image/xxhdpi/gift_flower.png
new file mode 100644
index 0000000..b6e6dd5
Binary files /dev/null and b/src/assets/images/image/xxhdpi/gift_flower.png differ
diff --git a/src/assets/images/image/xxhdpi/girl.png b/src/assets/images/image/xxhdpi/girl.png
new file mode 100644
index 0000000..88ef99d
Binary files /dev/null and b/src/assets/images/image/xxhdpi/girl.png differ
diff --git a/src/assets/images/image/xxhdpi/guide_pages_five.png b/src/assets/images/image/xxhdpi/guide_pages_five.png
new file mode 100644
index 0000000..fe8a878
Binary files /dev/null and b/src/assets/images/image/xxhdpi/guide_pages_five.png differ
diff --git a/src/assets/images/image/xxhdpi/guide_pages_four.png b/src/assets/images/image/xxhdpi/guide_pages_four.png
new file mode 100644
index 0000000..19d2870
Binary files /dev/null and b/src/assets/images/image/xxhdpi/guide_pages_four.png differ
diff --git a/src/assets/images/image/xxhdpi/guide_pages_one.png b/src/assets/images/image/xxhdpi/guide_pages_one.png
new file mode 100644
index 0000000..7db8281
Binary files /dev/null and b/src/assets/images/image/xxhdpi/guide_pages_one.png differ
diff --git a/src/assets/images/image/xxhdpi/guide_pages_three.png b/src/assets/images/image/xxhdpi/guide_pages_three.png
new file mode 100644
index 0000000..f993f32
Binary files /dev/null and b/src/assets/images/image/xxhdpi/guide_pages_three.png differ
diff --git a/src/assets/images/image/xxhdpi/guide_pages_two.png b/src/assets/images/image/xxhdpi/guide_pages_two.png
new file mode 100644
index 0000000..b1b1285
Binary files /dev/null and b/src/assets/images/image/xxhdpi/guide_pages_two.png differ
diff --git a/src/assets/images/image/xxhdpi/h_currency.png b/src/assets/images/image/xxhdpi/h_currency.png
new file mode 100644
index 0000000..000ef28
Binary files /dev/null and b/src/assets/images/image/xxhdpi/h_currency.png differ
diff --git a/src/assets/images/image/xxhdpi/health_assessment.png b/src/assets/images/image/xxhdpi/health_assessment.png
new file mode 100644
index 0000000..d477956
Binary files /dev/null and b/src/assets/images/image/xxhdpi/health_assessment.png differ
diff --git a/src/assets/images/image/xxhdpi/historical_inquiry.png b/src/assets/images/image/xxhdpi/historical_inquiry.png
new file mode 100644
index 0000000..71b7c6a
Binary files /dev/null and b/src/assets/images/image/xxhdpi/historical_inquiry.png differ
diff --git a/src/assets/images/image/xxhdpi/id_card_back.png b/src/assets/images/image/xxhdpi/id_card_back.png
new file mode 100644
index 0000000..5498cf8
Binary files /dev/null and b/src/assets/images/image/xxhdpi/id_card_back.png differ
diff --git a/src/assets/images/image/xxhdpi/id_card_bg.png b/src/assets/images/image/xxhdpi/id_card_bg.png
new file mode 100644
index 0000000..42a96b1
Binary files /dev/null and b/src/assets/images/image/xxhdpi/id_card_bg.png differ
diff --git a/src/assets/images/image/xxhdpi/id_card_front.png b/src/assets/images/image/xxhdpi/id_card_front.png
new file mode 100644
index 0000000..66c6d66
Binary files /dev/null and b/src/assets/images/image/xxhdpi/id_card_front.png differ
diff --git a/src/assets/images/image/xxhdpi/infectious_disease.png b/src/assets/images/image/xxhdpi/infectious_disease.png
new file mode 100644
index 0000000..9e4fd0f
Binary files /dev/null and b/src/assets/images/image/xxhdpi/infectious_disease.png differ
diff --git a/src/assets/images/image/xxhdpi/internal_medicine.png b/src/assets/images/image/xxhdpi/internal_medicine.png
new file mode 100644
index 0000000..3398017
Binary files /dev/null and b/src/assets/images/image/xxhdpi/internal_medicine.png differ
diff --git a/src/assets/images/image/xxhdpi/interview_news.png b/src/assets/images/image/xxhdpi/interview_news.png
new file mode 100644
index 0000000..4bc6471
Binary files /dev/null and b/src/assets/images/image/xxhdpi/interview_news.png differ
diff --git a/src/assets/images/image/xxhdpi/invitation_bg.png b/src/assets/images/image/xxhdpi/invitation_bg.png
new file mode 100644
index 0000000..3c1d8a9
Binary files /dev/null and b/src/assets/images/image/xxhdpi/invitation_bg.png differ
diff --git a/src/assets/images/image/xxhdpi/invitation_white_bg.png b/src/assets/images/image/xxhdpi/invitation_white_bg.png
new file mode 100644
index 0000000..2147b4c
Binary files /dev/null and b/src/assets/images/image/xxhdpi/invitation_white_bg.png differ
diff --git a/src/assets/images/image/xxhdpi/know.png b/src/assets/images/image/xxhdpi/know.png
new file mode 100644
index 0000000..0616654
Binary files /dev/null and b/src/assets/images/image/xxhdpi/know.png differ
diff --git a/src/assets/images/image/xxhdpi/login_bg.png b/src/assets/images/image/xxhdpi/login_bg.png
new file mode 100644
index 0000000..c8a909d
Binary files /dev/null and b/src/assets/images/image/xxhdpi/login_bg.png differ
diff --git a/src/assets/images/image/xxhdpi/my_background.png b/src/assets/images/image/xxhdpi/my_background.png
new file mode 100644
index 0000000..7c14629
Binary files /dev/null and b/src/assets/images/image/xxhdpi/my_background.png differ
diff --git a/src/assets/images/image/xxhdpi/my_task_select.png b/src/assets/images/image/xxhdpi/my_task_select.png
new file mode 100644
index 0000000..aaf6fb8
Binary files /dev/null and b/src/assets/images/image/xxhdpi/my_task_select.png differ
diff --git a/src/assets/images/image/xxhdpi/my_task_title.png b/src/assets/images/image/xxhdpi/my_task_title.png
new file mode 100644
index 0000000..f1ea9e3
Binary files /dev/null and b/src/assets/images/image/xxhdpi/my_task_title.png differ
diff --git a/src/assets/images/image/xxhdpi/my_wallet_background.png b/src/assets/images/image/xxhdpi/my_wallet_background.png
new file mode 100644
index 0000000..ddf3d98
Binary files /dev/null and b/src/assets/images/image/xxhdpi/my_wallet_background.png differ
diff --git a/src/assets/images/image/xxhdpi/no_message.png b/src/assets/images/image/xxhdpi/no_message.png
new file mode 100644
index 0000000..61471d5
Binary files /dev/null and b/src/assets/images/image/xxhdpi/no_message.png differ
diff --git a/src/assets/images/image/xxhdpi/no_net.png b/src/assets/images/image/xxhdpi/no_net.png
new file mode 100644
index 0000000..275ecb0
Binary files /dev/null and b/src/assets/images/image/xxhdpi/no_net.png differ
diff --git a/src/assets/images/image/xxhdpi/no_search_message.png b/src/assets/images/image/xxhdpi/no_search_message.png
new file mode 100644
index 0000000..cecb0fe
Binary files /dev/null and b/src/assets/images/image/xxhdpi/no_search_message.png differ
diff --git a/src/assets/images/image/xxhdpi/none_comment.png b/src/assets/images/image/xxhdpi/none_comment.png
new file mode 100644
index 0000000..582d2c6
Binary files /dev/null and b/src/assets/images/image/xxhdpi/none_comment.png differ
diff --git a/src/assets/images/image/xxhdpi/ophthalmology.png b/src/assets/images/image/xxhdpi/ophthalmology.png
new file mode 100644
index 0000000..8dca8bb
Binary files /dev/null and b/src/assets/images/image/xxhdpi/ophthalmology.png differ
diff --git a/src/assets/images/image/xxhdpi/orthopedics.png b/src/assets/images/image/xxhdpi/orthopedics.png
new file mode 100644
index 0000000..d2b7047
Binary files /dev/null and b/src/assets/images/image/xxhdpi/orthopedics.png differ
diff --git a/src/assets/images/image/xxhdpi/otolaryngology.png b/src/assets/images/image/xxhdpi/otolaryngology.png
new file mode 100644
index 0000000..ad97422
Binary files /dev/null and b/src/assets/images/image/xxhdpi/otolaryngology.png differ
diff --git a/src/assets/images/image/xxhdpi/pediatrics.png b/src/assets/images/image/xxhdpi/pediatrics.png
new file mode 100644
index 0000000..66723ee
Binary files /dev/null and b/src/assets/images/image/xxhdpi/pediatrics.png differ
diff --git a/src/assets/images/image/xxhdpi/psychiatry.png b/src/assets/images/image/xxhdpi/psychiatry.png
new file mode 100644
index 0000000..b19b6ba
Binary files /dev/null and b/src/assets/images/image/xxhdpi/psychiatry.png differ
diff --git a/src/assets/images/image/xxhdpi/recorded_message.png b/src/assets/images/image/xxhdpi/recorded_message.png
new file mode 100644
index 0000000..fa56fa2
Binary files /dev/null and b/src/assets/images/image/xxhdpi/recorded_message.png differ
diff --git a/src/assets/images/image/xxhdpi/reward.png b/src/assets/images/image/xxhdpi/reward.png
new file mode 100644
index 0000000..0f482ac
Binary files /dev/null and b/src/assets/images/image/xxhdpi/reward.png differ
diff --git a/src/assets/images/image/xxhdpi/selected.png b/src/assets/images/image/xxhdpi/selected.png
new file mode 100644
index 0000000..367b4c2
Binary files /dev/null and b/src/assets/images/image/xxhdpi/selected.png differ
diff --git a/src/assets/images/image/xxhdpi/selsct.png b/src/assets/images/image/xxhdpi/selsct.png
new file mode 100644
index 0000000..ad5d367
Binary files /dev/null and b/src/assets/images/image/xxhdpi/selsct.png differ
diff --git a/src/assets/images/image/xxhdpi/slider.png b/src/assets/images/image/xxhdpi/slider.png
new file mode 100644
index 0000000..5594395
Binary files /dev/null and b/src/assets/images/image/xxhdpi/slider.png differ
diff --git a/src/assets/images/image/xxhdpi/start_page.png b/src/assets/images/image/xxhdpi/start_page.png
new file mode 100644
index 0000000..6c7cb86
Binary files /dev/null and b/src/assets/images/image/xxhdpi/start_page.png differ
diff --git a/src/assets/images/image/xxhdpi/system_information.png b/src/assets/images/image/xxhdpi/system_information.png
new file mode 100644
index 0000000..e3136bd
Binary files /dev/null and b/src/assets/images/image/xxhdpi/system_information.png differ
diff --git a/src/assets/images/image/xxhdpi/the_bottom_bar.png b/src/assets/images/image/xxhdpi/the_bottom_bar.png
new file mode 100644
index 0000000..8dc234a
Binary files /dev/null and b/src/assets/images/image/xxhdpi/the_bottom_bar.png differ
diff --git a/src/assets/images/image/xxhdpi/the_current_inquiry.png b/src/assets/images/image/xxhdpi/the_current_inquiry.png
new file mode 100644
index 0000000..f6e46b9
Binary files /dev/null and b/src/assets/images/image/xxhdpi/the_current_inquiry.png differ
diff --git a/src/assets/images/image/xxhdpi/the_slide_gesture.png b/src/assets/images/image/xxhdpi/the_slide_gesture.png
new file mode 100644
index 0000000..9f33297
Binary files /dev/null and b/src/assets/images/image/xxhdpi/the_slide_gesture.png differ
diff --git a/src/assets/images/image/xxhdpi/user_bg.png b/src/assets/images/image/xxhdpi/user_bg.png
new file mode 100644
index 0000000..9a35d14
Binary files /dev/null and b/src/assets/images/image/xxhdpi/user_bg.png differ
diff --git a/src/assets/images/image/xxhdpi/wallet_icon.png b/src/assets/images/image/xxhdpi/wallet_icon.png
new file mode 100644
index 0000000..267f1a7
Binary files /dev/null and b/src/assets/images/image/xxhdpi/wallet_icon.png differ
diff --git a/src/assets/images/robot-avatar.jpg b/src/assets/images/robot-avatar.jpg
new file mode 100644
index 0000000..fd23f50
Binary files /dev/null and b/src/assets/images/robot-avatar.jpg differ
diff --git a/src/assets/images/µã¾Åͼ/ͼ²ã 1.png b/src/assets/images/µã¾Åͼ/ͼ²ã 1.png
new file mode 100644
index 0000000..39041a9
Binary files /dev/null and b/src/assets/images/µã¾Åͼ/ͼ²ã 1.png differ
diff --git a/src/assets/images/µã¾Åͼ/ͼ²ã 1¸±±¾.png b/src/assets/images/µã¾Åͼ/ͼ²ã 1¸±±¾.png
new file mode 100644
index 0000000..e4d64fb
Binary files /dev/null and b/src/assets/images/µã¾Åͼ/ͼ²ã 1¸±±¾.png differ
diff --git a/src/assets/timeformart.js b/src/assets/timeformart.js
new file mode 100644
index 0000000..4d4b05c
--- /dev/null
+++ b/src/assets/timeformart.js
@@ -0,0 +1,46 @@
+import Vue from "vue";
+import moment from "moment/moment";
+// 定义自己的全局过滤器
+
+Vue.filter('timeFormat', val => {
+    const momentObj = moment(val); // 创建一个 Moment.js 对象
+    const now = moment(); // 获取当前时间
+    const yearsAgo = now.diff(momentObj, 'years'); // 计算相对于当前时间的年数差异
+    const monthsAgo = now.diff(momentObj, 'months'); // 计算相对于当前时间的月数差异
+    const daysAgo = now.diff(momentObj, 'days'); // 计算相对于当前时间的天数差异
+    const hoursAgo = now.diff(momentObj, 'hours'); // 计算相对于当前时间的小时数差异
+    const minutesAgo = now.diff(momentObj, 'minutes'); // 计算相对于当前时间的分钟数差异
+    // 根据不同的时间差异返回不同的格式
+    if (yearsAgo >= 1) {
+        return `${yearsAgo}年前`;
+    } else if (monthsAgo >= 1) {
+        return `${monthsAgo}个月前`;
+    } else if (daysAgo >= 1) {
+        return `${daysAgo}天前`;
+    } else if (hoursAgo >= 1) {
+        return `${hoursAgo}小时前`;
+    } else if (minutesAgo >= 1) {
+        return `${minutesAgo}分钟前`;
+    } else {
+        return '刚刚';
+    }
+})
+Vue.filter('allTimeFormat', val => {
+    
+    return moment(val).format('YYYY-MM-DD HH:mm:ss');
+
+})
+
+Vue.filter('time',value=>{
+    if(value){
+return moment(value).format('YYYY-M-D')
+    }
+})
+// 3小时前
+
+Vue.filter('timeAgo', function(value) {
+  if (value) {
+    moment.locale('zh-cn'); // 设置 moment.js 为中文本地化
+    return moment(value).fromNow();
+  }
+});
\ No newline at end of file
diff --git a/src/components/HomeFoot.vue b/src/components/HomeFoot.vue
new file mode 100644
index 0000000..5487a93
--- /dev/null
+++ b/src/components/HomeFoot.vue
@@ -0,0 +1,69 @@
+<template>
+  <!-- 首页的底部组件 -->
+  <div class="foot">
+    <img :src="changImg1" @click="toHome" />
+    <img class="xin" :src="changImg2" @click="toCirle" />
+    <img :src="changImg3" @click="toViedo" />
+  </div>
+</template>
+
+<script>
+// 左边亮
+import img1 from "../assets/images/icon/common resource/hdpi/common_tab_home_s.png";
+// 左边暗
+import img11 from "../assets/images/icon/common resource/hdpi/common_tab_home_n.png";
+// 中间写
+import img2 from "../assets/images/icon/common resource/hdpi/common_tab_circle_s.png";
+// 中间
+import img22 from "../assets/images/icon/common resource/hdpi/common_tab_circle_n.png";
+// 右边亮
+import img3 from "../assets/images/icon/common resource/hdpi/common_tab_video_s.png";
+
+// 右边暗
+import img33 from "../assets/images/icon/common resource/hdpi/common_tab_video_n.png";
+export default {
+  data() {
+    return {
+      changImg1: this.$route.path === "/home" ? img1 : img11,
+      changImg2: this.$route.path === "/home" ? img22 : img2,
+      changImg3: this.$route.path === "/home" ? img3 : img33,
+    };
+  },
+  methods: {
+    toHome() {
+      this.$router.push("/home");
+    },
+    toCirle() {
+      if(this.$route.path === '/home'){
+           this.$router.push("/patientCircle");
+      }else{
+          this.$router.push("/patientCircle/patientWrite");
+      }
+   
+    },
+    toViedo() {
+      this.$router.push("/vedio");
+    },
+  },
+};
+</script>
+
+<style lang="scss" >
+.foot {
+  width: 100vw;
+  background-color: #fff;
+
+  position: fixed;
+  margin-left: 0;
+  bottom: 0;
+  left: 0;
+  height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  .xin {
+    width: 60px;
+    height: 60px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/MyTop.vue b/src/components/MyTop.vue
new file mode 100644
index 0000000..d2573f6
--- /dev/null
+++ b/src/components/MyTop.vue
@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <div class="top">
+        <img :src="jiantou" @click="$router.go(-1)"/><slot name="collection"></slot>
+        <span></span>
+    </div>
+  </div>
+</template>
+
+<script>
+import jiantou from "@/assets/images/icon/common resource/xxhdpi/common_icon_white_n.png"
+export default {
+data(){
+    return{
+        jiantou:jiantou
+    }
+}
+}
+</script>
+
+<style lang="scss" scoped>
+.top{
+    height: 55px;
+    display: flex;
+    align-items: center;
+
+    justify-content: space-between;
+    width: 100vw;
+    background-color: #fff;
+     padding: 0 10px;
+    img{
+        width: 20px;
+        height: 20px;
+      
+    }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/New.vue b/src/components/New.vue
new file mode 100644
index 0000000..9871eb2
--- /dev/null
+++ b/src/components/New.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="conBig">
+    <div class="top">
+      <img
+        src="data:image/png;base64,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"
+        class="avtor"
+      />
+
+      <div>
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+    </div>
+    <div class="red">本模块知识仅供你参考，如有需要，请在医生指导下使用</div>
+    <div class="con" v-if="code == 1">
+      <div class="name">
+        {{ list1.name }}
+      </div>
+      <p>【药品成分】</p>
+      <div>
+        {{ list1.component }}
+      </div>
+      <P>【用药禁忌】</P>
+      <div>
+        {{ list1.taboo }}
+      </div>
+      <p>【功能主治】</p>
+      <div>
+        {{ list1.effect }}
+      </div>
+      <p>【用法用量】</p>
+      <div class="use">
+        {{ list1.usage }}
+      </div>
+      <p>【药品性状】</p>
+      <div>
+        {{ list1.shape }}
+      </div>
+      <P>【包装规格】</P>
+      <div>
+        {{ list1.packing }}
+      </div>
+      <p>【贮藏条件】</p>
+      <div>
+        {{ list1.storage }}
+      </div>
+      <p>【注意事项】</p>
+      <div>
+        {{ list1.sideEffects }}
+      </div>
+      <p>【批准文号】</p>
+      <div>
+        {{ list1.approvalNumber }}
+      </div>
+    </div>
+    <div class="con" v-else-if="code == 0">
+      <div class="name">
+        {{ list.name }}
+      </div>
+      <p>【病理】</p>
+      <div>
+        {{ list.chineseMedicineTreatment }}
+      </div>
+      <P>【症状】</P>
+      <div>
+        {{ list.symptom }}
+      </div>
+      <p>【宜与忌】</p>
+      <div>
+        {{ list.benefitTaboo }}
+      </div>
+      <p>【西药治疗】</p>
+      <div class="use">
+        {{ list.pathology }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { fetchSs, fetchYY } from "../api/index";
+export default {
+  props: ["id", "code"],
+  data() {
+    return {
+      list: {},
+      list1: {},
+    };
+  },
+  methods: {
+    // 常见症状内容ID
+    async getSs1() {
+      const resp = await fetchSs({ params: { id: this.id } });
+      // console.log(typeof this.id);
+      this.list1 = resp.data.result;
+    },
+    // 常见真正症状内容ID
+    async getSs() {
+      const resp = await fetchYY({ params: { id: this.id } });
+
+      this.list = resp.data.result;
+    },
+  },
+  created() {
+    this.getSs();
+    this.getSs1();
+    // console.log(this.code);
+  },
+};
+</script>
+
+<style lang="scss">
+.conBig {
+  width: 100vw;
+  height: auto;
+  // 头部
+  .top {
+    width: 100vw;
+    height: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .avtor,
+    .ding,
+    .people {
+      width: 25px;
+      height: 25px;
+      margin: 0 5px;
+    }
+    .input {
+      flex: 1;
+      margin: 0 10px;
+      height: 38px;
+      border-radius: 20px;
+      border: 1px solid #ccc;
+    }
+  }
+  .red {
+    height: 30px;
+    background-color: red;
+    font-size: 12px;
+    line-height: 30px;
+    text-align: center;
+    color: white;
+  }
+  .con {
+    .name {
+      height: 30px;
+      margin: 0 5px;
+      line-height: 30px;
+      font-weight: 600;
+    }
+    width: 100vw;
+    p {
+      text-align: left;
+      height: 15px;
+      color: blue;
+      //   background-color: green;
+    }
+    div {
+      text-align: left;
+      height: auto;
+      margin: 15px;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/http/index.js b/src/http/index.js
index 3b20096..d210c8c 100644
--- a/src/http/index.js
+++ b/src/http/index.js
@@ -1,24 +1,39 @@
 import axios from "axios";
+import { Toast } from "vant";
 const http = axios.create({
-    baseURL: 'https://some-domain.com/api/',
-    timeout: 1000,
-    headers: {'X-Custom-Header': 'foobar'}
-  });
-  // 添加请求拦截器
+  // baseURL: 'https://some-domain.com/api/',
+  // timeout: 1000,
+  // headers: {'X-Custom-Header': 'foobar'}
+});
+// 添加请求拦截器
+http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
+// http.defaults.headers.post['Content-Type'] = 'application/json'
+http.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';
 http.interceptors.request.use(function (config) {
-    // 在发送请求之前做些什么
-    return config;
-  }, function (error) {
-    // 对请求错误做些什么
-    return Promise.reject(error);
-  });
+  // 在发送请求之前做些什么
+  if (config.url.includes('/health/user') && !config.url.includes('/login') && !config.url.includes('/register')) {
+    config.headers["userId"] = localStorage.getItem('userId')
+    config.headers["sessionId"] = localStorage.getItem('sessionId')
+  }
+  Toast.loading({
+    message: '加载中...',
+    forbidClick: true,
+    loadingType: 'spinner'
+  })
+  // config.headers.Authorization = sessionStorage.getItem('token')
+  return config;
+}, function (error) {
+  // 对请求错误做些什么
+  return Promise.reject(error);
+});
 
 // 添加响应拦截器
 http.interceptors.response.use(function (response) {
-    // 对响应数据做点什么
-    return response;
-  }, function (error) {
-    // 对响应错误做点什么
-    return Promise.reject(error);
-  });
-  export default http
\ No newline at end of file
+  // 对响应数据做点什么
+  Toast.clear()
+  return response;
+}, function (error) {
+  // 对响应错误做点什么
+  return Promise.reject(error);
+});
+export default http
\ No newline at end of file
diff --git a/src/img/10.jpg b/src/img/10.jpg
new file mode 100644
index 0000000..88227f8
Binary files /dev/null and b/src/img/10.jpg differ
diff --git a/src/img/11.jpg b/src/img/11.jpg
new file mode 100644
index 0000000..04463af
Binary files /dev/null and b/src/img/11.jpg differ
diff --git a/src/img/12.jpg b/src/img/12.jpg
new file mode 100644
index 0000000..c5fea4d
Binary files /dev/null and b/src/img/12.jpg differ
diff --git a/src/img/13.jpg b/src/img/13.jpg
new file mode 100644
index 0000000..82d4d60
Binary files /dev/null and b/src/img/13.jpg differ
diff --git a/src/img/14.jpg b/src/img/14.jpg
new file mode 100644
index 0000000..82c074d
Binary files /dev/null and b/src/img/14.jpg differ
diff --git a/src/img/15.jpg b/src/img/15.jpg
new file mode 100644
index 0000000..31b563f
Binary files /dev/null and b/src/img/15.jpg differ
diff --git a/src/img/16.jpg b/src/img/16.jpg
new file mode 100644
index 0000000..adc52b8
Binary files /dev/null and b/src/img/16.jpg differ
diff --git a/src/img/17.jpg b/src/img/17.jpg
new file mode 100644
index 0000000..3c7af5b
Binary files /dev/null and b/src/img/17.jpg differ
diff --git a/src/img/18.jpg b/src/img/18.jpg
new file mode 100644
index 0000000..2cca792
Binary files /dev/null and b/src/img/18.jpg differ
diff --git a/src/main.js b/src/main.js
index eefe6fd..2f16620 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,12 +5,15 @@ import store from './store'
 import Vant from 'vant';
 import 'vant/lib/index.css';
 import "normalize.css/normalize.css"
-import instance from "./http/index"
+import VueRouter from 'vue-router';
+// import http from "./http/index"
+// Vue.prototype.$http=http
+// 注册全局过滤器
+import "./assets/timeformart"
 
-Vue.prototype.$http=instance
 Vue.use(Vant);
+Vue.use(VueRouter)
 Vue.config.productionTip = false
-
 new Vue({
   router,
   store,
diff --git a/src/router/index.js b/src/router/index.js
index ee7485b..09f5109 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,7 +6,7 @@ Vue.use(VueRouter)
 const routes = [
   {
     path: '/',
-    redirect: '/home'
+    redirect: '/my/myLogin'
   },
   // -------------------------首页--------------------------
   // 一级home页面
@@ -15,7 +15,7 @@ const routes = [
     name: 'home',
     component: () => import('../views/home/home.vue'),
     children: [{
-      path: 'information',
+      path: 'information/:id',
       name: 'information',
       component: () => import('../views/home/information/information.vue'),
       children: [{
@@ -41,6 +41,11 @@ const routes = [
       name: 'search',
       component: () => import('../views/home/search/search.vue')
     },
+     {
+      path: 'new/:id/:code',
+      name: 'new',
+      component: () => import('../views/home/new/new.vue')
+    },
 
 
     ]
@@ -71,8 +76,8 @@ const routes = [
         component: () => import('../views/consultation/consultationServer/doctorList/doctorList.vue')
       },
       {
-        path: 'consultationCDetail',
-        name: 'consultationCDetail',
+        path: 'consultationDetail/:id',
+        name: 'consultationDetail',
         component: () => import('../views/consultation/consultationServer/detail/detail.vue')
       },
 
@@ -83,10 +88,15 @@ const routes = [
       name: 'myConsultation',
       component: () => import('../views/consultation/myConsultation/myConsultation.vue'),
       children: [{
-        path: 'MyConsultationComment',
+        path: 'MyConsultationComment/:commentNum/:doctorId',
         name: 'MyConsultationComment',
         component: () => import('../views/consultation/myConsultation/comment/comment.vue')
       },
+      {
+        path: 'comment/:recordId/:doctorId',
+        name: 'comment',
+        component: () => import('../views/consultation/myConsultation/comment1/comment1.vue')
+      },
       {
         path: 'MyConsultationCurrent',
         name: 'MyConsultationCurrent',
@@ -103,7 +113,7 @@ const routes = [
         component: () => import('../views/consultation/myConsultation/queryComment/queryComment.vue')
       },
       {
-        path: 'MyConsultationResult',
+        path: 'MyConsultationResult/:recordId',
         name: 'MyConsultationResult',
         component: () => import('../views/consultation/myConsultation/result/result.vue')
       }]
@@ -119,11 +129,11 @@ const routes = [
     name: 'wallet',
     component: () => import('../views/wallet/wallet.vue'),
     children: [{
-      path: 'myWallet',
+      path: 'myWallet/:money1',
       name: 'myWallet',
       component: () => import('../views/wallet/myWallet/myWallet.vue')
     }, {
-      path: 'recharge',
+      path: 'recharge/:money',
       name: 'recharge',
       component: () => import('../views/wallet/recharge/recharge.vue')
     }, {
@@ -131,7 +141,7 @@ const routes = [
       name: 'withdrawal',
       component: () => import('../views/wallet/withdrawal/withdrawal.vue')
     }, {
-      path: 'rechargeSuccess',
+      path: 'rechargeSuccess/:money',
       name: 'rechargeSuccess',
       component: () => import('../views/wallet/rechargeSuccess/rechargeSuccess.vue')
     }, {
@@ -153,7 +163,7 @@ const routes = [
     name: 'patientCircle',
     component: () => import('../views/patientCircle/patientCircle.vue'),
     children: [{
-      path: 'patientDetail',
+      path: 'patientDetail/:id',
       name: 'patientDetail',
       component: () => import('../views/patientCircle/detail/detail.vue')
     }, {
@@ -161,7 +171,7 @@ const routes = [
       name: 'patientSearch',
       component: () => import('../views/patientCircle/search/search.vue'),
       children: [{
-        path: 'patientResult',
+        path: 'patientResult/:keyword',
         name: 'patientResult',
         component: () => import('../views/patientCircle/search/result/result.vue'),
       }]
@@ -169,13 +179,17 @@ const routes = [
       path: 'patientWrite',
       name: 'patientWrite',
       component: () => import('../views/patientCircle/write/write.vue')
+    }, {
+      path: 'patientUserInfo',
+      name: 'patientUserInfo',
+      component: () => import('../views/patientCircle/userInfo/userInfo.vue')
     }
     ]
   },
   // -------------------------视频-------------------------
 
   {
-    path: 'vedio',
+    path: '/vedio',
     name: 'vedio',
     component: () => import('../views/vedio/vedio.vue')
   },
@@ -184,6 +198,7 @@ const routes = [
   {
     path: '/my',
     name: 'my',
+    component:()=>import('../views/my/my.vue'),
     children: [{
       path: 'myAdoptIdea',
       name: 'myAdoptIdea',
@@ -258,10 +273,15 @@ const routes = [
     {
       path: 'myProFile',
       name: 'myProFile',
+      component:()=>import('../views/my/proFile/proFile.vue'),
       children: [{
         path: 'myProFileAddModifyProfile',
         name: 'myProFileAddModifyProfile',
         component: () => import('../views/my/proFile/addModifyProfile/addModifyProfile.vue')
+      },{
+        path: 'editProFile/:arr',
+        name: 'editProFile',
+        component: () => import('../views/my/proFile/editProFile/editProFile.vue')
       },
       {
         path: 'myProFileIndex',
@@ -347,13 +367,13 @@ const router = new VueRouter({
   routes
 })
 // 路由守卫
-// router.beforeEach((to, from, next) => {
-//   if (to.path === '/login') {
-//     return next()
-//   }
+router.beforeEach((to, from, next) => {
+  if (to.path === '/my/myLogin') {
+    return next()
+  }
 //   if (!localStorage.getItem('token')) {
 //     return next('/login')
 //   }
-//   next()
-// })
+  next()
+})
 export default router
diff --git a/src/store/index.js b/src/store/index.js
index ceffa8e..82ecae5 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
-
+import search from "./search/index"
 Vue.use(Vuex)
 
 export default new Vuex.Store({
@@ -13,5 +13,6 @@ export default new Vuex.Store({
   actions: {
   },
   modules: {
+    search
   }
 })
diff --git a/src/store/search/index.js b/src/store/search/index.js
new file mode 100644
index 0000000..e3fea30
--- /dev/null
+++ b/src/store/search/index.js
@@ -0,0 +1,28 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default ({
+    namespaced: true,
+    state: {
+        hisList: JSON.parse(localStorage.getItem("dhis")) || []
+    },
+    getters: {
+    },
+    mutations: {
+        ss(state,payload) {
+            let index = state.hisList.lastIndexOf(payload);
+            if (index > -1) {
+                state.hisList.splice(index, 1);
+            }
+            state.hisList.unshift(payload);
+            localStorage.setItem("dhis", JSON.stringify(state.hisList));
+        }
+    },
+    actions: {
+        
+    },
+    modules: {
+    }
+})
diff --git a/src/utils/common-mixins.css b/src/utils/common-mixins.css
new file mode 100644
index 0000000..bf43c33
--- /dev/null
+++ b/src/utils/common-mixins.css
@@ -0,0 +1 @@
+@min;
diff --git a/src/utils/common-mixins.min.css b/src/utils/common-mixins.min.css
new file mode 100644
index 0000000..d5394e6
--- /dev/null
+++ b/src/utils/common-mixins.min.css
@@ -0,0 +1 @@
+@min
diff --git a/src/utils/common-mixins.scss b/src/utils/common-mixins.scss
new file mode 100644
index 0000000..7ae8eef
--- /dev/null
+++ b/src/utils/common-mixins.scss
@@ -0,0 +1,5 @@
+@mixin center-content {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
\ No newline at end of file
diff --git a/src/utils/common.css b/src/utils/common.css
new file mode 100644
index 0000000..4e20b96
--- /dev/null
+++ b/src/utils/common.css
@@ -0,0 +1,5 @@
+.minxin {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
diff --git a/src/utils/common.min.css b/src/utils/common.min.css
new file mode 100644
index 0000000..f2affb1
--- /dev/null
+++ b/src/utils/common.min.css
@@ -0,0 +1 @@
+.minxin{display:flex;align-items:center;flex-direction:column}
diff --git a/src/utils/common.scss b/src/utils/common.scss
new file mode 100644
index 0000000..55c17f2
--- /dev/null
+++ b/src/utils/common.scss
@@ -0,0 +1,5 @@
+.minxin{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
\ No newline at end of file
diff --git a/src/views/consultation/consultation.vue b/src/views/consultation/consultation.vue
index 7796caa..104c88e 100644
--- a/src/views/consultation/consultation.vue
+++ b/src/views/consultation/consultation.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    consultation<router-view></router-view>
+    <router-view></router-view>
   </div>
 </template>
 
diff --git a/src/views/consultation/consultationServer/consultationServer.vue b/src/views/consultation/consultationServer/consultationServer.vue
index f25a8b9..59108db 100644
--- a/src/views/consultation/consultationServer/consultationServer.vue
+++ b/src/views/consultation/consultationServer/consultationServer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>ftgbjnkml,<router-view></router-view></div>
+  <div><router-view></router-view></div>
 </template>
 
 <script>
diff --git a/src/views/consultation/consultationServer/detail/detail.vue b/src/views/consultation/consultationServer/detail/detail.vue
index 14d5324..214a800 100644
--- a/src/views/consultation/consultationServer/detail/detail.vue
+++ b/src/views/consultation/consultationServer/detail/detail.vue
@@ -1,13 +1,333 @@
 <template>
-  <div>cons  detail</div>
+  <div class="big">
+    <!-- 医生详情页 -->
+    <van-nav-bar
+      title="医生详情"
+      left-text="返回"
+      left-arrow
+      @click-left="$router.push('/home/search')"
+    />
+    <div class="user">
+      <div class="left">
+        <img :src="list.imagePic" />
+      </div>
+      <div class="right">
+        <div class="doctor">
+          <div>
+            <h3>{{ list.doctorName }}</h3>
+            <p>{{ list.jobTitle }}</p>
+          </div>
+          <img :src="isXin ? nn : ss" @click="changeImg" />
+        </div>
+        <div class="list2">{{ list.inauguralHospital }}</div>
+        <div class="pl">
+          <p>
+            好评率<span>{{ list.praise }}</span>
+          </p>
+          <p>
+            服务患者数<span>{{ list.serverNum }}%</span>
+          </p>
+        </div>
+        <div class="shu"><p>他收到的礼物</p></div>
+        <div class="gift">
+          <div v-for="(v, i) in list.doctorReceiveGiftList" :key="i">
+            <img :src="v.giftPic" />
+            <p>{{ v.worth }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="oneAsk1">
+      <p>个人简介</p>
+      <div>{{ list.personalProfile }}</div>
+    </div>
+    <div class="oneAsk1">
+      <p>擅长领域</p>
+      <div>{{ list.goodField }}</div>
+    </div>
+    <div class="oneAsk1">
+      <p>用户评论（{{ list.commentList && list.commentList.length }}条评论）</p>
+      <div class="van" v-for="(v, i) in list.commentList" :key="i">
+        <dl>
+          <dt>
+            <img :src="v.headPic" />
+          </dt>
+          <dd>
+            <p>
+              {{ v.nickName }}<span>{{ v.commentTime | timeFormat }}</span>
+            </p>
+          </dd>
+        </dl>
+        <p>{{ v.content }}</p>
+      </div>
+    </div>
+    <button
+      @click="
+        $router.push(
+          `/consultation/myConsultation/MyConsultationComment/${list.commentNum}/${list.doctorId}`
+        )
+      "
+    >
+      点击查看更多评论
+    </button>
+    <div class="foot">
+      <p >500H币/次</p>
+      <button >立即咨询</button>
+    </div>
+  </div>
 </template>
 
 <script>
-export default {
+import { fetchDoctor, fetchDoctorLike, fetchDoctorisLike } from "@/api";
+import nn from "../../../../assets/images/icon/common resource/hdpi/common_icon_attention_large_n.png";
+import ss from "../../../../assets/images/icon/common resource/hdpi/common_icon_attention_large_s.png";
 
-}
+export default {
+  data() {
+    return {
+      nn: nn,
+      ss: ss,
+      id: 0,
+      list: {},
+      isXin: true,
+    };
+  },
+  methods: {
+    async getDoctor() {
+      const resp = await fetchDoctor({ params: { doctorId: this.id } });
+      console.log(resp);
+      this.list = resp.data.result;
+    },
+    changeImg() {
+      this.isXin = !this.isXin;
+      // console.log(this.isXin);
+      // 关注与取消关注
+      // this.getDoctorLike();
+      if (this.isXin) {
+        this.getDoctorisLike();
+      } else {
+        this.getDoctorLike();
+      }
+    },
+    async getDoctorLike() {
+      const resp = await fetchDoctorLike({ doctorId: this.id });
+      console.log(resp);
+    },
+    async getDoctorisLike() {
+      const resp = await fetchDoctorisLike({ params: { doctorId: this.id } });
+      console.log(resp);
+    },
+  },
+  created() {
+    let { id } = this.$route.params;
+    this.id = id * 1;
+    console.log(typeof this.id);
+    console.log(this.id);
+    this.getDoctor();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.big {
+  overflow: scroll;
+  width: 100%;
+  height: auto;
+  .user {
+    width: 100vw;
+    height: 280px;
+    background-color: #eee;
+    display: flex;
+    align-items: center;
+    .left {
+      width: 45vw;
+      background-color: #eee;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      img {
+        width: 80%;
+        height: 80%;
+        line-height: 240px;
+        text-align: center;
+      }
+    }
+    .right {
+      width: 55vw;
+      height: 70%;
+      text-align: left;
+      background-color: #fff;
+      div {
+        margin: 5px 0;
+      }
+      .doctor {
+        height: 35px;
+        // background-color: pink;
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        div {
+          align-items: center;
+          display: flex;
+          justify-content: space-around;
+          width: 150px;
+          // background-color: green;
+        }
+      }
+      .pl {
+        height: 26px;
+        // background-color: pink;
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
 
+        p {
+          width: 48%;
+          // background-color: #ccc;
+          font-size: 12px;
+          height: 100%;
+          // background-color: green;
+          display: flex;
+          align-items: center;
+          //  justify-content: space-around;
+          span {
+            margin-left: 5px;
+          }
+        }
+      }
+      .shu {
+        p {
+          border-left: 3px solid #3087ea;
+          padding: 0 5px;
+        }
+      }
+      .gift {
+        display: flex;
+        height: 53px;
+        // background-color: green;
+        // width: 100%;
+        align-items: center;
+
+        div {
+          width: 30%;
+          height: 53px;
+          margin-left: 5px;
+          // background-color: yellow;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          img {
+            width: 35px;
+            height: 35px;
+          }
+          p {
+          }
+        }
+      }
+      .list2 {
+        margin-left: 5px;
+      }
+    }
+  }
+  .oneAsk1 {
+    height: auto;
+    width: 100%;
+    background-color: #fff;
+    margin-top: 5px;
+    text-align: left;
+    line-height: 30px;
+
+    p {
+      height: 30px;
+      border-left: 5px solid #3087ea;
+      margin-left: 5px;
+      padding: 0 10px;
+    }
+    div {
+      padding: 0 10px;
+      background-color: #eee;
+    }
+    .van {
+      background-color: #eee;
+      margin-top: 10px;
+      border-bottom: 3px solid #ccc;
+      height: auto;
+      text-align: left;
+
+      // background-color: green;
+      dl {
+        width: 100%;
+
+        display: flex;
+        // background-color: green;
+        align-items: center;
+
+        dt {
+          height: 100%;
+          img {
+            width: 50px;
+            height: 50px;
+          }
+        }
+        dd {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          // background-color: #ccc;
+          margin-left: 10px;
+          height: 80%;
+          flex: 1;
+
+          p {
+            border: none;
+            display: flex;
+            align-items: center;
+            // background-color: yellow;
+            justify-content: space-between;
+          }
+        }
+      }
+      p {
+        width: 100%;
+        margin: 0;
+        border: none;
+        // background-color: orange;
+      }
+    }
+  }
+  button {
+    color: #3087ea;
+    height: 25px;
+    margin: 10px 0;
+  }
+  .foot {
+    // position: fixed;
+    // bottom: 0;
+    // left: 0;
+    height: 50px;
+    // background-color: green;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    p {
+      width: 60%;
+      height: 100%;
+      text-align: center;
+      line-height: 50px;
+      font-size: 20px;
+      background-color: #eee;
+      border: 1px solid #eee;
+    }
+    button {
+      background-color: #3087ea;
+      width: 40%;
+      height: 100%;
+      border: none;
+      color: #fff;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/consultation/consultationServer/doctorList/doctorList.vue b/src/views/consultation/consultationServer/doctorList/doctorList.vue
index 157b988..0fa2f9a 100644
--- a/src/views/consultation/consultationServer/doctorList/doctorList.vue
+++ b/src/views/consultation/consultationServer/doctorList/doctorList.vue
@@ -1,15 +1,495 @@
 <template>
-  <div>
-    doctorList
+  <div class="big">
+    <div class="top">
+      <img
+        src="data:image/png;base64,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"
+        class="avtor"
+      />
+      <h6>医生列表</h6>
+      <div>
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+    </div>
+    <div class="ss">
+      <ul class="nav">
+        <li
+          v-for="(v, i) in list"
+          :key="i"
+          @click="changeInd(i, v.id)"
+          :class="active === i ? 'active' : ''"
+        >
+          {{ v.departmentName }}
+        </li>
+      </ul>
+    </div>
+    <ul class="pl">
+      <li
+        v-for="(v, i) in sort"
+        :key="i"
+        @click="changeInd1(i)"
+        :class="active1 === i ? 'active1' : ''"
+      >
+        {{ v }}
+      </li>
+      <p class="sss">
+        <img :src="add" v-if="def" @click="changeTou" />
+        <img :src="sub" v-else @click="changeTou" />
+      </p>
+    </ul>
+    <div v-if="lenth > 0" class="con">
+      <!-- con2对象 下面 -->
+      <div class="middle" v-if="isCon">
+        <img :src="con2.imagePic" />
+        <div>
+          <p class="title">
+            <span> {{ con2.doctorName }}</span
+            ><span>{{ con2.jobTitle }}</span>
+          </p>
+          <p class="word">
+            <span>{{ con2.inauguralHospital }} </span
+            ><img
+              :src="src"
+              @click="
+                $router.push(
+                  `/consultation/consultationServer/consultationDetail/${con2.doctorId}`
+                )
+              "
+            />
+          </p>
+          <p class="good">
+            <span>好评率:{{ con2.praise }}</span
+            ><span>服务患者数量:{{ con2.serverNum }}</span>
+          </p>
+        </div>
+      </div>
+      
+      <!-- con1 -->
+      <div class="middle" v-else>
+        <img :src="con1.imagePic" />
+        <div>
+          <p class="title">
+            <span> {{ con1.doctorName }}</span
+            ><span>{{ con1.jobTitle }}</span>
+          </p>
+          <p class="word">
+            <span>{{ con1.inauguralHospital }} </span
+            ><img
+              :src="src"
+              @click="
+                $router.push(
+                  `/consultation/consultationServer/consultationDetail/${con1.doctorId}`
+                )
+              "
+            />
+          </p>
+          <p class="good">
+            <span>好评率:{{ con1.praise }}</span
+            ><span>服务患者数量:{{ con1.serverNum }}</span>
+          </p>
+        </div>
+      </div>
+      <div class="foot1">
+        <p>{{ con1.servicePrice }}H币/次</p>
+        <button @click="zxList">立即咨询</button>
+      </div>
+      <div class="tab">
+        <div
+          v-for="(v, i) in con"
+          :key="i"
+          @click="changeTab(i, v.doctorId)"
+          :class="ii === i ? 'active2' : ''"
+        >
+          <img :src="v.imagePic" />
+          <p>{{ v.doctorName }}</p>
+        </div>
+        <img :src="sd" class="sd" @click="button" />
+      </div>
+    </div>
+    <div v-else class="bot">
+      <img :src="sdd" />
+      <p>暂无医生数据</p>
+    </div>
   </div>
 </template>
 
 <script>
+import {
+  fetchAsk,
+  fetchDoctorlIST,
+  fetchDoctorUser,
+  fetchDoctorOnly,
+} from "@/api";
+import src from "../../../../assets/images/icon/common resource/hdpi/common_icon_more_n.png";
+import add from "../../../../assets/images/icon/common resource/hdpi/common_button_ascending_s.png";
+import sub from "../../../../assets/images/icon/common resource/hdpi/common_button_descending_s.png";
+import def from "../../../../assets/images/icon/common resource/hdpi/common_button_sequence_n.png";
+import sd from "../../../../assets/images/icon/common resource/hdpi/common_information_next_n.png";
+import sdd from "../../../../assets/images/image/hdpi/doctor.png";
+import { Notify } from "vant";
 export default {
+  data() {
+    return {
+      active: 0,
+      sdd: sdd,
+      src: src,
+      add: add,
+      sub: sub,
+      def: true,
+      sd: sd,
+      list: [],
+      sort: ["综合", "好评", "咨询数", "价格"],
+      active1: 0,
+      params: {
+        deptId: 7,
+        condition: 1, // 1=综合，2=好评 ，3=咨询数 ，4= 价格
+        sortBy: 0, //	当条件为4时，1=按高价格排序，不传为默认排序
+        page: 1,
+        count: 4,
+      },
+      con: [],
+      con1: {},
+      con2: {},
+      isCon: false,
+      ii: 0,
+      lenth: 0,
+      id: 93,
+    };
+  },
+  methods: {
+    // 切换四个
+    button() {
+      // let tab = document.querySelector(".tab");
+      // tab.style.marginLeft = -400 + "px";
+      // if(this.lenth>this.)
+      this.params.page++;
+      this.getDoctorList();
+    },
+    async getAsk() {
+      const resp = await fetchAsk();
+      console.log(resp);
+      this.list = resp.data.result;
+    },
+    // 箭头
+    changeTou() {
+      this.def = !this.def;
+      if (this.params.condition === 4 && this.def) {
+        this.params.sortBy = 1;
+        this.getDoctorList();
+      } else if (this.params.condition === 4 && !this.def) {
+        this.params.sortBy = 0;
+        this.getDoctorList();
+      }
+      console.log(typeof this.params.sortBy);
+    },
+    // 骨科
+    changeInd(i, id) {
+      console.log(i, id);
+      this.active = i;
+      this.params.deptId = id;
+      this.getDoctorList();
+    },
+    // 综合
+    changeInd1(i) {
+      this.active1 = i;
+      console.log(i);
+      if (i == 0) {
+        this.params.condition = 1;
+        this.getDoctorList();
+      } else if (i == 1) {
+        this.params.condition = 2;
+        this.getDoctorList();
+      } else if (i == 2) {
+        this.params.condition = 3;
+        this.getDoctorList();
+      } else if (i == 3) {
+        this.params.condition = 4;
+        this.getDoctorList();
+      }
 
-}
+      console.log(this.params.condition, typeof this.params.condition);
+    },
+    // 医生列表
+    async getDoctorList() {
+      const resp = await fetchDoctorlIST({ params: this.params });
+      console.log(resp);
+      console.log(this.ii);
+      this.con = resp.data.result;
+      this.lenth = resp.data.result.length;
+      this.con1 = resp.data.result[0];
+    },
+    // 医生明细
+    async getDoctorUser(id) {
+      const resp = await fetchDoctorUser({ params: { doctorId: id } });
+      console.log(resp);
+      this.con2 = resp.data.result;
+      this.id = id;
+    },
+    changeTab(i, id) {
+      this.isCon = true;
+      console.log(i, id);
+      this.ii = i;
+      this.getDoctorUser(id);
+    },
+    async zxList() {
+      const resp = await fetchDoctorOnly({ doctorId: this.id });
+      console.log(resp);
+      if (localStorage.getItem("userId")) {
+        Notify({ type: "success", message: "有正在沟通的医生" });
+      } else {
+        Notify({ type: "danger", message: "请先登录" });
+      }
+
+      // this.$router.push(`/consultation/consultationServer/consultationChat`);
+    },
+  },
+  created() {
+    this.getAsk();
+    this.getDoctorList();
+  },
+};
 </script>
 
-<style>
+<style lang="scss">
+.big {
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  background-color: #eee;
 
+  .top {
+    width: 100vw;
+    height: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .avtor,
+    .ding,
+    .people {
+      width: 25px;
+      height: 25px;
+      margin: 0 5px;
+    }
+    .input {
+      flex: 1;
+      margin: 0 10px;
+      height: 38px;
+      border-radius: 20px;
+      border: 1px solid #ccc;
+    }
+  }
+  .ss {
+    width: 100%;
+    height: 50px;
+    background-color: #3087ea;
+    white-space: nowrap;
+    overflow-x: scroll;
+    background-color: #fff;
+    .nav {
+      height: 50px;
+      // background-color: #ccc;
+      display: flex;
+      align-items: center;
+      li {
+        // width: 50px;
+        height: 100%;
+        padding: 0 5px;
+
+        margin: 0 5px;
+        text-align: center;
+        line-height: 50px;
+        &.active {
+          color: #3087ea;
+        }
+      }
+    }
+  }
+  .pl {
+    height: 50px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    background-color: #fff;
+    // justify-content: space-around;
+    border-bottom: 1px solid #ccc;
+    li {
+      left: 100%;
+      padding: 0 8px;
+
+      width: 20%;
+      &.active1 {
+        color: red;
+        border-bottom: 2px solid red;
+      }
+    }
+    .sss {
+      width: 15px;
+      height: 15px;
+      margin-left: -23px;
+      // background-color: green;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+  .con {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    width: 100vw;
+    height: 600px;
+    // background-color: orange;
+  }
+  .middle {
+    height: 400px;
+    // background-color: pink;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    border-bottom: 1px solid #ccc;
+    margin-bottom: 5px;
+    img {
+      width: 80%;
+      margin-top: 5px;
+      height: 70%;
+      border: 1px solid #fff;
+    }
+    div {
+      width: 80%;
+      height: 30%;
+      background-color: #fff;
+      // padding: 10px 0;
+      border-bottom: 1px solid #eee;
+      .title {
+        margin-top: 5px;
+        height: 30px;
+
+        width: 100%;
+        background-color: #fff;
+        justify-content: space-around;
+        align-items: center;
+        line-height: 30px;
+        span {
+          // background-color: green;
+          height: 100%;
+          float: left;
+          margin-left: 10px;
+        }
+      }
+
+      .word {
+        display: flex;
+        height: 30px;
+        margin-top: 5px;
+        align-items: center;
+        background-color: #fff;
+        justify-content: space-between;
+        span {
+          margin-left: 10px;
+        }
+        img {
+          width: 30px;
+          height: 20px;
+          margin-right: 10px;
+          height: 100%;
+        }
+      }
+      .good {
+        margin-top: 10px;
+        height: 30px;
+        background-color: #fff;
+        line-height: 30px;
+        text-align: left;
+        span {
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+  .foot1 {
+   
+    height: 60px;
+    width: 100%;
+    // background-color: green;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+
+    margin: 5px 0;
+    p {
+      width: 40%;
+      height: 50px;
+      text-align: center;
+      // line-height: 50px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      background-color: #fff;
+      border: 1px solid #eee;
+      // background-color: green;
+    }
+    button {
+      background-color: #3087ea;
+      width: 40%;
+      height: 100%;
+      border: none;
+      color: #fff;
+    }
+  }
+  .tab {
+    width: 100vw;
+    height: 150px;
+    // background-color: pink;
+    display: flex;
+    margin-top: 20px;
+    align-items: center;
+    // position: relative;
+    div {
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      // height: 100%;
+      width: 90px;
+      margin: 0 4px;
+      // background-color: green;
+      flex-direction: column;
+    }
+    .active2 {
+      background-color: #3087ea;
+      color: white;
+    }
+    img {
+      width: 100%;
+      height: 80px;
+      // margin-left: 5px;
+    }
+    p {
+      background-color: #ccc;
+      width: 80px;
+      height: 20px;
+      background: rgb(0, 0, 0, 0.1);
+      margin-left: 5px;
+    }
+    .sd {
+      position: absolute;
+      right: 10px;
+      width: 20px;
+      height: 20px;
+    }
+  }
+  .bot {
+    height: 500px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/consultation/myConsultation/comment/comment.vue b/src/views/consultation/myConsultation/comment/comment.vue
index 5fd51e5..82561b4 100644
--- a/src/views/consultation/myConsultation/comment/comment.vue
+++ b/src/views/consultation/myConsultation/comment/comment.vue
@@ -1,13 +1,130 @@
 <template>
-  <div>comment</div>
+  <div>
+    <van-nav-bar title="详情列表" left-arrow />
+
+    <!-- <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
+     
+    </van-list> -->
+     <div class="van" v-for="(v, i) in list" :key="i">
+        <dl>
+          <dt>
+            <img :src="v.headPic" />
+          </dt>
+          <dd>
+            <p>
+              {{ v.nickName }}<span>{{ v.commentTime | timeFormat }}</span>
+            </p>
+          </dd>
+        </dl>
+        <p>{{ v.content }}</p>
+      </div>
+  </div>
 </template>
 
 <script>
+import { fetchComment } from "@/api";
 export default {
+  data() {
+    return {
+      params: {
+        doctorId: 2,
+        page: 1,
+        count: 10,
+      },
+      list: [],
+      loading: false, //	自定义底部加载中提示 //是否处于加载中，处于加载中 不触发onLoad事件
+      finished: false, //	自定义加载完成后的提示文案 //	是否已加载完成，加载完成后不再触发load事件
+    };
+  },
+  methods: {
+    async getComment() {
+      const resp = await fetchComment({ params: this.params });
+      console.log(resp);
+      console.log(this.params);
+      this.list = resp.data.result;
+    },
+    // async onLoad() {
+    //   console.log(31222);
+    //   this.params.page++; //页码加加
+    
+    //   const resp = await fetchComment({ params: this.params });
 
-}
+    //   // console.log(this.params);
+    //   // this.list = [...this.list, ...resp.data.result];
+    //   this.list.push(...resp.data.result)
+    //      console.log(resp);
+    //        console.log(this.params.page);
+    //   if (resp.status === 200) {
+    //     this.loading = false;
+    //   }
+    //   if (resp.data.result.length === 0) {
+    //     this.finished = true;
+    //   }
+    // },
+  },
+  created() {
+    const { commentNum, doctorId } = this.$route.params;
+    this.params.doctorId = doctorId * 1;
+    this.params.count = commentNum * 1;
+    console.log(this.params.doctorId, this.params.count);
+    this.getComment();
+  },
+};
 </script>
 
-<style>
+<style lang="scss">
+.van {
+  background-color: #eee;
+  margin-top: 10px;
+  border-bottom: 3px solid #ccc;
+  height: auto;
+  text-align: left;
 
+  // background-color: green;
+  dl {
+    width: 100%;
+    // height: 500px ;
+    display: flex;
+    // background-color: green;
+    align-items: center;
+    margin: 20px 0;
+
+    dt {
+      height: 100%;
+      margin: 10px 0;
+      img {
+        width: 50px;
+        height: 50px;
+      }
+    }
+    dd {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      // background-color: #ccc;
+      margin-left: 10px;
+      height: 80%;
+      flex: 1;
+
+      p {
+        border: none;
+        display: flex;
+        align-items: center;
+        // background-color: yellow;
+        justify-content: space-between;
+      }
+    }
+  }
+  p {
+    width: 100%;
+    margin: 0;
+    border: none;
+    // background-color: orange;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/consultation/myConsultation/comment1/comment1.vue b/src/views/consultation/myConsultation/comment1/comment1.vue
new file mode 100644
index 0000000..87aba76
--- /dev/null
+++ b/src/views/consultation/myConsultation/comment1/comment1.vue
@@ -0,0 +1,144 @@
+<template>
+  <div class="box">
+    <van-nav-bar title="评价问诊" left-arrow @click-left="onClickLeft" />
+    <div class="wordAsk"><p>文字评价（送H币）</p></div>
+    <textarea placeholder="请输入你对医生的评价" style="color: #000;" v-model="value2" rows="20">
+    </textarea>
+    <div class="start">
+      <p>星级评价</p>
+      <p>
+        医生专业度<span></span
+        ><van-rate color="rgb(38, 112, 229)" v-model="value" />
+      </p>
+      <p>
+        服务满意度<span></span
+        ><van-rate color="rgb(38, 112, 229)" v-model="value1" />
+      </p>
+    </div>
+    <div class="button">
+      <button>返回</button>
+      <button @click="getCommentDoctor">完成</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { fetchCommentDoctor } from "@/api";
+export default {
+  data() {
+    return {
+      value: 3,
+      value1: 2,
+      value2: "", //多文本
+      recordId: 0,
+      doctorId: 0,
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.go(-1);
+    },
+    async getCommentDoctor() {
+      const resp = await fetchCommentDoctor({inquiryRecordId:this.recordId*1,doctorId	:this.doctorId*1,evaluate:this.value2,majorDegree:this.value,satisfactionDegree:this.value1});
+      this.$router.push(`/consultation/myConsultation/MyConsultationResult/${this.recordId}`)
+      console.log(resp);
+    },
+    // getCommentDoctor() {
+    //   // this.$router.push(`/consultation/myConsultation/MyConsultationResult`);
+    //   console.log(this.recordId);
+    //   console.log(this.doctorId);
+    //   console.log(this.value2);
+    //   console.log(this.value);
+    //   console.log(this.value1);
+    // },
+  },
+  created() {
+    const { recordId, doctorId } = this.$route.params;
+    console.log(this.$route.params);
+    this.recordId = recordId;
+    this.doctorId = doctorId;
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.wordAsk {
+  // background-color: #ccc;
+  height: 35px;
+  p {
+    margin-left: 10px;
+    text-align: left;
+    font-size: 13px;
+    font-weight: 700;
+    padding: 5px 10px;
+    border-left: 5px solid rgb(38, 112, 229);
+  }
+}
+textarea {
+  width: 90%;
+  margin-top: 10px;
+  // background-color: #ccc;
+  color: #ccc;
+  font-size: 13px;
+  border: none;
+}
+.start {
+  width: 100vw;
+  height: 150px;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  border-top: 2px solid #eee;
+  border-bottom: 2px solid #eee;
+  p {
+    // background-color: green;
+    width: 100%;
+    text-align: left;
+    margin: 10px;
+  }
+  p:nth-child(1) {
+    margin-left: 10px;
+    text-align: left;
+    font-size: 13px;
+    font-weight: 700;
+    padding: 5px 10px;
+    border-left: 5px solid rgb(38, 112, 229);
+  }
+  p:nth-child(2) {
+    display: flex;
+    align-items: center;
+    width: 55%;
+    justify-content: space-around;
+  }
+  p:nth-child(3) {
+    display: flex;
+    align-items: center;
+    width: 55%;
+    justify-content: space-around;
+  }
+}
+.button {
+  margin-top: 200px;
+  width: 100vw;
+  height: 40px;
+
+  // background-color: pink ;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  button {
+    width: 80px;
+    height: 100%;
+    color: #fff;
+    border-radius: 10px;
+    border: none;
+  }
+  button:nth-child(2) {
+    background-color: rgb(38, 112, 229);
+  }
+  button:nth-child(1) {
+    background-color: rgb(135, 135, 135);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/consultation/myConsultation/current/current.vue b/src/views/consultation/myConsultation/current/current.vue
index 2d70453..52d437f 100644
--- a/src/views/consultation/myConsultation/current/current.vue
+++ b/src/views/consultation/myConsultation/current/current.vue
@@ -1,15 +1,175 @@
 <template>
-  <div>
-    current
+  <div class="box">
+    <div class="van-nav-bar">
+      <span @click="$router.go(-1)"><</span><span>当前问诊</span
+      ><span></span>
+    </div>
+    <div class="con" v-if="length">
+      <img :src="list.imagePic" />
+      <div class="con-list">
+        <p>{{ list.doctorName }}</p>
+        <p>{{ list.jobTitle }}</p>
+        <p>{{ list.department }}</p>
+        <p>{{ timer }}</p>
+      </div>
+      <div class="ask">
+        <button
+          @click="
+            $router.push(`/consultation/consultationServer/consultationChat`)
+          "
+        >
+          继续问诊
+        </button>
+        <button @click="askDoctor">结束问诊</button>
+      </div>
+    </div>
+    <div class="con1" v-else>
+      <img src="https://img.yzcdn.cn/vant/empty-image-default.png" />
+      <p>暂无问诊</p>
+      <button @click="$router.go(-1)">返回</button>
+    </div>
   </div>
 </template>
 
 <script>
+import moment from "moment";
+import { fetchOverAsk } from "@/api";
+import { fetchDoctorCurrent } from "@/api";
 export default {
+  data() {
+    return {
+      list: {},
+      timer: "",
+      id: 0,
+      no: "",
+      length: 0,
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.push("/my");
+    },
+    async getDoctorCurrent() {
+      const resp = await fetchDoctorCurrent();
+      console.log(resp);
 
-}
+      //       var obj = {
+      //   name: 'John',
+      //   age: 30,
+      //   gender: 'male'
+      // };
+      //       var keys = Object.keys(obj);
+      // console.log(keys); // 输出 ['name', 'age', 'gender']
+      // this.length = Object.keys(resp.data.result).length;
+      // console.log( Object.keys(resp.data.result));
+      if (resp.data.result && Object.keys(resp.data.result).length > 0) {
+        this.list = resp.data.result;
+        this.id = resp.data.result.recordId;
+        // 使用 Moment.js 将时间戳格式化
+        this.timer = moment(resp.data.result.inquiryTime).format("YYYY.M.D");
+        this.length = true;
+      } else {
+        this.no = resp.data.message;
+        this.length = false;
+      }
+    },
+    async askDoctor() {
+      const resp = await fetchOverAsk({ recordId: this.id });
+
+      this.$router.push(`/my`);
+    },
+  },
+  created() {
+    this.getDoctorCurrent();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
 
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .van-nav-bar {
+    display: flex;
+    align-items: center;
+    width: 100vw;
+    align-items: center;
+    justify-content: space-between;
+    height: 45px;
+    padding: 0 10px;
+  }
+  .con {
+    margin-top: 20px;
+    width: 100vw;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    img {
+      width: 65%;
+      height: 300px;
+      border-radius: 10px;
+    }
+    .con-list {
+      margin-top: 40px;
+      border: 1px solid #ccc;
+      width: 80%;
+      height: 120px;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      justify-content: space-around;
+    }
+    .ask {
+      margin-top: 30px;
+      width: 100vw;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      // background-color: #ccc;
+      button {
+        height: 100%;
+        width: 25%;
+        border-radius: 5px;
+        border: none;
+      }
+      button:nth-child(1) {
+        background-color: rgb(135, 135, 135);
+        color: #fff;
+      }
+      button:nth-child(2) {
+        background-color: pink;
+        color: #fff;
+      }
+    }
+  }
+  .con1 {
+    margin-top: 40px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    img {
+      width: 80%;
+      height: 150px;
+    }
+    p {
+      color: #ccc;
+    }
+    button {
+      margin-top: 20px;
+      width: 150px;
+      height: 45px;
+      background-color: #3f45ff;
+      color: #fff;
+      border-radius: 20px;
+      border: none;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/consultation/myConsultation/history/history.vue b/src/views/consultation/myConsultation/history/history.vue
index 417bb98..9023429 100644
--- a/src/views/consultation/myConsultation/history/history.vue
+++ b/src/views/consultation/myConsultation/history/history.vue
@@ -1,13 +1,148 @@
 <template>
-  <div>history</div>
+  <div class="box">
+    <div class="van-nav-bar">
+      <span @click="$router.go(-1)"><</span><span>当前问诊</span><span></span>
+    </div>
+    <div class="con">
+      <dl v-for="(v, i) in list" :key="i">
+        <dt><img :src="v.imagePic" /></dt>
+        <dd>
+          <p>
+            {{ v.doctorName }}<span>{{ v.jobTitle }}</span>
+          </p>
+          <p>问诊时间 <span></span>{{ v.inquiryTime | timeAgo }}</p>
+          <p>
+            <button
+              @click="
+                $router.push(
+                  `/consultation/consultationServer/consultationChat`
+                )
+              "
+            >
+              查看问诊记录</button
+            ><button @click="$router.push(`/consultation/myConsultation/comment/${v.recordId}/${v.doctorId}`)">去评价</button>
+          </p>
+        </dd>
+      </dl>
+    </div>
+  </div>
 </template>
 
 <script>
+import { fetchHistoryList } from "@/api";
 export default {
+  data() {
+    return {
+      page: 1,
+      count: 10,
+      list: [],
+      
 
-}
+    };
+  },
+  methods: {
+    async getHistoryList() {
+      const resp = await fetchHistoryList({
+        params: { page: this.page, count: this.count },
+      });
+      console.log(resp);
+      this.list = resp.data.result;
+
+    },
+  },
+  created() {
+    this.getHistoryList();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
 
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .van-nav-bar {
+    display: flex;
+    align-items: center;
+    width: 100vw;
+    align-items: center;
+    justify-content: space-between;
+    height: 45px;
+    padding: 0 10px;
+  }
+  .con {
+    margin-top: 10px;
+    dl {
+      width: 100vw;
+      height: 200px;
+      display: flex;
+      align-items: center;
+      // background-color: green;
+      border-bottom: 1px solid #ccc;
+      dt {
+        width: 30%;
+        height: 80%;
+        // background-color: pink;
+        margin: 0 10px;
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: contain;
+        }
+      }
+      dd {
+        width: 63%;
+        height: 80%;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        justify-content: space-around;
+        // background-color: orange;
+        p {
+          width: 100%;
+
+          height: 35px;
+        }
+        p:nth-child(1) {
+          width: 100%;
+          font-weight: bolder;
+          span {
+            font-size: 10px;
+            margin-left: 10px;
+          }
+          height: 35px;
+        }
+        p:nth-child(2) {
+          display: flex;
+          align-items: center;
+          width: 100%;
+          // background-color: #ccc;
+          justify-content: center;
+          font-size: 12px;
+          height: 35px;
+        }
+        p:nth-child(3) {
+          display: flex;
+          align-items: center;
+          height: 30px;
+
+          justify-content: space-around;
+          button {
+            height: 100%;
+            padding: 5px;
+            border-radius: 10px;
+            border: none;
+            background-color: rgb(38, 112, 229);
+            color: #fff;
+            font-size: 13px;
+          }
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/consultation/myConsultation/myConsultation.vue b/src/views/consultation/myConsultation/myConsultation.vue
index ba24570..104c88e 100644
--- a/src/views/consultation/myConsultation/myConsultation.vue
+++ b/src/views/consultation/myConsultation/myConsultation.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    myConsultation<router-view></router-view>
+    <router-view></router-view>
   </div>
 </template>
 
diff --git a/src/views/consultation/myConsultation/result/result.vue b/src/views/consultation/myConsultation/result/result.vue
index 23448b5..17a5813 100644
--- a/src/views/consultation/myConsultation/result/result.vue
+++ b/src/views/consultation/myConsultation/result/result.vue
@@ -1,15 +1,178 @@
 <template>
-  <div>
-    result
+  <div class="box">
+    <van-nav-bar title="评价成功" left-arrow @click-left="onClickLeft" />
+    <div class="top">
+      <img :src="gou" />
+      <p>评价成功，感谢您！</p>
+    </div>
+    <p class="xiBsid">如果您遇到的问题得到解决?给个礼物鼓励一下吧～</p>
+    <div class="con">
+      <dl v-for="(v, i) in list" :key="i">
+        <dt><img :src="v.pic" /></dt>
+        <dd>
+          <p>
+            {{ v.name }}
+            <span>{{ v.worth }}H币</span>
+          </p>
+          <P><span></span><span></span><button @click="getGiftYour(v.id)">立即赠送</button></P>
+        </dd>
+      </dl>
+    </div>
+    <div class="button"><button @click="$router.push('/consultation/myConsultation/MyConsultationHistory')">返回</button></div>
   </div>
 </template>
 
 <script>
+import xin from "../../../../assets/images/image/xhdpi/evaluation_background.png";
+import gou from "../../../../assets/images/image/xhdpi/evaluation_success.png";
+import { fetchGiftList,fetchGiftYour } from "@/api";
+import http from "../../../../http";
 export default {
+  data() {
+    return {
+      xin: xin,
+      gou: gou,
+      list: [],
+      recordId:0,
 
-}
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.go(-1);
+    },
+    async getGiftList() {
+      const resp = await fetchGiftList();
+      console.log(resp);
+      this.list = resp.data.result;
+    },
+    async getGiftYour(id){
+      const resp=await fetchGiftYour({inquiryRecordId:this.recordId*1,giftId:id})
+      console.log(resp);
+    }
+  },
+  created() {
+    const {recordId}=this.$route.params
+    this.recordId=recordId
+    console.log(recordId);
+    this.getGiftList();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.top {
+  margin-top: 10px;
+  width: 100vw;
+  height: 150px;
+  background: url("../../../../assets/images/image/xhdpi/evaluation_background.png");
+  background-size: cover;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: space-around;
+  img {
+    width: 60px;
+    height: 60px;
+  }
+  p {
+    color: white;
+    font-size: 25px;
+  }
+}
+.xiBsid {
+  width: 100vw;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: #ccc;
+  border-bottom: 1px solid #eee;
+}
+.con {
+  margin-top: 10px;
+  width: 100vw;
+  height: auto;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  dl {
+    width: 100%;
+    height: 160px;
+    // background-color: pink;
+    display: flex;
+    align-items: center;
+    border-bottom: 2px solid #eee;
+    margin-top: 10px;
+    dt {
+      width: 30%;
+      height: 100%;
+      margin: 10px;
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    }
+    dd {
+      flex: 1;
+      // background-color: green;
+      height: 100%;
 
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      p:nth-child(1) {
+        // background: pink;
+        height: 100%;
+        width: 40%;
+        display: flex;
+        text-align: left;
+        font-weight: bold;
+        flex-direction: column;
+        padding: 10px;
+        span {
+          color: red;
+          margin-top: 10px;
+          font-weight: normal;
+          font-size: 12px;
+        }
+      }
+      p:nth-child(2) {
+        // background: orange;
+        height: 90%;
+        flex: 1;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        justify-content: space-around;
+
+        button {
+          height: 30px;
+          width: 60%;
+          border-radius: 5px;
+          border: none;
+          text-align: center;
+          color: #fff;
+          background-color: rgb(38, 112, 229);
+        }
+      }
+    }
+  }
+}
+.button {
+  width: 100vw;
+  height: 35px;
+  margin-top: 10px;
+
+  button {
+    width: 80%;
+    height: 100%;
+    background-color: rgb(38, 112, 229);
+    color: white;
+    border-radius: 5px;
+    border: none;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index ee8e3f9..64ac82a 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -1,15 +1,634 @@
 <template>
-  <div>
+  <div class="big">
+    <div v-if="$route.path === '/home'">
+      <div class="top">
+        <img
+          :src="avtor"
+         
+          class="avtor"
+          @click="$router.push('/my')"
+        />
+        <input
+          placeholder="   病症、药品名称、医生姓名"
+          class="input"
+          @click="toSearch"
+        />
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+      <div class="banner">
+        <van-swipe :autoplay="3000">
+          <van-swipe-item v-for="(image, index) in images" :key="index">
+            <img :src="image.imageUrl" class="img" />
+          </van-swipe-item>
+        </van-swipe>
+      </div>
 
-    <router-view></router-view>
+      <!-- 知识宝典 -->
+      <div class="knowledge">
+        <div class="baibei">
+          <h5>知识宝典</h5>
+        </div>
+        <div class="bot">
+          <router-link to="/home/knowledgeBase?code=0&id=7" class="left">
+            <div>
+              <p>常见病症</p>
+              <img
+                src="	http://localhost:3000/static/media/common_disease.f2cc5d235056c69b3694.png"
+              />
+            </div>
+          </router-link>
+          <router-link to="/home/knowledgeBase?code=1&id=1" class="right">
+            <div>
+              <p>常用药品</p>
+              <img
+                src="	http://localhost:3000/static/media/common_drugs.093ed2299b2db08b6c0f.png
+"
+              />
+            </div>
+          </router-link>
+        </div>
+      </div>
+      <!-- 问诊咨询 -->
+      <div class="ask">
+        <div class="baibei">
+          <h5>问诊咨询</h5>
+        </div>
+        <div class="bot">
+          <!-- <dl v-for="(v, i) in asks" :key="i" @click="$router.push(`/home/knowledgeBase/${code=0}/${v.id}`)">
+            <dt>
+              <img :src="v.pic" />
+            </dt>
+            <dd>
+              <p>{{ v.departmentName }}</p>
+            </dd>
+          </dl> -->
+          <router-link
+            v-for="(v, i) in asks"
+            :key="i"
+            :to="`/home/knowledgeBase?code=0&id=${i}`"
+          >
+            <dl>
+              <dt>
+                <img :src="v.pic" />
+              </dt>
+              <dd>
+                <p class="ssd">{{ v.departmentName }}</p>
+              </dd>
+            </dl>
+          </router-link>
+        </div>
+      </div>
+      <!-- 健康测评 -->
+      <div class="health">
+        <div class="baibei">
+          <h5>健康测评</h5>
+        </div>
+        <div class="bot">
+          <img
+            src="	http://localhost:3000/static/media/health_assessment.307863735a6fb045948a.png"
+          @click="$router.push(`/consultation/consultationServer/consultationDoctorList`)"/>
+        </div>
+      </div>
+      <!-- 健康咨询 -->
+      <div class="consult">
+        <div class="baibei">
+          <h5>健康咨询</h5>
+        </div>
+        <ul class="middle1">
+          <li
+            v-for="(v, i) in nav"
+            :key="i"
+            @click="changeInd(v.id)"
+            :class="v.id === active ? 'active' : ''"
+          >
+            {{ v.name }}
+          </li>
+        </ul>
+
+        <div class="bot">
+          <!-- 上拉加载 -->
+          <div
+            v-for="(v, i) in con"
+            :key="i"
+            @click="$router.push(`/home/information/${v.id}`)"
+          >
+            <dl class="three" v-if="v.thumbnail.length === 3">
+              <dd>
+                <p class="title">{{ v.title }}</p>
+                <div class="word">
+                  <p class="wordp">{{ v.source }}</p>
+                  <span class="wordspan">{{ v.releaseTime | timeFormat }}</span>
+                </div>
+              </dd>
+              <dt>
+                <img
+                  v-for="(index, item) in v.thumbnail"
+                  :key="item"
+                  :src="index"
+                />
+              </dt>
+            </dl>
+            <dl class="one" v-else-if="v.thumbnail.length === 1">
+              <dt><img :src="v.thumbnail" /></dt>
+              <dd>
+                <p class="title">{{ v.title }}</p>
+                <div class="word">
+                  <p class="wordp">{{ v.source }}</p>
+                  <span class="wordspan">{{ v.releaseTime | timeFormat }}</span>
+                </div>
+              </dd>
+            </dl>
+          </div>
+        </div>
+      </div>
+      <!-- 底部定位 -->
+      <HomeFoot></HomeFoot>
+    </div>
+    <div v-else-if="$route.path !== '/home'">
+      <router-view></router-view>
+    </div>
   </div>
 </template>
 
 <script>
-export default {};
+// 懒加载
+import Vue from "vue";
+import { Lazyload } from "vant";
+Vue.use(Lazyload);
+import { fetchBanner, fetchAsk, fetchNav, fetchCon } from "../../api/index";
+import HomeFoot from "@/components/HomeFoot.vue";
+export default {
+  components: { HomeFoot },
+  data() {
+    return {
+      images: [],
+      asks: [],
+      active: 1,
+      nav: [],
+      con: [],
+      // 列表渲染
+      params: {
+        plateId: 1,
+        page: 1,
+        count: 20,
+      },
+      // 常见病症
+      code: 1,
+       avtor:localStorage.getItem('headPic')?localStorage.getItem('headPic'):'data:image/png;base64,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'
+    };
+  },
+  methods: {
+    // 轮播
+    async getBanner() {
+      const resp = await fetchBanner();
+      console.log(resp);
+      try {
+        if (resp.status !== 200) {
+          Toast.fail("错误");
+        }
+        this.images = resp.data.result;
+      } catch (error) {
+        console.log("fcvhbm", error);
+      }
+    },
+    // 搜索页
+    toSearch() {
+      this.$router.push("/home/search");
+    },
+    // 问诊
+    async getAsk() {
+      const resp = await fetchAsk();
+      console.log(resp);
+      this.asks = resp.data.result;
+    },
+    // tab头部
+    async getNav() {
+      const resp = await fetchNav();
+      // console.log(resp);
+      this.nav = resp.data.result;
+    },
+    // tab内容
+    async getCon() {
+      const resp = await fetchCon({ params: this.params });
+      console.log(resp);
+      this.con = resp.data.result;
+      //  是否存在你更多数据
+      if (resp.data.result.length > 0) {
+        // 数据二次请求
+        resp.data.result.forEach((v) => {
+          v.thumbnail = v.thumbnail.split(";");
+          // console.log(v.thumbnail);
+        });
+      }
+    },
+    // tab改变下标
+    changeInd(ind) {
+      // console.log(ind);
+      this.params.plateId = ind;
+      this.active = ind;
+      this.getCon();
+    },
+    // handleAsk(id){
+    //   console.log(id);
+    //   this.$router.push(`/home/knowledgeBase/id=${id}`)
+    // }
+  },
+
+  created() {
+    this.getBanner();
+    this.getAsk();
+    this.getNav();
+    this.getCon();
+  },
+};
 </script>
 
-<style lang="scss" >
+<style lang="scss" scoped>
+.big {
+  width: 100vw;
+  background-color: #eee;
+  height: auto;
+}
+// 头部
+.top {
+  width: 100vw;
+  height: 50px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  .avtor,
+  .ding,
+  .people {
+    width: 25px;
+    height: 25px;
+    margin: 0 5px;
+  }
+   .avtor{
+    border-radius: 50%;
+   }
+  .input {
+    flex: 1;
+    margin: 0 10px;
+    height: 38px;
+    border-radius: 20px;
+    border: 1px solid #ccc;
+  }
+}
+// 轮播图
+.banner {
+  width: 100vw;
+  height: 200px;
+  .img {
+    width: 100vw;
+    height: 200px;
+  }
+}
+// 知识宝典
+.knowledge {
+  width: 100vw;
+  height: 300px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .baibei {
+    width: 100vw;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    background-color: #fff;
+    h5 {
+      border-left: 4px solid #3087ea;
+      margin-left: 10px;
+      width: 80px;
+      height: 25px;
+      line-height: 25px;
+      // background-color: pink;
+      color: #3087ea;
+    }
+  }
+  .bot {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    
+    //   flex-direction: column;
+    .left,
+    .right {
+      margin-top: 1px;
+      background-color: #fff;
+      height: 260px;
+      width: 49%;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      div {
+        width: 100%;
+        // height: 100%;
+        height: 260px;
+        // background-color: green;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        p {
+          height: 55px;
+          color: #000;
+          width: 100%;
+          line-height: 69px;
+          margin-left: -110px;
+          // background-color: pink;
 
+        }
+        img {
+          width: 191px;
+          height: 191px;
+        }
+      }
+    }
+    .right {
+      // margin-top: 10px;
+      // background-color: orange;
+      // height: 260px;
+      margin-left: 2%;
+      // width: 49%;
+    }
+  }
+}
+// 问诊咨询
+.ask {
+  width: 100vw;
+  height: 250px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  // background-color: pink;
+  .baibei {
+    width: 100vw;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    background-color: #fff;
+    h5 {
+      border-left: 4px solid #3087ea;
+      margin-left: 10px;
+      width: 80px;
+      height: 25px;
+      line-height: 25px;
+      color: #3087ea;
+    }
+  }
+  .bot {
+    display: flex;
+    width: 100%;
 
+    background-color: #fff;
+    height: 220px;
+    flex-wrap: wrap;
+    margin-top: 1px;
+    dl {
+      width: 24vw;
+      margin: 1px;
+      // padding: 4px;
+      height: 100px;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      dt {
+        width: 100%;
+        height: 70px;
+        img {
+          width: 60px;
+          height: 60px;
+        }
+      }
+      dd {
+        p {
+          margin-top: 8px;
+          font-size: 13px;
+        }
+      }
+    }
+  }
+}
+// 健康评测
+.health {
+  width: 100vw;
+  height: 250px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  // background-color: pink;
+  .baibei {
+    width: 100vw;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    background-color: #fff;
+    h5 {
+      border-left: 4px solid #3087ea;
+      margin-left: 10px;
+      width: 80px;
+      height: 25px;
+      line-height: 25px;
+      color: #3087ea;
+    }
+  }
+  .bot {
+    display: flex;
+    width: 100%;
+    background-color: #fff;
+    height: 220px;
+    flex-wrap: wrap;
+    margin-top: 1px;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
+// 健康咨询
+.consult {
+  width: 100vw;
+  height: auto;
+  // background-color: pink;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  background-color: #fff;
+
+  .baibei {
+    width: 100vw;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    background-color: #fff;
+    h5 {
+      border-left: 4px solid #3087ea;
+      margin-left: 10px;
+      width: 80px;
+      height: 25px;
+      line-height: 25px;
+      color: #3087ea;
+    }
+  }
+  .middle1 {
+    height: 35px;
+    // background-color: green;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    border-bottom: 1px solid #eee;
+    li.active {
+      color: #3087ea;
+    }
+  }
+  .bot {
+    //   display: flex;
+    // justify-content: center;
+    //   flex-direction: column;
+    width: 100%;
+    height: auto;
+    background-color: #fff;
+    height: 100px;
+    flex-wrap: wrap;
+    margin-top: 1px;
+    .three {
+      height: 170px;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      // justify-content: space-between;
+      // background-color: #ccc;
+      margin-top: 5px;
+      border-bottom: 2px solid #eee;
+      dt {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        height: 100px;
+        // background-color: green;
+        img {
+          width: 30%;
+        }
+      }
+      dd {
+        height: 65px;
+        width: 100%;
+
+        // background-color: green;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        p {
+          width: 100%;
+          font-weight: bold;
+          display: flex;
+          height: 30px;
+          align-items: center;
+          // background-color: red;
+          justify-content: space-between;
+          padding: 0 10px;
+          text-align: left;
+        }
+        div {
+          width: 100%;
+          display: flex;
+          align-items: center;
+          // background-color: red;
+          justify-content: space-between;
+
+          p {
+            font-weight: normal;
+          }
+          span {
+            width: 50px;
+            // background-color: orange;
+          }
+        }
+      }
+    }
+    .one {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 100px;
+      margin: 5px;
+      border-bottom: 1px solid #eee;
+      // background-color: pink;
+      margin-top: 5px;
+      dt {
+        width: 35%;
+        // background-color: green;
+        height: 100px;
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      dd {
+        width: 65%;
+        height: 45px;
+        text-align: left;
+        display: flex;
+        height: 100px;
+        // background-color: green;
+        justify-content: space-between;
+        flex-direction: column;
+        .title {
+          margin-top: 5px;
+          height: 55px;
+          width: 100%;
+          font-weight: bolder;
+        }
+        .word {
+          margin-bottom: 5px;
+          display: flex;
+          align-items: center;
+
+          justify-content: space-between;
+          .wordp {
+            margin: 5px;
+          }
+          .wordspan {
+            margin: 2px;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 底部定位
+.foot {
+  width: 100vw;
+  background-color: #fff;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  .xin {
+    width: 60px;
+    height: 60px;
+  }
+}
+.ssd{
+  color: #000;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/home/information/detail/detail.vue b/src/views/home/information/detail/detail.vue
index 410da7d..c60b778 100644
--- a/src/views/home/information/detail/detail.vue
+++ b/src/views/home/information/detail/detail.vue
@@ -4,10 +4,16 @@
 
 <script>
 export default {
-
-}
+  data() {
+    return {};
+  },
+  // created() {
+  //   const id = this.$route.params;
+  //   console.log(id);
+  // },
+  methods: {},
+};
 </script>
 
-<style>
-
+<style scoped>
 </style>
\ No newline at end of file
diff --git a/src/views/home/information/information.vue b/src/views/home/information/information.vue
index 7e6cf14..8b16673 100644
--- a/src/views/home/information/information.vue
+++ b/src/views/home/information/information.vue
@@ -1,13 +1,55 @@
 <template>
-    <div>infomationsearch<router-view></router-view></div>
-  </template>
+  <div>
+    <div v-html="consult"></div>
+     <img :src="xin" class="xin"/>
+    <img :src="lianjie"  class="lianjie"/>
+   
+  </div>
+</template>
   
   <script>
-  export default {
+import xin from "@/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_n.png";
+import xinn from "@/assets/images/icon/common resource/xxhdpi/comment_list_icon_adoption_s.png";
+import lianjie from "@/assets/images/icon/common resource/xxhdpi/common_button_share_n.png";
+import { fetchConsult } from "../../../api/index";
+export default {
+  data() {
+    return {
+      xin: xin,
+      xinn: xinn,
+      lianjie: lianjie,
+      consult: {},
+    };
+  },
+
+  methods: {
+    // 咨询完整
+    async getConsult() {
+      const resp = await fetchConsult({ params: { infoId: this.id } });
+      console.log(resp);
+      this.consult = resp.data.result.content;
+    },
+  },
+  created() {
+    const { id } = this.$route.params;
+    console.log(id);
+    this.id = id;
+    this.getConsult();
+  },
+};
+</script>
   
+  <style scoped>
+  .xin{
+    position: static;
+    left: 200px;
+   top: 200px;
+
   }
-  </script>
-  
-  <style>
-  
-  </style>
\ No newline at end of file
+    .lianjie{
+    position: fixed;
+    right: 0;
+    bottom: 100px;
+    z-index: 100;
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/home/knowledgeBase/detail/detail.vue b/src/views/home/knowledgeBase/detail/detail.vue
index 35f504c..5f8eec4 100644
--- a/src/views/home/knowledgeBase/detail/detail.vue
+++ b/src/views/home/knowledgeBase/detail/detail.vue
@@ -1,5 +1,27 @@
 <template>
-  <div>infor   detail</div>
+  <div>
+
+      <!-- <div class="top">
+      <img
+        src="data:image/png;base64,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"
+        class="avtor"
+      />
+
+      <div>
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+    </div>
+    <div>
+       nm,
+    </div> -->
+  </div>
 </template>
 
 <script>
@@ -8,6 +30,28 @@ export default {
 }
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+// 头部
+.top {
+  width: 100vw;
+  height: 50px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .avtor,
+  .ding,
+  .people {
+    width: 25px;
+    height: 25px;
+    margin: 0 5px;
+  }
+  .input {
+    flex: 1;
+    margin: 0 10px;
+    height: 38px;
+    border-radius: 20px;
+    border: 1px solid #ccc;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/home/knowledgeBase/knowledgeBase.vue b/src/views/home/knowledgeBase/knowledgeBase.vue
index eda7279..51605bd 100644
--- a/src/views/home/knowledgeBase/knowledgeBase.vue
+++ b/src/views/home/knowledgeBase/knowledgeBase.vue
@@ -1,13 +1,270 @@
 <template>
-    <div>knowledgeBasesearchz,<router-view></router-view></div>
-  </template>
+  <div class="know">
+    <div class="top">
+      <img
+        src="data:image/png;base64,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"
+        class="avtor"
+      />
+
+      <div>
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+    </div>
+    <ul class="middle">
+      <li
+        v-for="(v, i) in li"
+        :key="i"
+        @click="changInd(i)"
+        :class="i === ind ? 'active' : ''"
+      >
+        {{ v }}
+      </li>
+    </ul>
+    <!-- 下面内容 -->
+    <div class="bot" v-if="this.ind !== 1">
+      <van-sidebar v-model="activeKey" class="left">
+        <van-sidebar-item
+          :title="v.departmentName"
+          v-for="(v, i) in titleLeft"
+          :key="i"
+          @click="handleSd(v.id)"
+        />
+      </van-sidebar>
+      <div class="rightZheng">
+        <li
+          class="zheng"
+          v-for="(v, i) in conZheng"
+          :key="i"
+          @click="$router.push(`/home/new/${v.id}/${(code = 0)}`)"
+        >
+          {{ v.name }}
+        </li>
+      </div>
+    </div>
+
+    <div class="bot" v-else-if="this.ind === 1">
+      <van-sidebar v-model="activeKey" class="yao">
+        <van-sidebar-item
+          :title="v.name"
+          v-for="(v, i) in yaoLeft"
+          :key="i"
+          @click="handleSs(v.id)"
+        />
+      </van-sidebar>
+      <ul class="right">
+        <li
+          v-for="(v, i) in titleRight"
+          :key="i"
+          @click="$router.push(`/home/new/${v.id}/${(code = 1)}`)"
+        >
+          {{ v.name }}
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
   
   <script>
-  export default {
+import {
+  fetchAsk,
+  fetchYao,
+  fetchZheng,
+  fetchYaoLeft,
+  fetchYY,
+} from "../../../api/index";
+export default {
+  data() {
+    return {
+      li: ["常见病症", "常见药品"],
+      ind: 0,
+      // 下面内容
+      activeKey: 0,
+      // 左侧
+      titleLeft: [],
+      yaoLeft: [],
+      yy: 0,
+      xx: 0,
+      // 右侧
+
+      titleRight: [],
+      params: {
+        drugsCategoryId: 1,
+        page: 1,
+        count: 5,
+      },
+      // 右侧症状
+      sd: 7,
+      ss: 1,
+      conZheng: [],
+    };
+  },
+  methods: {
+    changInd(i) {
+      console.log(i);
+      this.ind = i;
+    },
+    // 症状左
+    handleSd(id) {
+      this.sd = id;
+      // console.log(typeof this.sd);
+      console.log(id);
+      this.getZheng();
+    },
+    // 药品右
+    handleSs(id) {
+      console.log(id);
+      this.params.drugsCategoryId = id;
+      this.getYao();
+      console.log(this.activeKey);
+    },
+
+    // 常见症状右侧标题
+    async getAsk() {
+      const resp = await fetchAsk();
+      console.log(resp);
+      this.titleLeft = resp.data.result;
+    },
+
+    // 常见药品内容ID
+    async getYao() {
+      const resp = await fetchYao({ params: this.params });
+      console.log(resp);
+      this.titleRight = resp.data.result;
+    },
+
+    // 常见症状内容ID
+    // 高蛋白
+    async getZheng() {
+      const resp = await fetchZheng({ params: { departmentId: this.sd } });
+      console.log(resp);
+      this.conZheng = resp.data.result;
+    },
+    // 药品左侧
+    async getYaoLeft() {
+      const resp = await fetchYaoLeft.apply();
+      console.log(resp);
+
+      this.yaoLeft = resp.data.result;
+    },
+  },
+  created() {
+    let { code, id } = this.$route.query;
+    console.log(code, id);
+    this.ind = code * 1;
+    this.activeKey = id * 1;
+    console.log(this.sd);
+    this.getAsk();
+    this.getYao();
+
+    this.getYaoLeft();
+
+    this.getZheng();
+  },
+};
+</script>
   
+  <style lang="scss" scoped>
+.know {
+  width: 100vw;
+  // height: auto;
+  height: 100vh;
+  background-color: #eee;
+}
+// 头部
+.top {
+  width: 100vw;
+  height: 50px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .avtor,
+  .ding,
+  .people {
+    width: 25px;
+    height: 25px;
+    margin: 0 5px;
   }
-  </script>
-  
-  <style>
-  
-  </style>
\ No newline at end of file
+  .input {
+    flex: 1;
+    margin: 0 10px;
+    height: 38px;
+    border-radius: 20px;
+    border: 1px solid #ccc;
+  }
+}
+.middle {
+  height: 50px;
+  background-color: #fff;
+  margin-top: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  width: 100%;
+  li.active {
+    color: blue;
+  }
+}
+.bot {
+  display: flex;
+  align-items: center;
+  height: 600px;
+  width: 100vw;
+  background-color: #eee;
+  margin-top: 2px;
+  .left {
+    width: 100px;
+
+    height: 100%;
+  }
+  .yao {
+    width: 100px;
+    // display: flex;
+    // flex-direction: column;
+    // background-color: pink;
+
+    // height: 100%;
+    // background-color: green;
+    height: 100%;
+  }
+  .rightZheng {
+    width: 300px;
+    background-color: #fff;
+    height: 100%;
+    overflow-y: scroll;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 10px;
+
+    .zheng {
+      width: 120px;
+      height: 35px;
+      // background-color: #ccc;
+      margin: 5px;
+      // line-height: 35px;
+      text-align: center;
+    }
+  }
+  .right {
+    width: 300px;
+    background-color: #fff;
+    height: 100%;
+    overflow-y: scroll;
+    padding: 10px;
+    // background-color: green;
+
+    li {
+      margin: 10px;
+      color: blue;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/home/new/new.vue b/src/views/home/new/new.vue
new file mode 100644
index 0000000..dea969f
--- /dev/null
+++ b/src/views/home/new/new.vue
@@ -0,0 +1,31 @@
+
+<template>
+  <div>
+    <New :id="id" :code="code">  </New>
+  </div>
+</template>
+
+<script>
+import New from "../../../components/New.vue";
+export default {
+  components: {
+    New,
+  },
+  data() {
+    return {
+      id: 0,
+      code:0
+    };
+  },
+  methods: {},
+  created() {
+    let { id,code } = this.$route.params;
+    console.log(id,code);
+    this.id = id;
+    this.code=code
+  },
+};
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/home/search/search.vue b/src/views/home/search/search.vue
index ce38409..3e62e5f 100644
--- a/src/views/home/search/search.vue
+++ b/src/views/home/search/search.vue
@@ -1,13 +1,228 @@
 <template>
-    <div>search</div>
-  </template>
+  <div class="search">
+    <div class="top">
+      <img
+        src="../../../assets//images//icon//common resource/hdpi/common_icon_back_black_n.png"
+        @click="$router.push('/home')"
+      />
+      <input
+        placeholder="   病症、药品名称、医生姓名"
+        @keydown="
+          (e) => {
+            e.keyCode === 13 && searchList();
+          }
+        "
+        v-model="value"
+      />
+      <p @click="searchList">搜索</p>
+    </div>
+    <div class="con1" v-if="isSearch">
+      <p>热门搜索</p>
+      <ul>
+        <li v-for="v in hotList" :key="v.id">{{ v.name }}</li>
+      </ul>
+      <p>历史记录</p>
+      <ul class="historyList">
+        <li v-for="(v, i) in hisList" :key="i">
+          {{ v }} <span @click="handleDelete(i)">x</span>
+        </li>
+      </ul>
+    </div>
+    <div class="con2" v-else>
+      <p>医生</p>
+      <ul>
+        <li
+          v-for="(v, i) in doctor"
+          :key="i"
+          @click="
+            $router.push(
+              `/consultation/consultationServer/consultationDetail/${v.doctorId}`
+            )
+          "
+        >
+          {{ v.doctorName }}
+        </li>
+      </ul>
+      <p>药品</p>
+      <ul>
+        <li
+          v-for="(v, i) in drugs"
+          :key="i"
+          @click="$router.push(`/home/new/${v.drugsId}`)"
+        >
+          {{ v.drugsName }}
+        </li>
+      </ul>
+      <p>病症</p>
+      <ul>
+        <li
+          v-for="(v, i) in ill"
+          :key="i"
+          @click="$router.push(`/home/new/${v.diseaseId}`)"
+        >
+          {{ v.diseaseName }}
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
   
   <script>
-  export default {
+import { Toast } from "vant";
+import { debounce } from "lodash";
+import { fetchHotSearch, fetchSearch } from "../../../api/index";
+export default {
+  data() {
+    return {
+      isSearch: true,
+      hotList: [],
+      // 历史记录
+      value: "",
+      hisList: JSON.parse(localStorage.getItem("his")) || [],
+      doctor: [],
+      drugs: [],
+      ill: [],
+    };
+  },
+  methods: {
+    // 点击按钮
+    searchList: debounce(function() {
+      // 键盘事件
+      this.isSearch = false;
+      // 历史记录
+      // 非空验证
+      if (this.value === "") {
+        return;
+      }
+      // 下标查找
+      let index = this.hisList.lastIndexOf(this.value);
+      // 去重
+      if (index > -1) {
+        // 删除
+        this.hisList.splice(index, 1);
+      }
+      // 放值
+      this.hisList.unshift(this.value);
+      // 将数组存入本地存储
+      localStorage.setItem("his", JSON.stringify(this.hisList));
+      // 搜索
+    }, 2000),
+    // 删除
+    handleDelete(i) {
+      // console.log(i);
+      // 从下标为i的，删除一个数据
+      this.hisList.splice(i, 1);
+      localStorage.setItem("his", JSON.stringify(this.hisList));
+    },
+    // 热门搜索
+    async getHotSearch() {
+      const resp = await fetchHotSearch();
+      console.log(resp);
+      this.hotList = resp.data.result;
+    },
+    // 搜索
+    async getSearch() {
+      const resp = await fetchSearch({ params: { keyWord: this.value } });
+      console.log(resp);
+
+      if (resp.status === 200) {
+      }
+      this.doctor = resp.data.result.doctorSearchVoList;
+      this.drugs = resp.data.result.drugsSearchVoList;
+      this.ill = resp.data.result.diseaseSearchVoList;
+    },
+  },
+  created() {
+    this.getHotSearch();
+  },
+};
+// document.addEventListener("keydown", function (event) {
+//   // 获取键码
+//   let keydown = event.keyCode;
+//   console.log(keydown);
+//   if (keydown === 13) {
+//     this.isSearch = false;
+//     this.getSearch();
+//   }
+// });
+</script>
   
+  <style lang="scss" scoped>
+.search {
+  width: 100vw;
+  height: 100vh;
+
+  .top {
+    width: 100%;
+    height: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    padding: 0 5px;
+    img {
+      width: 20px;
+      height: 20px;
+    }
+    input {
+      flex: 1;
+      width: 100px;
+      text-indent: 10px;
+      margin: 0 15px;
+      height: 35px;
+      border-radius: 20px;
+      border: 1px solid #ccc;
+    }
+    p {
+      height: 35px;
+      border: none;
+      // background-color: #ccc;
+      text-align: center;
+      line-height: 35px;
+    }
   }
-  </script>
-  
-  <style>
-  
-  </style>
\ No newline at end of file
+  .con1,
+  .con2 {
+    width: 100%;
+    margin-top: 3px;
+    background-color: #fff;
+    display: flex;
+    // align-items: center;
+    flex-direction: column;
+    justify-content: start;
+    text-align: left;
+    p {
+      color: #3087ea;
+      margin: 10px;
+    }
+    ul {
+      display: flex;
+      align-items: center;
+      margin: 5px;
+      flex-wrap: wrap;
+      li {
+        padding: 5px;
+        margin: 5px;
+        background-color: #eee;
+        border-radius: 10px;
+      }
+    }
+    .historyList {
+      display: flex;
+      // background-color: green;
+      li {
+        width: 100vw;
+        display: flex;
+        justify-content: space-between;
+        padding: 0 5px;
+        height: 30px;
+        line-height: 30px;
+        span {
+          margin: 0 10px;
+          text-align: center;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/my/collection/collection.vue b/src/views/my/collection/collection.vue
index a00b192..f5b8f20 100644
--- a/src/views/my/collection/collection.vue
+++ b/src/views/my/collection/collection.vue
@@ -1,15 +1,92 @@
 <template>
-  <div>
-    collection
+  <div class="box">
+    <MyTop>
+      <template slot="collection">我的收藏</template>
+    </MyTop>
+    <div class="inner">
+      <ul>
+        <li
+          v-for="(v, i) in nav"
+          :key="i"
+          :class="ind === i ? 'active' : ''"
+          @click="handleInd(i)"
+        >
+          {{ v }}
+        </li>
+      </ul>
+      <div class="con"></div>
+    </div>
   </div>
 </template>
 
 <script>
+import MyTop from "@/components/MyTop.vue";
+import { fetchSeeCirle, fetchSeeAsk, fetchSeeVideo } from "@/api/index";
 export default {
-
-}
+  components: {
+    MyTop,
+  },
+  data() {
+    return {
+      nav: ["健康咨询", "健康视频", "病友圈"],
+      ind: 0,
+      page: 1,
+      count: 5,
+    };
+  },
+  methods: {
+    async handleInd(i) {
+      this.ind = i;
+      if (i === 0) {
+        const resp = await fetchSeeCirle({
+          params: { page: this.page, count: this.count },
+        });
+        console.log(resp);
+      } else if (i === 1) {
+        const resp = await fetchSeeAsk({
+          params: { page: this.page, count: this.count },
+        });
+        console.log(resp);
+      } else if (i === 2) {
+        const resp = await fetchSeeVideo({
+          params: { page: this.page, count: this.count },
+        });
+        console.log(resp);
+      }
+    },
+  },
+};
 </script>
 
-<style>
+<style scoped lang="scss">
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+  .inner {
+    width: 100vw;
+    // background-color: pink;
+    background-color: #fff;
+    margin-top: 10px;
+    height: 50px;
+    ul {
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      height: 50px;
+      li {
+        line-height: 50px;
+        height: 100%;
+        color: #ccc;
+      }
+      .active {
+        color: #3087ea;
+        border-bottom: 4px solid #3087ea;
+      }
+    }
+  }
+  .con{
 
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/my/login/login.vue b/src/views/my/login/login.vue
index 1047839..fc7e739 100644
--- a/src/views/my/login/login.vue
+++ b/src/views/my/login/login.vue
@@ -1,15 +1,152 @@
 <template>
-  <div>
-    login
+  <div id="login">
+    <!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoA…IwqWmtPjZKyi6V5n+X4ABAIWF4d2jTBGbAAAAAElFTkSuQmCC" alt=""> -->
+    <img src="../../../img/17.jpg" class="avator" />
+    <div class="con">
+      <van-form @submit="onSubmit" class="van-form">
+        <van-field
+          v-model="email"
+          name="邮箱"
+          label="邮箱"
+          placeholder="邮箱"
+          :rules="[{ required: true, message: '请填写邮箱' }]"
+        />
+        <van-field
+          v-model="password"
+          type="password"
+          name="密码"
+          label="密码"
+          placeholder="密码"
+          :rules="[{ required: true, message: '请填写密码' }]"
+        />
+        <div style="margin: 16px">
+          <van-button round block type="info" native-type="submit"
+            >提交</van-button
+          >
+        </div>
+      </van-form>
+    </div>
+    <div class="text">
+      <p>忘记密码</p>
+      <p>暂无账号？<a>立即注册</a></p>
+    </div>
   </div>
 </template>
 
 <script>
+import { fetchLogin } from "../../../api/index";
+import ss from "../../../img/17.jpg"
+import axios from "axios";
+import JSEencrypt from "jsencrypt";
 export default {
+  data() {
+    return {
+      ss:ss,
+      email: "",
+      password: "",
+      query: {
+        email: "",
+        password: "",
+      },
+      publicKey: `MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCuQd3gESx7VdIyRYUWjmjg61VIgUK6F45hClmqUMZ7xNiT5rlLM6e78osMvBF/yP7cVm7pK+NMCDWoVS1/AETpxJYqUlIC77ZAU8/MnP96IupnJL87vqhPcpdv7+VqLM38ls++yuD/F/HSoOQTv/leJh+dgE/4EYAJjOWFAbYfXwIDAQAB`,
+    };
+  },
+  methods: {
+    async onSubmit(values) {
+      console.log("submit", values);
+      let pwd = this.encrypt(this.publicKey, this.password);
+      axios
+        .post(
+          "/api/health/user/v1/login",
+          {
+            email: "3079579668@qq.com",
 
-}
+            pwd: pwd,
+          },
+          {
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded",
+            },
+          }
+        )
+        .then((resp) => {
+          console.log(resp);
+          localStorage.setItem("sessionId", resp.data.result.sessionId);
+          localStorage.setItem("userId", resp.data.result.userId);
+          localStorage.setItem("nickName", resp.data.result.nickName);
+          localStorage.setItem("headPic", this.ss);
+        });
+
+      this.$router.push("/home");
+    },
+    encrypt(publicKey, data) {
+      // 新建JSEncrypt对象
+      const encryptor = new JSEencrypt();
+      // 设置公钥
+      encryptor.setPublicKey(publicKey);
+      // 加密数据
+      return encryptor.encrypt(data);
+    },
+  },
+  created() {},
+};
 </script>
 
-<style>
-
+<style lang="scss">
+#login {
+  width: 100vw;
+  height: 100vh;
+  background: url(http://localhost:3000/static/media/login_bg.51da2c26d60e51c230b9.png)
+    no-repeat;
+  display: flex;
+  // flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+.avator {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin-left: calc((100vw - 80px) / 2);
+  margin-top: 60px;
+  width: 80px;
+  height: 80px;
+  border-radius: 50px;
+}
+.con {
+  position: absolute;
+  width: 350px;
+  height: 200px;
+  background-color: #fff;
+  left: 0;
+  right: 0;
+  top: 0px;
+  margin: auto;
+  bottom: 50px;
+  // 阴影
+  box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.2);
+}
+// 表单
+.van-form {
+  margin-top: 40px;
+}
+.text {
+  position: absolute;
+  width: 20;
+  height: 20px;
+  margin: auto;
+  bottom: 300px;
+  display: flex;
+  align-items: center;
+  width: 350px;
+  justify-content: space-around;
+  color: #fff;
+  font-size: 15px;
+  a {
+    font-size: 18px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/my/my.vue b/src/views/my/my.vue
new file mode 100644
index 0000000..b9771da
--- /dev/null
+++ b/src/views/my/my.vue
@@ -0,0 +1,316 @@
+<template>
+  <div>
+    <div v-if="$route.path === '/my'" class="big">
+      <div class="top">
+        <p class="tou">
+          <img :src="white" @click="$router.go(-1)" /> <span></span>
+          <img :src="message" />
+        </p>
+        <div class="login">
+          <p>
+            <img :src="loginImage" /> <span>{{ loginName }}</span>
+          </p>
+          <button>签到</button>
+        </div>
+      </div>
+      <div class="white">
+        <div>我的问诊</div>
+        <div>
+          <p><img :src="phone" /><span>当前问诊</span></p>
+          <img
+            :src="nowhite"
+            @click="
+              $router.push(`/consultation/myConsultation/MyConsultationCurrent`)
+            "
+          />
+        </div>
+        <div>
+          <p><img :src="doctor" /><span>历史问诊</span></p>
+          <img
+            :src="nowhite"
+            @click="
+              $router.push(`/consultation/myConsultation/MyConsultationHistory`)
+            "
+          />
+        </div>
+      </div>
+      <div class="con">
+        <p v-for="(v, i) in LoginArr" :key="i" @click="toYemian(i)">
+          <img :src="v.img" /><span>{{ v.name }}</span>
+        </p>
+      </div>
+    </div>
+    <div v-else>
+      <router-view></router-view>
+    </div>
+  </div>
+</template>
+
+<script>
+import background from "../../assets/images/image/hdpi/my_background.png";
+import white from "../../assets/images/icon/common resource/xxhdpi/common_icon_white_n.png";
+import nowhite from "../../assets/images/icon/common resource/xxhdpi/my_icon_next_n.png";
+import message from "../../assets/images/icon/common resource/xxhdpi/common_nav_message_black_n.png";
+import phone from "../../assets/images/image/hdpi/the_current_inquiry.png";
+import doctor from "../../assets/images/image/hdpi/historical_inquiry.png";
+import people from "../../assets/images/icon/common resource/xxhdpi/my_icon_file_n.png";
+import wallet from "../../assets/images/icon/common resource/xxhdpi/my_icon_wallet_n.png";
+import collection from "../../assets/images/icon/common resource/xxhdpi/common_button_collection_small_s.png";
+import advice from "../../assets/images/icon/common resource/xxhdpi/my_icon_advice_n.png";
+import video from "../../assets/images/icon/common resource/xxhdpi/my_icon_video_n.png";
+import circle from "../../assets/images/icon/common resource/xxhdpi/my_icon_circle_n.png";
+import attention from "../../assets/images/icon/common resource/xxhdpi/common_icon_attention_small_s.png";
+import task from "../../assets/images/icon/common resource/xxhdpi/my_icon_task_n.png";
+import set from "../../assets/images/icon/common resource/xxhdpi/my_icon_set_n.png";
+
+export default {
+  data() {
+    return {
+      nowhite,
+      nowhite,
+      background: background,
+      white: white,
+      phone: phone,
+      people: people,
+      doctor: doctor,
+      wallet: wallet,
+      collection: collection,
+      advice: advice,
+      video: video,
+      circle: circle,
+      attention: attention,
+      task: task,
+      set: set,
+      message: message,
+      loginImage: localStorage.getItem("headPic"),
+      loginName: localStorage.getItem("nickName"),
+      LoginArr: [
+        {
+          img: people,
+          name: "我的文档",
+        },
+        {
+          img: wallet,
+          name: "我的钱包",
+        },
+        {
+          img: collection,
+          name: "我的收藏",
+        },
+        {
+          img: advice,
+          name: " 被采纳的建议",
+        },
+        {
+          img: video,
+          name: "我的视频",
+        },
+        {
+          img: circle,
+          name: "我的病友圈",
+        },
+        {
+          img: attention,
+          name: "我的关注",
+        },
+        {
+          img: task,
+          name: "我的任务",
+        },
+        {
+          img: set,
+          name: "设置管理",
+        },
+      ],
+    };
+  },
+  methods: {
+    toYemian(i) {
+      console.log(i);
+
+      switch (i) {
+        case 0:
+          this.$router.push(`/my/myProFile/myProFileIndex`);
+          return;
+        case 1:
+          this.$router.push(`/wallet/myWallet/0`);
+          return;
+        case 2:
+          this.$router.push(`/my/myCollection`);
+          return;
+        case 3:
+          this.$router.push(`/my/myAdoptIdea`);
+          return;
+        case 4:
+          this.$router.push(`/my/myPayVideo`);
+          return;
+        case 5:
+          this.$router.push(`/my/myPatientCircle`);
+          return;
+        case 6:
+          this.$router.push(`/my/myAttention`);
+          return;
+        case 7:
+          this.$router.push(`/my/sign`);
+          return;
+        case 8:
+          this.$router.push(`/set/index`);
+          return;
+      }
+    },
+  },
+  created() {},
+};
+</script>
+
+<style lang="scss" scoped>
+* {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.big {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+}
+.top {
+  height: 350px;
+  width: 100vw;
+  // position: relative;
+  background-size: cover;
+  background: url("../../assets/images/image/hdpi/my_background.png") no-repeat;
+  .tou {
+    height: 50px;
+    width: 100vw;
+    // background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 20px;
+    img {
+      width: 30px;
+      height: 30px;
+      color: #fff;
+
+      margin: 0 10px;
+    }
+  }
+  .login {
+    height: 70px;
+    // background-color: #fff;
+    width: 100vw;
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    justify-content: space-between;
+    p {
+      flex: 1;
+      // background-color: green;
+      display: flex;
+      align-items: center;
+      img {
+        width: 20%;
+        height: 100%;
+        // background-color: pink;
+      }
+      span {
+        margin-left: 20px;
+        color: white;
+      }
+    }
+    button {
+      margin: 0 10px;
+      height: 50%;
+      width: 80px;
+      color: #3087ea;
+      border-radius: 10px;
+      font-weight: 800;
+      border: none;
+    }
+  }
+
+}
+  .white {
+ 
+    width: 90%;
+
+    height: 200px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    box-shadow: 2px 2px;
+    // background-color: green;
+    margin-top: -120px;
+
+    box-shadow: 5px 10px 2px 3px #eee; //box-shadow: 横向偏移 纵向偏移 模糊半径 阴影尺寸 阴影颜色;
+    div:nth-child(1) {
+      width: 100%;
+
+      // background-color: green;
+      height: 50px;
+      line-height: 50px;
+      text-align: left;
+      padding: 0 10px;
+    }
+    div:nth-child(2),
+    div:nth-child(3) {
+      width: 100%;
+      height: 65px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      line-height: 50px;
+      // background-color: orange;
+      p {
+        margin: 10px;
+        // background-color: green;
+        flex: 1;
+        display: flex;
+        align-items: center;
+        height: 100%;
+        img {
+          width: 40px;
+          height: 40px;
+        }
+        font-weight: bold;
+      }
+      img {
+        width: 20px;
+        height: 20px;
+        margin: 0 10px;
+      }
+    }
+  }
+  .con {
+    margin-top: 80px;
+    // background-color: #ccc;
+    height: 350px;
+    // background-color: green;
+    display: flex;
+    width: 100vw;
+    flex-wrap: wrap;
+    p {
+      width: 33%;
+      // background-color: green;
+      display: flex;
+      height: 90px;
+      align-items: center;
+      flex-direction: column;
+      justify-content: space-between;
+      img {
+        margin: 10px 0;
+        width: 40%;
+        height: 40%;
+        object-fit: contain;
+      }
+      span {
+        margin: 5px 0;
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/my/proFile/addModifyProfile/addModifyProfile.vue b/src/views/my/proFile/addModifyProfile/addModifyProfile.vue
index 7589613..a034652 100644
--- a/src/views/my/proFile/addModifyProfile/addModifyProfile.vue
+++ b/src/views/my/proFile/addModifyProfile/addModifyProfile.vue
@@ -1,15 +1,405 @@
 <template>
-  <div>
-    addModifyProfile
+  <div class="box">
+    <van-nav-bar
+      class="an-nav-bar"
+      title="我的档案"
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="con">
+      <div>
+        <p>[主要症状]</p>
+        <input placeholder="请输入您的主要症状" v-model="value1" />
+      </div>
+      <div>
+        <p>[现病史]</p>
+        <input placeholder="请详细输入您的当前症状" v-model="value2" />
+      </div>
+      <div>
+        <p>[既往病史]</p>
+        <input placeholder="请输入您的既往病史" v-model="value3" />
+      </div>
+
+      <div class="fourInput">
+        <p>[最近一次治疗经历]</p>
+        <p>
+          <input placeholder="请输入医院名称" v-model="value5" />
+        </p>
+        <p>
+          <input
+            v-model="valueTime1"
+            placeholder="请选择治疗开始的时间"
+            @click="startTime1"
+          /><img :src="jiantou" />
+        </p>
+
+        <p>
+          <input v-model="valueTime2" placeholder="请选择治疗结束的时间" /><img
+            :src="jiantou"
+            @click="startTime2"
+          />
+        </p>
+
+        <p>
+          <input placeholder="请输入治疗过程" v-model="value4" /><span></span>
+        </p>
+      </div>
+      <div>
+        <p>[相关图片]</p>
+        <span>最多可添加6张图片，长按为图片排序</span>
+        <div><van-uploader :after-read="afterRead" /></div>
+      </div>
+    </div>
+    <button @click="TOMyprofile">保存</button>
+    <!-- 分享面板 -->
+    <div class="ffixed" v-show="isMask">
+      <div class="van-datetime-picker1" v-show="show1">
+        <van-datetime-picker
+          v-model="currentDate1"
+          class="van-datetime-picker11"
+          type="date"
+          @confirm="confirm1"
+          title="选择年月日"
+          :min-date="minDate1"
+          :max-date="maxDate1"
+        />
+      </div>
+      <div class="van-datetime-picker2" v-show="show2">
+        <van-datetime-picker
+          v-model="currentDate2"
+          class="van-datetime-picker22"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate2"
+          :max-date="maxDate2"
+          @confirm="confirm2"
+        />
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { Toast } from "vant";
+import moment from "moment";
+import { fetchAddProFile, fetchImage, fetchGetProfile } from "@/api";
+import jiantou from "../../../../assets/images/icon/common resource/xxhdpi/circle_icon_drop_down_n.png";
 export default {
+  data() {
+    return {
+      jiantou: jiantou,
+      // 主要病症
+      value1: "",
+      // 现在病史
+      value2: "",
+      // 既往病史
+      value3: "",
+      // 过程、
+      value4: "",
+      // 医院名称
+      value5: "",
+      isMask: false,
+      // 开始
+      valueTime1: "",
+      minDate1: new Date(2020, 0, 1),
+      maxDate1: new Date(2025, 10, 1),
+      currentDate1: new Date(2021, 0, 17),
+      startJian1: false,
+      show1: false,
+      // 结束
+      valueTime2: "",
+      minDate2: new Date(2020, 0, 1),
+      maxDate2: new Date(2025, 10, 1),
+      currentDate2: new Date(2021, 0, 17),
+      startJian2: false,
+      show2: false,
+      id: 0,
+      file: "",
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.go(-1);
+    },
+    async afterRead(file) {
+      // 此时可以自行将文件上传至服务器
+      console.log(file);
+      this.file = file.file;
+      console.log(file.file);
+    },
+    startTime1() {
+      this.show1 = !this.show1;
+      if (this.show1) {
+        this.isMask = true;
+      } else {
+        this.isMask = false;
+      }
+    },
+    confirm1() {
+      this.show1 = false;
+      console.log(22);
+      this.valueTime1 = moment(this.currentDate1).format("YYYY-M-D");
+      console.log(this.valueTime1);
+      this.isMask = false;
+    },
+    startTime2() {
+      this.show2 = !this.show2;
+      if (this.show2) {
+        this.isMask = true;
+      } else {
+        this.isMask = false;
+      }
+    },
+    confirm2() {
+      this.show2 = false;
+      this.valueTime2 = moment(this.currentDate2).format("YYYY-M-D");
+      this.isMask = false;
+    },
+    // 添加档案
+    async TOMyprofile() {
+      this.$router.go("-1");
 
-}
+      console.log(this.value1, this.value2, this.value3, this.value4);
+      this.valueTime1 = moment(this.currentDate1).format("YYYY-M-D");
+      this.valueTime2 = moment(this.currentDate2).format("YYYY-M-D");
+      console.log(this.valueTime1);
+      console.log(this.valueTime2);
+      const resp = await fetchAddProFile({
+        diseaseMain: this.value1,
+        diseaseNow: this.value2,
+        diseaseBefore: this.value3,
+        treatmentHospitalRecent: this.value5,
+        treatmentProcess: this.value4,
+        treatmentStartTime: this.valueTime1,
+        treatmentEndTime: this.valueTime2,
+      });
+      console.log(resp);
+
+      // 列表
+      const resp1 = await fetchGetProfile();
+      console.log(resp1);
+      this.id = resp1.data.result[0].archivesId;
+
+      const resp2 = await fetchImage({
+        archivesId: this.id,
+        picture: this.file,
+      });
+    },
+  },
+  created() {},
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+}
+.an-nav-bar {
+  width: 98%;
+  margin-left: 1%;
+}
+.con {
+  width: 100vw;
+  height: 700px;
+  // background-color: orange;
+  width: 98%;
+  margin-left: 1%;
+  margin-top: 20px;
+  div {
+    width: 100%;
+    height: 70px;
+    // background-color: green;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    flex-direction: column;
+    p {
+      height: 25px;
+      width: 80%;
+      color: #3087ea;
+      line-height: 25px;
+      text-align: left;
+      margin: 0 50px;
+    }
+    input {
+      height: 35px;
+      line-height: 35px;
+      text-align: left;
+      font-size: 12px;
+      text-indent: 2px;
+      width: 80%;
+      color: #000;
+      border: none;
+    }
+  }
+  .fourInput {
+    height: 200px;
+    // background-color: orange;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-around;
+    // input{
+    //   height: 40px;
+    //   width: 80%;
+    // }
+    p:nth-child(2) {
+      margin-bottom: 2px;
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      margin-left: 80px;
+      align-items: center;
+      input {
+        width: 90%;
+        height: 80%;
+      }
+    }
+    p:nth-child(3) {
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      margin-left: 80px;
+      align-items: center;
+      input {
+        flex: 1;
+        height: 100%;
+      }
+      img {
+        width: 20px;
+        height: 20px;
+        object-fit: contain;
+        margin: 0 5px;
+      }
+    }
+    p:nth-child(4) {
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      align-items: center;
+      margin-left: 80px;
+      input {
+        flex: 1;
+        height: 100%;
+      }
+      img {
+        width: 20px;
+        height: 20px;
+        object-fit: contain;
+        margin: 0 5px;
+      }
+    }
+    p:nth-child(5) {
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      align-items: center;
+      margin-left: 80px;
+      input {
+        flex: 1;
+        height: 100%;
+      }
+      span {
+        width: 20px;
+        height: 20px;
+        // object-fit: contain;
+        margin: 0 5px;
+      }
+    }
+  }
+  div:nth-child(5) {
+    width: 100vw;
+    height: 240px;
+    // background-color: green;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-around;
+    p {
+      height: 25px;
+      width: 80%;
+      color: #3087ea;
+      line-height: 25px;
+      text-align: left;
+      margin: 0 50px;
+    }
+    span {
+      width: 80%;
+      height: 25px;
+      // background-color: orange;
+      color: #ccc;
 
+      text-align: left;
+      line-height: 25px;
+      font-size: 12px;
+    }
+    div {
+      width: 80%;
+      // background-color: #ccc;
+      height: 150px;
+    }
+  }
+}
+
+button {
+  width: 80%;
+  height: 35px;
+  background-color: #3087ea;
+  border: none;
+
+  border-radius: 5px;
+  color: white;
+}
+// 时间选择
+.van-datetime-picker1 {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 96%;
+  margin-left: 2%;
+  height: 250px;
+  border-radius: 10px 10px 0 0;
+  background-color: rgba(0, 0, 0, 0.2);
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .van-datetime-picker11 {
+    border-radius: 10px 10px 0 0;
+
+    width: 100%;
+    height: 100%;
+  }
+}
+.van-datetime-picker2 {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100vw;
+  margin-left: 2%;
+  height: 250px;
+  border-radius: 10px 10px 0 0;
+  background-color: rgba(0, 0, 0, 0.2);
+  z-index: 1;
+  .van-datetime-picker22 {
+    width: 100%;
+    height: 100%;
+  }
+}
+.ffixed {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  background-color: rgba(0, 0, 0, 0.2);
+}
 </style>
\ No newline at end of file
diff --git a/src/views/my/proFile/editProFile/editProFile.vue b/src/views/my/proFile/editProFile/editProFile.vue
new file mode 100644
index 0000000..ba44c76
--- /dev/null
+++ b/src/views/my/proFile/editProFile/editProFile.vue
@@ -0,0 +1,422 @@
+
+<template>
+  <div class="box">
+    <MyTop>
+      <template slot="collection">档案编辑</template>
+    </MyTop>
+    <div class="con">
+      <div>
+        <p>[主要症状]</p>
+        <input placeholder="请输入您的主要症状" v-model="value1" />
+      </div>
+      <div>
+        <p>[现病史]</p>
+        <input placeholder="请详细输入您的当前症状" v-model="value2" />
+      </div>
+      <div>
+        <p>[既往病史]</p>
+        <input placeholder="请输入您的既往病史" v-model="value3" />
+      </div>
+
+      <div class="fourInput">
+        <p>[最近一次治疗经历]</p>
+        <p>
+          <input placeholder="请输入医院名称" v-model="value5" />
+        </p>
+        <p>
+          <input
+            v-model="valueTime1"
+            placeholder="请选择治疗开始的时间"
+            @click="startTime1"
+          /><img :src="jiantou" />
+        </p>
+
+        <p>
+          <input v-model="valueTime2" placeholder="请选择治疗结束的时间" /><img
+            :src="jiantou"
+            @click="startTime2"
+          />
+        </p>
+
+        <p>
+          <input placeholder="请输入治疗过程" v-model="value4" /><span></span>
+        </p>
+      </div>
+      <div>
+        <p>[相关图片]</p>
+        <span>最多可添加6张图片，长按为图片排序</span>
+        <div><img :src="picture" /></div>
+      </div>
+    </div>
+    <button @click="TOMyprofile">保存</button>
+    <!-- 分享面板 -->
+    <div class="ffixed" v-show="isMask">
+      <div class="van-datetime-picker1" v-show="show1">
+        <van-datetime-picker
+          v-model="currentDate1"
+          class="van-datetime-picker11"
+          type="date"
+          @confirm="confirm1"
+          title="选择年月日"
+          :min-date="minDate1"
+          :max-date="maxDate1"
+        />
+      </div>
+      <div class="van-datetime-picker2" v-show="show2">
+        <van-datetime-picker
+          v-model="currentDate2"
+          class="van-datetime-picker22"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate2"
+          :max-date="maxDate2"
+          @confirm="confirm2"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Toast } from "vant";
+import MyTop from "../../../../components/MyTop.vue";
+import moment from "moment";
+import {
+  fetchAddProFile,
+  fetchImage,
+  fetchGetProfile,
+  fetchEditProfile,
+} from "@/api";
+import jiantou from "../../../../assets/images/icon/common resource/xxhdpi/circle_icon_drop_down_n.png";
+export default {
+  components: {
+    MyTop,
+  },
+  data() {
+    return {
+      jiantou: jiantou,
+      // 主要病症
+      value1: "",
+      // 现在病史
+      value2: "",
+      // 既往病史
+      value3: "",
+      // 过程、
+      value4: "",
+      // 医院名称
+      value5: "",
+      picture: "",
+      isMask: false,
+      // 开始
+      valueTime1: "",
+      minDate1: new Date(2020, 0, 1),
+      maxDate1: new Date(2025, 10, 1),
+      currentDate1: new Date(2021, 0, 17),
+      startJian1: false,
+      show1: false,
+      // 结束
+      valueTime2: "",
+      minDate2: new Date(2020, 0, 1),
+      maxDate2: new Date(2025, 10, 1),
+      currentDate2: new Date(2021, 0, 17),
+      startJian2: false,
+      show2: false,
+      id: 0,
+      file: "",
+      params: {},
+
+      sb: "",
+      time1: "",
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.go(-1);
+    },
+    async afterRead(file) {
+      // 此时可以自行将文件上传至服务器
+      console.log(file);
+      this.file = file.file;
+      console.log(file.file);
+    },
+    startTime1() {
+      this.show1 = !this.show1;
+      if (this.show1) {
+        this.isMask = true;
+      } else {
+        this.isMask = false;
+      }
+    },
+    confirm1() {
+      this.show1 = false;
+      console.log(22);
+      this.valueTime1 = moment(this.currentDate1).format("YYYY-M-D");
+      this.isMask = false;
+    },
+    startTime2() {
+      this.show2 = !this.show2;
+      if (this.show2) {
+        this.isMask = true;
+      } else {
+        this.isMask = false;
+      }
+    },
+    confirm2() {
+      this.show2 = false;
+      this.valueTime2 = moment(this.currentDate2).format("YYYY-M-D");
+      this.isMask = false;
+    },
+    // 添加档案
+    async TOMyprofile() {
+      const resp = await fetchEditProfile({
+        archivesId: this.id,
+        diseaseMain: this.value1,
+        diseaseNow: this.value2,
+        diseaseBefore: this.value3,
+        treatmentHospitalRecent: this.value5,
+        treatmentProcess: this.value4,
+        treatmentStartTime: this.valueTime1,
+        treatmentEndTime: this.valueTime2,
+      });
+      console.log(resp);
+      this.$router.go("-1");
+    },
+  },
+  created() {
+    const routeParams = this.$route.params.arr;
+    const paramsObject = Object.fromEntries(
+      routeParams.split("&").map((param) => param.split("="))
+    );
+    console.log(paramsObject);
+    this.value1 = paramsObject.diseaseMain;
+    this.value2 = paramsObject.diseaseNow;
+    this.value3 = paramsObject.diseaseBefore;
+    this.value4 = paramsObject.treatmentProcess;
+    this.value5 = paramsObject.treatmentHospitalRecent;
+    this.picture = paramsObject.picture;
+    this.time1 = paramsObject.treatmentStartTime * 1;
+    this.valueTime1 = moment(this.time1).format("YYYY-M-D");
+    this.time2 = paramsObject.treatmentEndTime * 1;
+    this.valueTime2 = moment(this.time2).format("YYYY-M-D");
+    this.id = paramsObject.archivesId;
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+}
+.an-nav-bar {
+  width: 98%;
+  margin-left: 1%;
+}
+.con {
+  width: 100vw;
+  height: 700px;
+  // background-color: orange;
+  width: 98%;
+  margin-left: 1%;
+  margin-top: 20px;
+  div {
+    width: 100%;
+    height: 70px;
+    // background-color: green;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    flex-direction: column;
+    p {
+      height: 25px;
+      width: 80%;
+      color: #3087ea;
+      line-height: 25px;
+      text-align: left;
+      margin: 0 50px;
+    }
+    input {
+      height: 35px;
+      line-height: 35px;
+      text-align: left;
+      font-size: 12px;
+      text-indent: 2px;
+      width: 80%;
+      color: #000;
+      border: none;
+    }
+  }
+  .fourInput {
+    height: 200px;
+    // background-color: orange;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-around;
+    // input{
+    //   height: 40px;
+    //   width: 80%;
+    // }
+    p:nth-child(2) {
+      margin-bottom: 2px;
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      margin-left: 80px;
+      align-items: center;
+      input {
+        width: 90%;
+        height: 80%;
+      }
+    }
+    p:nth-child(3) {
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      margin-left: 80px;
+      align-items: center;
+      input {
+        flex: 1;
+        height: 100%;
+      }
+      img {
+        width: 20px;
+        height: 20px;
+        object-fit: contain;
+        margin: 0 5px;
+      }
+    }
+    p:nth-child(4) {
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      align-items: center;
+      margin-left: 80px;
+      input {
+        flex: 1;
+        height: 100%;
+      }
+      img {
+        width: 20px;
+        height: 20px;
+        object-fit: contain;
+        margin: 0 5px;
+      }
+    }
+    p:nth-child(5) {
+      height: 40px;
+      width: 90%;
+      // background:green;
+      display: flex;
+      align-items: center;
+      margin-left: 80px;
+      input {
+        flex: 1;
+        height: 100%;
+      }
+      span {
+        width: 20px;
+        height: 20px;
+        // object-fit: contain;
+        margin: 0 5px;
+      }
+    }
+  }
+  div:nth-child(5) {
+    width: 100vw;
+    height: 240px;
+    // background-color: green;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-around;
+    p {
+      height: 25px;
+      width: 80%;
+      color: #3087ea;
+      line-height: 25px;
+      text-align: left;
+      margin: 0 50px;
+    }
+    span {
+      width: 80%;
+      height: 25px;
+      // background-color: orange;
+      color: #ccc;
+
+      text-align: left;
+      line-height: 25px;
+      font-size: 12px;
+    }
+    div {
+      width: 80%;
+      // background-color: #ccc;
+      height: 150px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+
+button {
+  width: 80%;
+  height: 35px;
+  background-color: #3087ea;
+  border: none;
+
+  border-radius: 5px;
+  color: white;
+}
+// 时间选择
+.van-datetime-picker1 {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 96%;
+  margin-left: 2%;
+  height: 250px;
+  border-radius: 10px 10px 0 0;
+  background-color: rgba(0, 0, 0, 0.2);
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .van-datetime-picker11 {
+    border-radius: 10px 10px 0 0;
+
+    width: 100%;
+    height: 100%;
+  }
+}
+.van-datetime-picker2 {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100vw;
+  margin-left: 2%;
+  height: 250px;
+  border-radius: 10px 10px 0 0;
+  background-color: rgba(0, 0, 0, 0.2);
+  z-index: 1;
+  .van-datetime-picker22 {
+    width: 100%;
+    height: 100%;
+  }
+}
+.ffixed {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+</style>
\ No newline at end of file
diff --git a/src/views/my/proFile/index/index.vue b/src/views/my/proFile/index/index.vue
index 7014780..7b61b59 100644
--- a/src/views/my/proFile/index/index.vue
+++ b/src/views/my/proFile/index/index.vue
@@ -1,15 +1,232 @@
 <template>
-  <div>
-    index
+  <div class="box">
+    <p class="tit">
+      <span @click="onClickLeft"><</span><span>我的档案</span><span></span>
+    </p>
+
+    <div v-if="length">
+      <div class="con" v-for="(v, i) in list" :key="i">
+        <van-cell-group class="van-cell-group">
+          <van-cell
+            :title-class="customValueClass"
+            title="[主要症状]"
+            value=""
+            :label="v.diseaseMain"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-cell
+            :title-class="customValueClass"
+            title="[现病史]"
+            value=""
+            :label="v.diseaseNow"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-cell
+            :title-class="customValueClass"
+            title="[既往病史]"
+            value=""
+            :label="v.diseaseBefore"
+          />
+        </van-cell-group>
+
+        <van-cell-group>
+          <van-cell
+            title="[最近一次治疗经历]"
+            :value="timer"
+            :label="v.treatmentProcess"
+            :title-class="customValueClass"
+          />
+          <van-cell :title="v.treatmentHospitalRecent" value="" />
+        </van-cell-group>
+        <van-cell-group>
+          <van-cell
+            title="[相关图片]"
+            :title-class="customValueClass"
+            value=""
+            label=""
+          />
+        </van-cell-group>
+        <div class="img">
+          <img :src="v.picture" />
+        </div>
+        <div class="button">
+          <button @click="handleDelete(v.archivesId)">删除</button>
+          <button @click="handleEdit(v)">编辑</button>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <div class="middle">
+        <img :src="fish" />
+        <p>您还没有档案哦</p>
+      </div>
+      <button @click="$router.push(`/my/myProFile/myProFileAddModifyProfile`)">
+        添加
+      </button>
+    </div>
   </div>
 </template>
 
 <script>
+import { fetchGetProfile, fetchDelete } from "@/api";
+import { Dialog } from "vant";
+import moment from "moment";
+import fish from "../../../../assets/images/image/xhdpi/no_message.png";
 export default {
+  data() {
+    return {
+      fish: fish,
+      list: [],
+      customValueClass: "custom-font-color",
+      treatmentStartTime: "",
+      treatmentEndTime: "",
+      timer: "",
+      length: [],
+      id: 0,
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.go(-1);
+    },
+    handleEdit(v) {
+      const arr = Object.entries(v)
+        .map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
+        .join("&");
 
-}
+      this.$router.push(`/my/myProFile/editProFile/${arr}`);
+      console.log(arr);
+    },
+    async getProFile() {
+      const resp = await fetchGetProfile();
+      console.log(resp);
+      this.list = resp.data.result;
+      this.length = resp.data.result.length;
+      console.log(this.length);
+      this.treatmentStartTime = moment(this.list.treatmentStartTime).format(
+        "YYYY.M.D"
+      );
+      console.log(this.treatmentStartTime);
+      this.treatmentEndTime = moment(this.list.treatmentEndTime).format(
+        "YYYY.M.D"
+      );
+      this.timer = this.treatmentStartTime + "-" + this.treatmentEndTime;
+      console.log(this.timer);
+    },
+
+    async handleDelete(id) {
+      const resp = await fetchDelete({ params: { archivesId: id * 1 } });
+      Dialog.confirm({
+        title: "删除",
+        message: "你确定删除吗？",
+      })
+        .then(() => {
+          this.getProFile();
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+  },
+  created() {
+    this.getProFile();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .tit {
+    height: 55px;
+    width: 100vw;
+    font-weight: 600;
+    font-size: 20px;
+    display: flex;
+    align-items: center;
+    color: #000;
 
+    padding: 20px;
+    justify-content: space-between;
+    span:nth-child(1) {
+      font-weight: 100;
+      color: #ccc;
+    }
+  }
+  .middle {
+    width: 100vw;
+    height: 500px;
+    // background-color: pink;
+    // background: url('../../../../assets/images/image/xhdpi/no_message.png');
+
+    // background-size: contain;
+
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    img {
+      object-fit: contain;
+      width: 120px;
+      height: 150px;
+      margin-top: -80px;
+    }
+    p {
+      margin-top: 20px;
+    }
+  }
+  button {
+    width: 80%;
+    // background: green;
+    height: 40px;
+    padding: 0 10px;
+    color: white;
+    background-color: #3087ea;
+    border: none;
+    border-radius: 5px;
+  }
+
+  .con {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    .van-cell-group {
+      width: 100vw;
+      // background-color: pink;
+    }
+    .img {
+      width: 100vw;
+      height: 200px;
+      img {
+        width: 90%;
+        height: 100%;
+      }
+    }
+  }
+  .button {
+    width: 100vw;
+    height: 45px;
+    justify-content: space-around;
+    display: flex;
+    align-items: center;
+    // background-color: green;
+
+    margin-top: 20px;
+    button {
+      width: 30%;
+    }
+    button:nth-child(1) {
+      background-color: #999;
+    }
+  }
+  .custom-font-color {
+    color: #3087ea;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/my/proFile/proFile.vue b/src/views/my/proFile/proFile.vue
new file mode 100644
index 0000000..104c88e
--- /dev/null
+++ b/src/views/my/proFile/proFile.vue
@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/my/register/register.vue b/src/views/my/register/register.vue
index 597145b..5ec0d55 100644
--- a/src/views/my/register/register.vue
+++ b/src/views/my/register/register.vue
@@ -1,15 +1,205 @@
+
+
+
+
 <template>
-  <div>
-    register
+  <div id="login">
+    <!-- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoA…IwqWmtPjZKyi6V5n+X4ABAIWF4d2jTBGbAAAAAElFTkSuQmCC" alt=""> -->
+    <img :src="reg" class="avator" />
+    <div class="con">
+      <van-form @submit="onSubmit" class="van-form">
+        <van-field
+          v-model="email"
+          center
+          left-icon="envelop-o"
+          clearable
+          name="email"
+          placeholder="请输入邮箱"
+        >
+          <template #button>
+            <van-button size="small" type="primary" @click="getCode"
+              >获取验证码</van-button
+            >
+          </template>
+        </van-field>
+        <van-field
+          class="van-field"
+          v-model="code"
+          name="code"
+          placeholder="请填写验证码"
+          left-icon="coupon-o"
+          :rules="[{ required: true, message: '请填写验证码' }]"
+        />
+        <van-field
+          class="van-field"
+          v-model="password"
+          type="password"
+          name="password"
+          left-icon="gift-o"
+          placeholder="密码"
+          :rules="[{ required: true, message: '请填写密码' }]"
+        />
+        <van-field
+          class="van-field"
+          v-model="confirmPass"
+          type="password"
+          left-icon="question-o"
+          name="confirmPass"
+          placeholder="再次确认密码"
+          :rules="[{ required: true, message: '请再次填写密码' }]"
+        />
+
+        <van-field
+          v-model="visted"
+          center
+          clearable
+          label=""
+          name="visted"
+          left-icon="records-o"
+          placeholder="请输入邀请码"
+        >
+          <template #button>
+            <van-button size="small" type="primary">选填</van-button>
+          </template>
+        </van-field>
+        <div style="margin: 16px">
+          <van-button round block type="info" native-type="submit"
+            >注册</van-button
+          >
+        </div>
+      </van-form>
+    </div>
   </div>
 </template>
 
 <script>
+import reg from "../../../assets/images/image/hdpi/login_hand_03.png";
+// import { fetchRegister } from "../../../api/index";
+import axios from "axios";
+import JSEencrypt from "jsencrypt";
 export default {
-
-}
+  data() {
+    return {
+      reg: reg,
+      // 邀请码
+      visted: "",
+      // 邮箱
+      email: "",
+      // 验证码
+      code: "",
+      // 密码
+      password: "",
+      // 确认密码
+      confirmPass: "",
+      publicKey: `MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCuQd3gESx7VdIyRYUWjmjg61VIgUK6F45hClmqUMZ7xNiT5rlLM6e78osMvBF/yP7cVm7pK+NMCDWoVS1/AETpxJYqUlIC77ZAU8/MnP96IupnJL87vqhPcpdv7+VqLM38ls++yuD/F/HSoOQTv/leJh+dgE/4EYAJjOWFAbYfXwIDAQAB`,
+    };
+  },
+  methods: {
+    async onSubmit(values) {
+      console.log("submit", values);
+      let pwd = this.encrypt(this.publicKey, this.password);
+      axios.post("/api/health/user/v1/register", {
+        email: "3079579668@qq.com",
+        code: 220886,
+        pwd1: pwd,
+        pwd2: pwd,
+      },{
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded",
+            },
+          }).then(resp=>{
+            console.log(resp);
+          });
+          this.$router.push('/my/myLogin')
+    },
+    getCode() {
+      axios
+        .post(
+          "/api/health/user/v1/sendOutEmailCode",
+          {
+            email: "3079579668@qq.com",
+          },
+          {
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded",
+            },
+          }
+        )
+        .then((res) => {
+          console.log(res);
+        });
+    },
+    encrypt(publicKey, data) {
+      // 新建JSEncrypt对象
+      const encryptor = new JSEencrypt();
+      // 设置公钥
+      encryptor.setPublicKey(publicKey);
+      // 加密数据
+      return encryptor.encrypt(data);
+    },
+  },
+  created() {},
+};
 </script>
 
-<style>
-
+<style lang="scss">
+#login {
+  width: 100vw;
+  height: 100vh;
+  background: url(http://localhost:3000/static/media/login_bg.51da2c26d60e51c230b9.png)
+    no-repeat;
+  display: flex;
+  // flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+.avator {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin-left: calc((100vw - 80px) / 2);
+  margin-top: 60px;
+  width: 80px;
+  height: 80px;
+  border-radius: 50px;
+}
+.con {
+  position: absolute;
+  width: 350px;
+  height: 400px;
+  background-color: #fff;
+  left: 0;
+  right: 0;
+  top: 0px;
+  margin: auto;
+  bottom: 50px;
+  // 阴影
+  box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.2);
+}
+// 表单
+.van-form {
+  margin-top: 40px;
+}
+.text {
+  position: absolute;
+  width: 20;
+  height: 20px;
+  margin: auto;
+  bottom: 300px;
+  display: flex;
+  align-items: center;
+  width: 350px;
+  justify-content: space-around;
+  color: #fff;
+  font-size: 15px;
+  a {
+    font-size: 18px;
+  }
+}
+.van-field {
+  border-bottom: 1px solid #ccc;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/patientCircle/detail/detail.vue b/src/views/patientCircle/detail/detail.vue
index 08c9d61..873906f 100644
--- a/src/views/patientCircle/detail/detail.vue
+++ b/src/views/patientCircle/detail/detail.vue
@@ -1,15 +1,649 @@
 <template>
   <div>
-    detail
+    <div class="top">
+      <img
+        src="data:image/png;base64,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"
+        class="avtor"
+      />
+
+      <div>
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+    </div>
+    <div class="con">
+      <h4 class="title">{{ list.title }}</h4>
+      <div>
+        <p>【病症】</p>
+        <div>{{ list.disease }}</div>
+      </div>
+      <div>
+        <p>【科室】</p>
+        <div>{{ list.department }}</div>
+      </div>
+      <div>
+        <p>【病症详情】</p>
+        <div>{{ list.detail }}</div>
+      </div>
+      <div class="sssd">
+        <p>【治疗经历】</p>
+        <div>
+          <div class="left">
+            <p class="sf">{{ list.treatmentHospital }}</p>
+            <p class="sf">{{ list.treatmentProcess }}</p>
+          </div>
+          <div class="right">{{ list.treatmentEndTime | allTimeFormat }}</div>
+        </div>
+      </div>
+      <div class="img">
+        <p>【相关图片】</p>
+        <div>
+          <img :src="list.picture" />
+          <p class="xin">
+            <img
+              :src="xin"
+              v-if="isXin"
+              @click="handleXin(list.sickCircleId)"
+            />
+            <img :src="xinn" v-else @click="handleXin(list.sickCircleId)" />{{
+              list.collectionNum
+            }}<img :src="weixin" @click="Black" />{{ list.commentNum }}
+          </p>
+        </div>
+      </div>
+      <div class="ask">
+        <p>被采纳的建议</p>
+        <div>
+          <div class="left">
+            <p class="tit">
+              <img :src="list.adoptHeadPic" /><span>{{
+                list.adoptNickName
+              }}</span>
+            </p>
+            <p>{{ list.adoptComment }}</p>
+          </div>
+          <div class="right">{{ list.adoptTime | allTimeFormat }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="black" v-show="black">
+      <div class="blackBox" v-if="cengList.length">
+        <!-- 品论列表区域 -->
+        <div class="maskTitle" v-for="(v, i) in cengList" :key="i">
+          <!-- <img :src="v.headPic.length?v.headPic:four" /> -->
+          <img :src="four" @click="xx(v.commentUserId, v.nickName, four)" />
+          <div class="kuang">
+            <div class="triangle"></div>
+            <div class="con">
+              <div class="triangleLeft">
+                <h4>{{ v.nickName }}</h4>
+                <p class="title">{{ v.content }}</p>
+                <p class="time">{{ v.commentTime | allTimeFormat }}</p>
+              </div>
+              <div class="triangleRight">
+                <p class="jie"><img :src="share1" /></p>
+                <p class="opt">
+                  <span
+                    ><img :src="v.opinion === 1 ? zSup : Sup" />{{
+                      v.supportNum
+                    }}</span
+                  ><span
+                    ><img :src="v.opinion === 2 ? zOp : Op" />{{
+                      v.opposeNum
+                    }}</span
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 里面的蒙层 -->
+        <div class="inner" v-show="isInner">
+          <img :src="hua" class="hua" />
+          <p>下滑查看更多评论</p>
+          <img :src="know" class="know" @click="myKnow" />
+        </div>
+      </div>
+
+      <div v-else>
+        <img :src="error1" class="img" />
+      </div>
+      <div class="foot" v-if="cengList.length">
+        <img :src="error" @click="close" /><input
+          placeholder="留下你的高见吧!!!"
+          v-model="contents"
+          @keydown="
+            (e) => {
+              e.keyCode === 13 && sendComment();
+            }
+          "
+        />
+      </div>
+      <div class="foot" v-else>
+        <img :src="error" @click="close" /><input
+          v-model="contents"
+          placeholder="暂无评论，快来枪沙发吧！！！"
+          @keydown="
+            (e) => {
+              e.keyCode === 13 && sendComment();
+            }
+          "
+        />
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import axios from "axios";
+import { Toast } from "vant";
+import {
+  fetchPathDetail,
+  fetchPatList,
+  fetchPublicComment,
+  fetchPatientNoSave,
+  fetchPatientSave,
+} from "../../../api";
+import xinn from "@/assets/images/icon/common resource/xxhdpi/common_button_collection_large_s.png";
+import xin from "../../../assets/images/icon/common resource/hdpi/common_button_collection_small_n.png";
+import weixin from "../../../assets/images/icon/common resource/hdpi/common_icon_comment_small_n.png";
+import error from "../../../assets/images/icon/common resource/hdpi/common_button_close_n.png";
+import error1 from "../../../assets/images/image/hdpi/none_comment.png";
+import share from "../../../assets/images/icon/common resource/hdpi/common_button_share_n.png";
+import share1 from "../../../assets/images/icon/common resource/hdpi/common_icon_inquiry_n.png";
+import zSup from "../../../assets/images/icon/common resource/hdpi/common_icon_agree_s.png";
+import Sup from "../../../assets/images/icon/common resource/hdpi/common_icon_agree_n.png";
+import zOp from "../../../assets/images/icon/common resource/hdpi/common_icon_disagree_s.png";
+import Op from "../../../assets/images/icon/common resource/hdpi/common_icon_disagree_n.png";
+import know from "../../../assets/images/image/hdpi/know.png";
+import hua from "../../../assets/images/image/hdpi/fell_gesture.png";
+import four from "../../../assets/images/image/hdpi/404.jpg";
 export default {
-
-}
+  data() {
+    return {
+      isInner: true,
+      four: four,
+      xinn: xinn,
+      isXin: true,
+      xin: xin,
+      weixin: weixin,
+      share1: share1,
+      zSup: zSup,
+      Sup: Sup,
+      zOp: zOp,
+      Op: Op,
+      id: 0,
+      list: {},
+      black: false,
+      error1: error1,
+      error: error,
+      know: know,
+      hua: hua,
+      cengList: [],
+      params: {
+        sickCircleId: 1,
+        page: 1,
+        count: 5,
+      },
+      contents: "",
+      paramsPub: {
+        sickCircleId: 1,
+        content: "",
+      },
+      // sickCircleId: 1,
+      // content: "",
+      opinion: 1,
+      // 观点 1=赞同，2=反对
+      // sickCircleId
+      sdf: "https://cn.bing.com/images/search?view=detailV2&ccid=hT0rYCzY&id=976B45D8C5D12AB3620765E6FB69969AC0A79E4D&thid=OIP.hT0rYCzYDKbtufUBaxysTgAAAA&mediaurl=https%3a%2f%2fts1.cn.mm.bing.net%2fth%2fid%2fR-C.853d2b602cd80ca6edb9f5016b1cac4e%3frik%3dTZ6nwJqWafvmZQ%26riu%3dhttp%253a%252f%252fwww.sucaijishi.com%252fuploadfile%252f2017%252f0510%252f20170510104938727.gif%26ehk%3dYGpZQ%252b1lcSpr%252fx44j0zCPQdULv8XFnQFgKY5DYgpIaw%253d%26risl%3d%26pid%3dImgRaw%26r%3d0&exph=300&expw=450&q=%e6%9a%82%e6%97%a0%e5%9b%be%e7%89%87&simid=608026975838226236&FORM=IRPRST&ck=0C559277D997F5FC79E6CCDDF6EEB8A7&selectedIndex=0",
+    };
+  },
+  methods: {
+    handleImageError(event) {
+      event.target.src = this.sdf;
+      console.log(20);
+    },
+    async handleXin(id) {
+      if (this.isXin) {
+        // 还未收藏
+        this.isXin = false; //收藏
+        console.log(11);
+        const resp = await fetchPatientSave({ sickCircleId: this.id });
+        Toast.success('收藏成功');
+      } else {
+        this.isXin = true;
+        const resp = await fetchPatientNoSave({
+          params: { sickCircleId: this.id },
+        });
+        console.log(22);
+          Toast.success('取消收藏');
+      }
+      // this.isXin = !this.isXin;
+    },
+    async getPathDetail() {
+      const resp = await fetchPathDetail({
+        params: { sickCircleId: this.id },
+      });
+      console.log(resp);
+      this.list = resp.data.result;
+      this.params.sickCircleId = resp.data.result.sickCircleId;
+      this.paramsPub.sickCircleId = resp.data.result.sickCircleId;
+      // this.sickCircleId = resp.data.result.sickCircleId;
+      // console.log(this.sickCircleId);
+    },
+    // 蒙层里面的数据
+    async getPatList() {
+      const resp = await fetchPatList({ params: this.params });
+      console.log(resp);
+      this.cengList = resp.data.result.reverse();
+      // console.log(resp.data.result);
+      // let copyList=[...resp.data.result]
+      // console.log(copyList.reverse());
+    },
+    // 病友圈发布评论
+    async getPublicComment() {
+      const resp = await fetchPublicComment(this.paramsPub);
+      console.log(resp);
+    },
+    sendComment() {
+      // console.log(this.contents);
+      this.paramsPub.content = this.contents;
+      console.log(this.paramsPub);
+      this.getPublicComment();
+      this.getPatList();
+      // axios.post(
+      //     "/api/health/user/sickCircle/verify/v1/publishComment",
+      //     {
+      //       sickCircleId:this.sickCircleId,
+      //       content:this.content,
+      //     },
+      //     {
+      //       headers: {
+      //         "Content-Type": "application/x-www-form-urlencoded",
+      //       },
+      //     }
+      //   )
+      //   .then((resp) => {
+      //     console.log(resp);
+      //   });
+    },
+    // 点击展示 一级蒙层
+    Black() {
+      console.log(111);
+      this.black = true;
+      this.getPatList();
+    },
+    // 关闭蒙层
+    close() {
+      this.black = false;
+    },
+    // 关闭里面的蒙层
+    myKnow() {
+      this.isInner = false;
+    },
+    xx(id, name, pic) {
+      this.$router.push({
+        query: {
+          img: pic,
+          id: id,
+          name: name,
+        },
+        path: "/patientCircle/patientUserInfo",
+      });
+    },
+  },
+  created() {
+    const { id } = this.$route.params;
+    this.id = id * 1;
+    this.getPathDetail();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.top {
+  width: 100vw;
+  height: 50px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .avtor,
+  .ding,
+  .people {
+    width: 25px;
+    height: 25px;
+    margin: 0 5px;
+  }
+  .input {
+    flex: 1;
+    margin: 0 10px;
+    height: 38px;
+    border-radius: 20px;
+    border: 1px solid #ccc;
+  }
+}
+.con {
+  margin-top: 5px;
+  text-align: left;
+  padding: 0 20px;
+  .title {
+    color: #3087ea;
+    margin: 15px 0;
+  }
+  div {
+    margin: 5px;
+    p {
+      color: #3087ea;
+    }
+    div {
+      margin: 10px 5px;
+      // background-color: #ccc;
+      height: auto;
+      line-height: 50px;
+      display: flex;
+      align-items: center;
 
+      .left {
+        height: 100%;
+        width: 60%;
+        // background-color: green;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+
+        .sf {
+          height: 60%;
+          // background-color: yellow;
+          padding: 0;
+          margin: 0;
+          color: #000;
+          width: 100%;
+          // text-align: center;
+          // line-height: 25px;
+          // background-color: green;
+        }
+      }
+      .right {
+        // background-color: orange;
+        width: 100px;
+        font-size: 10px;
+      }
+    }
+  }
+  .img {
+    margin: 5px;
+    border-bottom: 1px solid #ccc;
+    p {
+    }
+    div {
+      height: 250px;
+      width: 100%;
+      display: flex;
+
+      align-items: center;
+      flex-direction: column;
+      img {
+        width: 100%;
+        height: 200px;
+      }
+      .xin {
+        width: 100%;
+        justify-content: end;
+        display: flex;
+        align-items: center;
+        padding: 0 10px;
+        img {
+          width: 30px;
+          height: 30px;
+          margin: 0 5px;
+        }
+      }
+    }
+  }
+  .ask {
+    p {
+      // background-color: green;
+      height: 25px;
+      margin-left: 5px;
+      border-left: 5px solid #3087ea;
+      padding: 0 0 0 5px;
+    }
+    div {
+      width: 100%;
+      height: auto;
+      display: flex;
+      align-items: center;
+
+      .left {
+        // background-color: green;
+        height: 100px;
+        width: 60%;
+        display: flex;
+        align-items: center;
+        .tit {
+          width: 100%;
+          height: 28px;
+          // background-color: #fff;
+          // flex-direction: column;
+          align-items: center;
+          display: flex;
+          color: #000;
+          border: none;
+          img {
+            margin: 5px;
+            width: 25px;
+            height: 25px;
+          }
+          span {
+          }
+        }
+        p {
+          border: none;
+          color: #000;
+        }
+      }
+      .right {
+        width: 40%;
+        height: 100px;
+        // background-color: orange;
+        text-align: left;
+        display: flex;
+        //  line-height: 0;
+        width: 200px;
+      }
+    }
+  }
+}
+.black {
+  width: 100vw;
+  height: 100vh;
+  overflow: scroll;
+  background-color: rgba(0, 0, 0, 0.2);
+  z-index: 1;
+  position: fixed;
+  left: 0;
+  top: 0;
+  // position: relative;
+  .img {
+    margin-top: 40vh;
+    width: 100px;
+    height: 100px;
+  }
+  .foot {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    height: 70px;
+    // background-color: #3087ea;
+    background-color: rgba(0, 0, 0, 0.2);
+    img {
+      width: 50px;
+      height: 50px;
+      margin: 5px;
+    }
+    input {
+      height: 50px;
+      flex: 1;
+      margin: 5px;
+      border-radius: 25px;
+      background-color: #000;
+      border: none;
+      text-indent: 5px;
+      color: #fff;
+    }
+    input::-webkit-input-placeholder {
+      color: white;
+      text-align: center;
+    }
+  }
+  .blackBox {
+    background-color: rgba(0, 0, 0, 0.1);
+    width: 100vw;
+    height: 500px;
+    position: absolute;
+    bottom: 0;
+    .inner {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      z-index: 1;
+      background-color: rgba(0, 0, 0, 0.3);
+      .hua {
+        width: 80px;
+        margin-top: 50px;
+        height: 100px;
+      }
+      p {
+        color: #fff;
+        margin: 10px;
+        font-size: 15px;
+      }
+      .know {
+        margin-top: 50px;
+      }
+    }
+    .maskTitle {
+      // background-color: pink;
+      height: 150px;
+      width: 100vw;
+      display: flex;
+      // align-items: center;
+      img {
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        margin: 5px 15px;
+      }
+      .kuang {
+        flex: 1;
+        // background-color: #ccc;
+        // width: 80%;
+        height: 90%;
+        margin: 5px 5px;
+        border-radius: 10px;
+        position: relative;
+        background-color: #fff;
+        // 三角形
+        .triangle {
+          position: absolute;
+          left: -15px;
+          top: 10px;
+          background-color: rgba(0, 0, 0, 0);
+          width: 0;
+          height: 0;
+          border-top: 15px solid transparent;
+          border-bottom: 15px solid transparent;
+          border-right: 15px solid #fff;
+        }
+        .con {
+          display: flex;
+          width: 100%;
+          height: 100%;
+          align-items: center;
+          // justify-content: space-between;
+          // background-color: green;
+          margin: 0px;
+          padding: 0;
+          border-radius: 10px;
+          .triangleLeft {
+            width: 60%;
+            margin: 0;
+            // flex: 1;
+            height: 100%;
+            // background-color: pink;
+            border-radius: 10px 0 0 10px;
+            display: flex;
+            // align-items: center;
+            justify-content: space-between;
+            flex-direction: column;
+
+            h4 {
+              margin: 5px;
+            }
+            .title {
+              margin: 5px;
+            }
+            .time {
+              margin: 0 0px 10px 5px;
+            }
+          }
+          .triangleRight {
+            margin: 0px;
+            height: 100%;
+            width: 40%;
+            background-color: #fff;
+            border-radius: 0 10px 10px 0px;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            .jie {
+              // background-color: #ccc;
+              height: 45px;
+              display: flex;
+              align-items: end;
+              justify-content: end;
+              padding: 5px;
+              img {
+                width: 20px;
+                height: 20px;
+              }
+            }
+            .opt {
+              flex: 1;
+              width: 100%;
+              padding: 0;
+              // background-color: green;
+              margin-bottom: 5px;
+              display: flex;
+              // align-items: center;
+              align-items: end;
+              span {
+                display: flex;
+                align-items: center;
+                img {
+                  width: 15px;
+                  height: 15px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+// .sssd{
+//   height: 200px;
+//   background-color:
+// pink;
+// }
 </style>
\ No newline at end of file
diff --git a/src/views/patientCircle/patientCircle.vue b/src/views/patientCircle/patientCircle.vue
index f465a65..0d7dd8f 100644
--- a/src/views/patientCircle/patientCircle.vue
+++ b/src/views/patientCircle/patientCircle.vue
@@ -1,15 +1,238 @@
 <template>
-  <div>
-    patientCircle<router-view></router-view>
+  <div class="big">
+    <div v-if="$route.path === '/patientCircle'">
+      <div class="top">
+        <img
+          src="data:image/png;base64,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"
+          class="avtor"
+        />
+
+        <div>
+          <img
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+            class="ding"
+          />
+          <img
+            src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+            class="people"
+          />
+        </div>
+      </div>
+      <div class="ss">
+        <ul class="nav">
+          <li
+            v-for="(v, i) in list"
+            :key="i"
+            @click="changeInd(i, v.id)"
+            :class="active === i ? 'active' : ''"
+          >
+            {{ v.departmentName }}
+          </li>
+          <img
+            class="search"
+            :src="search"
+            @click="$router.push(`/patientCircle/patientSearch`)"
+          />
+        </ul>
+      </div>
+      <div class="con">
+        <div
+          class="con-title"
+          v-for="(v, i) in con"
+          :key="i"
+          @click="
+            $router.push(`/patientCircle/patientDetail/${v.sickCircleId}`)
+          "
+        >
+          <div class="top">
+            <div class="left">
+              <h5>{{ v.title }}</h5>
+              <p class="time">{{ v.releaseTime | allTimeFormat }}</p>
+              <p>{{ v.detail }}</p>
+            </div>
+            <div class="right" v-if="v.amount">
+              <img :src="bei" /><span>{{ v.amount }}</span>
+            </div>
+          </div>
+          <div class="bot">
+            <p>
+              建议<span>{{ v.commentNum }}</span>
+            </p>
+            <p>
+              收藏<span>{{ v.collectionNum }}</span>
+            </p>
+          </div>
+        </div>
+        <HomeFoot></HomeFoot>
+      </div>
+    </div>
+    <div v-else>
+      <router-view></router-view>
+    </div>
   </div>
 </template>
 
 <script>
+import bei from "../../assets/images/image/hdpi/h_currency.png";
+import search from "../../assets/images/icon/common resource/hdpi/common_icon_search_n.png";
+import { fetchAsk, fetchpPathienCircle } from "@/api";
+import HomeFoot from "@/components/HomeFoot.vue";
 export default {
-
-}
+  components: { HomeFoot },
+  data() {
+    return {
+      search: search,
+      bei: bei,
+      active: 0,
+      list: [],
+      params: {
+        departmentId: 7,
+        page: 1,
+        count: 5,
+      },
+      con: [],
+    };
+  },
+  methods: {
+    async getAsk() {
+      const resp = await fetchAsk();
+      console.log(resp);
+      this.list = resp.data.result;
+    },
+    changeInd(i, id) {
+      console.log(i, id);
+      this.active = i;
+      this.params.departmentId = id;
+      this.getPathienCircle();
+    },
+    async getPathienCircle() {
+      const resp = await fetchpPathienCircle({ params: this.params });
+      console.log(resp);
+      this.con = resp.data.result;
+      // console.log( this.params.departmentId );
+    },
+  },
+  created() {
+    this.getAsk();
+    this.getPathienCircle();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.big {
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  background-color: #eee;
 
+  .top {
+    width: 100vw;
+    height: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .avtor,
+    .ding,
+    .people {
+      width: 25px;
+      height: 25px;
+      margin: 0 5px;
+    }
+    .input {
+      flex: 1;
+      margin: 0 10px;
+      height: 38px;
+      border-radius: 20px;
+      border: 1px solid #ccc;
+    }
+  }
+  .ss {
+    width: 100%;
+    height: 50px;
+    background-color: #3087ea;
+    white-space: nowrap;
+    // overflow: hidden;
+    margin-top: 5px;
+    overflow-x: scroll;
+    background-color: #fff;
+    .nav {
+      height: 50px;
+      display: flex;
+      align-items: center;
+      // position: relative;
+      li {
+        height: 100%;
+        padding: 0 5px;
+        margin: 0 5px;
+        text-align: center;
+        line-height: 50px;
+        &.active {
+          color: #3087ea;
+        }
+      }
+      .search {
+        position: absolute;
+        right: 0;
+      }
+    }
+  }
+  .con {
+    width: 100%;
+    background-color: #fff;
+    .con-title {
+      width: 100%;
+      height: auto;
+      border: 1px solid #ccc;
+      // background-color: #3087ea;
+      // background-color: pink;
+      .top {
+        height: auto;
+        .left {
+          // background-color: green;
+          width: 80%;
+          height: 100%;
+          text-align: left;
+          display: flex;
+          justify-content: space-around;
+          flex-direction: column;
+          padding: 0 10px;
+          .time {
+            font-size: 10px;
+          }
+        }
+        .right {
+          width: 20%;
+          height: 100%;
+          line-height: 100px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          span {
+            margin-left: 5px;
+          }
+        }
+      }
+      .bot {
+        height: 50px;
+        line-height: 50px;
+
+        background-color: #fff;
+        text-align: right;
+        padding: 0 10px;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: end;
+        p {
+          width: 20%;
+          // background-color: pink;
+          margin-left: 5px;
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/patientCircle/search/result/result.vue b/src/views/patientCircle/search/result/result.vue
index e3eec65..cb7c9ab 100644
--- a/src/views/patientCircle/search/result/result.vue
+++ b/src/views/patientCircle/search/result/result.vue
@@ -1,15 +1,104 @@
 <template>
-  <div>
-  search  result
+  <div id="top">
+    <div class="detail" v-for="(v, i) in list" :key="i">
+      <div class="top">
+        <h5>{{ v.title }}</h5>
+        <p class="time">{{ v.releaseTime|allTimeFormat }}</p>
+        <p class="con">{{ v.detail }}</p>
+      </div>
+      <div class="bot">
+        <p>
+          建议：<span>{{ v.commentNum }}</span>
+        </p>
+        <p>
+          收藏：<span>{{ v.collectionNum }}</span>
+        </p>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { fetchPatKey } from "../../../../api/index";
 export default {
-
-}
+  data() {
+    return {
+      list: [],
+      keyWord: "",
+    };
+  },
+  methods: {
+    async getPatKey() {
+      const resp = await fetchPatKey({ params: { keyWord: this.keyWord } });
+      console.log(resp);
+      this.list = resp.data.result;
+      console.log(this.list);
+    },
+  },
+  created() {
+    const { keyword } = this.$route.params;
+    console.log(keyword);
+    this.keyWord = keyword;
+    this.getPatKey();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+#top {
+  width: 100vw;
+  height: auto;
+  // margin-top: 50px;
+  // background-color: green;
+  .detail {
+    width: 100vw;
+    margin-top: 5px;
+    height: auto;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    background-color: #fff;
 
+    .top {
+      background-color: #fff;
+      width: 100%;
+      height: auto;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      text-align: left;
+      h5 {
+        text-align: left;
+        margin: 5px;
+        width: 100%;
+      }
+      .time {
+        margin: 5px;
+        text-align: left;
+        // background-color: #ccc;
+        width: 100%;
+      }
+      .con {
+        margin: 5px;
+      }
+    }
+    .bot {
+      width: 100%;
+      height: auto;
+      padding: 10px;
+      // background-color: #ccc;
+      text-align: right;
+      display: flex;
+      align-items: center;
+      justify-content: end;
+      // flex-direction: column;
+      p {
+        // background-color: pink;
+        // height: 100%;
+        padding: 10px;
+        width: 100px;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/patientCircle/search/search.vue b/src/views/patientCircle/search/search.vue
index a0f024f..2bc6277 100644
--- a/src/views/patientCircle/search/search.vue
+++ b/src/views/patientCircle/search/search.vue
@@ -1,15 +1,125 @@
 <template>
-  <div>
-    search<router-view></router-view>
+  <div class="big">
+    <div class="top">
+      <img :src="jiantou" @click="jiantous" /><input v-model="keyWord" />
+      <p @click="toDetail">搜索</p>
+    </div>
+    <div v-if="$route.path === '/patientCircle/patientSearch'">
+      <div class="con">
+        <p>历史搜索</p>
+        <ul>
+          <li v-for="(v, i) in hisList" :key="i">{{ v }}</li>
+        </ul>
+      </div>
+    </div>
+    <div v-else>
+      <router-view></router-view>
+    </div>
   </div>
 </template>
 
 <script>
+import jiantou from "../../../assets/images/icon/common resource/hdpi/common_icon_back_black_n.png";
+import { fetchPatKey } from "../../../api/index";
+import { mapMutations, mapState } from "vuex";
 export default {
+  data() {
+    return {
+      jiantou: jiantou,
+      keyWord: "",
+    };
+  },
+  computed: {
+    ...mapState('search',['hisList'])
+  },
 
-}
+  methods: {
+    ...mapMutations("search", ["ss"]),
+    async getPatKey() {
+      const resp = await fetchPatKey({ params: { keyWord: this.keyWord } });
+      console.log(resp);
+    },
+    jiantous() {
+      if (this.$route.path === "/patientCircle/patientSearch") {
+        this.$router.push("/patientCircle");
+      } else {
+        this.$router.push(`/patientCircle/patientSearch`);
+      }
+    },
+    toDetail() {
+      if (
+        this.$route.path === "/patientCircle/patientSearch" &&
+        this.keyWord !== ""
+      ) {
+        this.$router.push(
+          `/patientCircle/patientSearch/patientResult/${this.keyWord}`
+        );
+        this.getPatKey();
+      }
+      // 历史记录
+      if (this.keyWord !== "") {
+        this.ss(this.keyWord);
+      }
+    },
+  },
+  created() {},
+};
 </script>
 
-<style>
-
+<style lang="scss"  scoped>
+.big {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+  display: flex;
+  align-content: center;
+  flex-direction: column;
+  overflow: scroll;
+  .top {
+    height: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    p {
+      width: 50px;
+      height: 50px;
+      line-height: 50px;
+      border: none;
+      color: #3087ea;
+    }
+    input {
+      flex: 1;
+      text-indent: 2px;
+      margin: 10px;
+      // border: 1px solid #ccc
+      border: none;
+      background-color: #eee;
+      height: 80%;
+      border-radius: 15px;
+    }
+  }
+  .con {
+    margin-top: 5px;
+    height: auto;
+    text-align: left;
+    p {
+      height: 30px;
+      padding: 0 10px;
+      line-height: 30px;
+      color: #3087ea;
+    }
+    ul {
+      width: 100%;
+      height: auto;
+      padding: 10px 0;
+      li {
+        margin: 5px;
+        padding: 5px;
+        height: 30px;
+        // background-color: #ccc;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/patientCircle/userInfo/userInfo.vue b/src/views/patientCircle/userInfo/userInfo.vue
index 48e05c2..8693d48 100644
--- a/src/views/patientCircle/userInfo/userInfo.vue
+++ b/src/views/patientCircle/userInfo/userInfo.vue
@@ -1,15 +1,195 @@
 <template>
-  <div>
-    userInfo
+  <div class="big">
+    <div class="bg">
+      <img :src="bgc" />
+      <div class="title">
+        <img :src="img" />
+        <span>{{ title }}</span>
+      </div>
+      <div class="nav">
+        <p>他发布的病友圈</p>
+      </div>
+      <div class="con">
+        <div class="con-title" v-for="(v, i) in con" :key="i">
+          <div class="top">
+            <div class="left">
+              <h5>{{ v.title }}</h5>
+              <p class="time">{{ v.releaseTime | allTimeFormat }}</p>
+              <p>{{ v.detail }}</p>
+            </div>
+            <div class="right" v-if="v.amount">
+              <img :src="bei" /><span>{{ v.amount }}</span>
+            </div>
+          </div>
+          <div class="bot">
+            <p>
+              建议<span>{{ v.commentNum }}</span>
+            </p>
+            <p>
+              收藏<span>{{ v.collectionNum }}</span>
+            </p>
+          </div>
+        </div>
+        
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-export default {
+import bgc from "../../../assets/images/image/hdpi/user_bg.png";
+// import bei from "../../assets/images/image/hdpi/h_currency.png";
+import bei from "../../../assets/images/image/hdpi/h_currency.png"
+import { fetchPatenList } from "../../../api/index";
 
-}
+export default {
+  data() {
+    return {
+      bgc: bgc,
+      bei:bei,
+      img: "",
+      params: {
+        patientUserId: 1,
+        page: 1,
+        count: 5,
+      },
+      con:[]
+    };
+  },
+  methods: {
+    async getPatenList() {
+      const resp = await fetchPatenList({ params: this.params });
+      console.log(resp);
+      this.con=resp.data.result
+    },
+  },
+  created() {
+    console.log(this.$route.query);
+    const { id, img, name } = this.$route.query;
+    console.log(id, img, name);
+    this.img = img;
+    this.title=name
+    this.params.patientUserId=id
+    this.getPatenList()
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.big {
+  background-color: #eee;
+  width: 100vw;
+  height: 100vh;
+  overflow: scroll;
+  .bg {
+    width: 100vw;
+    height: 250px;
+    position: relative;
+    // background-color: #ccc;
+    background-color: #fff;
+    img {
+      width: 100%;
+      height: 80%;
+    }
+    .title {
+      position: absolute;
+      // background-color: #ccc;
+      height: 40px;
+      width: 100%;
+      top: 180px;
+      display: flex;
+      align-items: center;
+      img {
+        width: 10%;
+        height: 100%;
+        border-radius: 50%;
+        margin-left: 10px;
+      }
+      span {
+        margin-left: 20px;
+        margin-top: 20px;
+        font-size: 20px;
+      }
+    }
+    .nav {
+      background-color: #fff;
+      margin-top: 55px;
+      height: 30px;
+      // margin-top: 5px;
 
+      p {
+        // background-color: #ccc;
+        height: 100%;
+        margin-left: 8px;
+        border-left: 4px solid #3087ea;
+        text-align: left;
+        line-height: 30px;
+        padding: 0 10px;
+        color: #3087ea;
+      }
+    }
+  }
+  .con {
+    width: 100%;
+    background-color: #fff;
+    .con-title {
+      width: 100%;
+      height: 150px;
+      border: 1px solid #ccc;
+      // background-color: #3087ea;
+      // background-color: pink;
+      .top {
+        height: 100px;
+        display: flex;
+        align-items: center;
+        .left {
+          // background-color: green;
+          width: 80%;
+          height: 100%;
+          text-align: left;
+          display: flex;
+          justify-content: space-around;
+          flex-direction: column;
+          padding: 0 10px;
+          .time {
+            font-size: 10px;
+          }
+        }
+        .right {
+          width: 20%;
+          height: 100%;
+          line-height: 100px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          // background-color: #ccc;
+          span {
+            margin-left: 5px;
+          }
+          img{
+          width: 30px;
+          height: 30px;
+          }
+        }
+      }
+      .bot {
+        height: 50px;
+        line-height: 50px;
+
+        background-color: #fff;
+        text-align: right;
+        padding: 0 10px;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: end;
+        p {
+          width: 20%;
+          // background-color: pink;
+          margin-left: 5px;
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/patientCircle/write/write.vue b/src/views/patientCircle/write/write.vue
index 7abe969..4a7f041 100644
--- a/src/views/patientCircle/write/write.vue
+++ b/src/views/patientCircle/write/write.vue
@@ -1,15 +1,643 @@
 <template>
   <div>
-    write
+    <div class="top">
+      <img
+        src="data:image/png;base64,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"
+        class="avtor"
+      />
+
+      <div>
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAFwLmNKAAAAAXNSR0IArs4c6QAABMxJREFUWAm9l11sVEUUgLu7tawJ/kG3JdkHJUgiEAzS/1DJRg2xJNVo6AN/wRd+NJoQwAAvaOCBxkR90JioqFQToyYaEzRrIyEloUb7AxgfDAhto4GGthJILcvqtut3tncm986d271bxEnOnjPnb86cOWfmblmZM9ra2mKKjipiYGAgp+gCrqure1YI8AGPYJYT8VNbW/uG3bympiavJG5a8bwYjc+Fo7BXOi3Q7hxFz9xn8D8w2PzrAu6lyt2TfD6/y5nvdvMLNJaPKCapfELRSjjsYTDB4CfhFU4Y1wtMBXj1WuEuhqlQXl4+bTTTgcwk0w4jmjIIYogQ6JRi9/f3B+rqUlXKCuPgXehOx7iTkN5TMhP7nLS0tMyRPUQikaVVVVVPi4Fg5guFn0qlPIdkOpQ8vwwM+AQuBvI/cbbBxZo+F8UgD69Fo9HH1dyGiegZ4GObTLp0DyuMWoUGk2gyZjTSSoMIvjd0Z5xicwIYESWVpPNsZQ3MUtutQ5xYz56ozuB0hSi4B7k429fXp7vCLbsl2hqFeCSSNJE8KTSrp1l9rdChhzsvbtp04KtStwIRRATcPJO2Cpubm+/LZDK/ozzXMbgBfpC+8d0evggI9yuMr8ZisfXSaALQm3Bwmbx0OA7tCOPngb/s0kJiM1Rw4b1ROqqg1Pwdsh0l62ruweRjAXANplbwbQHjwKpkO9c9HploB42NjQ+YwqC53CdKph3kcrldrH5SCYIwOufHxsbUK6Cbqoy9vcStFA8yVHz0VgFyDRxWPGnto8AlzShCoHuNI31T1KJNTU13greQoGQROy1ubW2dRxQ76+vr58eqq6vfR9I3PDx8TGsUIbq6uvLJZPL+qamp1RHJ6MjIyM0iNlYxkehPHatCGKauKLcySbIWk/SFW09oH8NUsM3l4RkfH99HTWxGvgi4SFI/4aFuJz/ejzWbA4NXchDscAs+jgJ/A/t5n05wII9BtwN3AM+x2w5w6GE2dVFDdr+dXct1+wIXwAeOwVnq8zr8I/C3wSspiNlkYjkLnWZB2cCPQBeQAhrh5+CvJBO/MA89QgUhX+pDQ0OvkvadeC7c2iyYYcEL4Cvw7gWWMZcmlSxlgPaenp5DYGuBip4aMwYhiw8ODh7HeQoDubw3s8uvlXEQ5iLfSMAfIq8giGMc21NBusIPDIICvAf5b0ACRztwJN95JQ2CaSeYvRiJn2Vs4B+bA31Vm0IW/hJeAjg4mwDEX29v7z7QF8Bi/B0Rnm1YgyD98tyvFgOMv7UZhuXRwrIZGY9OI/+vNQjS2IKq9Hw2kUj87DcLz6moqDgl2mxqYUNDw8M2S18QKN6N4meO8vZ0Op21GYbldXd3X0Z3v+hPTk5+4/5PrHx4CpMAqnnGzyGUojxIIb2iFG8VU+jyh2UrcInr/SGud/2ppINAaQ0Knc5iGwngU4f+zxC36oscy1s4zFMraync78R54ThECC0B3EC46HYEIIvRZW/H4/Ek5Bitm6b2Dgi/8HbQAXEilE7IIdxDUCW/hOIszMhms4vRqxRd1uwVrI+D5zk+MTGxDoG0knTGbRn4/4Nsd3IUP6gFdBCKEYTl04nvySVBcpNfWVn5a9jOCv2Uj46OfsQu1puLBc3RlzYPpf8v0NG+Cq5FA4AAAAAASUVORK5CYII="
+          class="ding"
+        />
+        <img
+          src="	http://localhost:3000/static/media/robot-avatar.f419d1d3c45912843361.jpg"
+          class="people"
+        />
+      </div>
+    </div>
+    <div class="con">
+      <img :src="xin" /><input
+        placeholder="请输入标题（最多20个字）"
+        v-model="biaoti"
+      />
+    </div>
+    <div class="con1">
+      <p class="consulting">
+        <span
+          ><img :src="xin" /><b v-if="isConsultingNav">请选择就诊科室</b
+          ><b v-else>{{ ConsultingNav }}</b></span
+        ><img :src="sanjiao" @click="handleConsulting" />
+      </p>
+      <ul class="consultinglist" v-show="isConsultings">
+        <li
+          v-for="(v, i) in titleLeft"
+          :key="i"
+          ref="sbv"
+          @click="handleCon1(i, v.id)"
+        >
+          {{ v.departmentName }}
+        </li>
+      </ul>
+      <p class="disease">
+        <span
+          ><img :src="xin" />
+
+          <b v-if="isDiseaseNav">请选择主要病症</b
+          ><b v-else>{{ DiseasegNav }}</b></span
+        ><img :src="sanjiao" @click="handleDiseases" />
+      </p>
+      <ul class="diseaseList" v-show="isDiseases">
+        <li
+          v-for="(v, i) in conZheng"
+          :key="i"
+          ref="sbvv"
+          @click="handleCon2(i)"
+        >
+          {{ v.name }}
+        </li>
+      </ul>
+      <p class="txt">
+        <img :src="xin" /><textarea
+          placeholder="请输入病症详情"
+          rows="8"
+          v-model="detail"
+        ></textarea>
+      </p>
+    </div>
+    <p class="pp"><img :src="xin" />请输入最近一段治疗经历</p>
+    <div class="experience">
+      <input placeholder="请输入医生名称" v-model="treatmentHospital" />
+      <!-- 开始 -->
+      <p class="start">
+        <span v-if="isStart">请选择开始时间</span>
+        <span v-else>{{ currentDate | time }}</span>
+        <van-datetime-picker
+          v-model="currentDate"
+          class="van-datetime-picker"
+          type="date"
+          v-show="isStarts"
+          title="选择年月日"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="handleConfirm"
+          @cancel="handleCancel"
+        />
+        <img :src="sanjiao" @click="xia" />
+      </p>
+      <!-- 结束 -->
+      <p class="end">
+        <span v-if="isEnd">请选择结束时间</span>
+        <span v-else>{{ currentDate1 | time }}</span>
+        <van-datetime-picker
+          v-show="isEnds"
+          class="van-datetime-picker1"
+          v-model="currentDate1"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate1"
+          :max-date="maxDate1"
+          @confirm="handleConfirm1"
+          @cancel="handleCancel1"
+        />
+        <img :src="sanjiao" @click="xia1" />
+      </p>
+
+      <p class="sb">
+        <img :src="xin" /><textarea
+          placeholder="请输入治疗过程"
+          rows="8"
+          v-model="treatmentProcess"
+        ></textarea>
+      </p>
+    </div>
+
+    <p class="most">最多可添加6张图片，长按为图片排序</p>
+    <div class="imgs">
+      <van-uploader
+        class="van-uploader"
+        preview-size="120px"
+        :after-read="afterRead"
+        upload-icon="plus"
+      />
+    </div>
+
+    <p class="fgyuh">
+      提示悬赏额度 <van-switch class="van-switch" v-model="checked" />
+    </p>
+    <div class="last">
+      <p>提升额度可获得更多的关注，得到更多的建议</p>
+      <ul>
+        <li
+          v-for="(v, i) in money"
+          :key="i"
+          @click="changeInd(i)"
+          :class="i === ind ? 'active1' : ''"
+        >
+          {{ v }}
+        </li>
+        <input placeholder="自定义H币" v-model="sss" />
+        <p>当前H币余额300不足？去<span @click="$router.push(`/wallet/recharge/${sss}`)">充值</span></p>
+        <button @click="handlePublic">发布</button>
+      </ul>
+    </div>
   </div>
 </template>
 
 <script>
+import moment from "moment";
+import { fetchAsk, fetchZheng, fetchPubImage } from "../../../api/index";
+import add from "../../../assets/images/image/hdpi/add.png";
+import xin from "../../../assets/images/image/hdpi/evaluation_star_s.png";
+import { fetchPubBing } from "../../../api/index";
+import sanjiao from "../../../assets/images/icon/common resource/hdpi/circle_icon_drop_down_n.png";
+import { Toast } from "vant";
 export default {
+  data() {
+    return {
+      isStart: true,
+      isStarts: false,
+      isEnd: true,
+      isEnds: false,
+      checked: true,
+      // 标题
+      biaoti: "",
+      title: "",
+      // 详情
+      detail: "",
+      // 描述
+      // disease: "",
+      // 治疗医院
+      treatmentHospital: "",
+      // 开始时间
+      treatmentStartTime: "",
+      // 结束时间
+      treatmentEndTime: "",
+      // 治疗过程
+      treatmentProcess: "",
+      // 悬赏额度
+      amount: 0,
+      // 诊室切换
+      isConsulting: true,
+      // 框的按钮
+      isConsultings: false,
+      // 内容展示按钮
+      isConsultingNav: true,
+      ConsultingNav: "",
+      // 疾病
+      isDisease: true,
+      // 框的按钮
+      isDiseases: false,
+      // 内容展示按钮
+      isDiseaseNav: true,
+      DiseasegNav: "",
 
-}
+      titleLeft: [],
+      conZheng: [],
+      add: add,
+      xin: xin,
+      sanjiao: sanjiao,
+      minDate: new Date(2020, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(2021, 0, 17),
+      minDate1: new Date(2020, 0, 1),
+      maxDate1: new Date(2025, 10, 1),
+      currentDate1: new Date(2021, 0, 17),
+      money: ["10H币", "20H币", "30H币"],
+      ind: 0,
+      sd: 0,
+      sss:0,
+      file: "",
+    };
+  },
+  methods: {
+    // 发布病友圈图片
+    async getPubImage() {
+      // console.log(resp);
+    },
+    afterRead(file) {
+      // 此时可以自行将文件上传至服务器
+      console.log(file.file);
+      this.file = file.file;
+      // this.getPubImage()
+    },
+    // 发布病友圈
+    async getPunBing() {
+      let formattedTime = moment(this.currentDate).format("YYYY-M-D");
+      let standardTime1 = moment(this.currentDate1).format("YYYY-M-D");
+      const resp = await fetchPubBing({
+        title: this.biaoti,
+        departmentId: this.sd,
+        detail: this.detail,
+        disease: this.detail,
+        treatmentHospital: this.treatmentHospital,
+        treatmentStartTime: formattedTime,
+        treatmentEndTime: standardTime1,
+        treatmentProcess: this.treatmentProcess,
+        amount: this.amount,
+      });
+      const resp1 = await fetchPubImage({
+        sickCircleId: resp.data.result,
+        picture: this.file,
+      });
+
+      if (resp.status === 200) {
+        Toast.success("发布病友圈成功");
+        this.$router.push("/patientCircle");
+      }
+    },
+    handlePublic() {
+      this.getPunBing();
+    },
+    handleCon1(i, id) {
+      console.log(id);
+      console.log(this.$refs.sbv[i].innerText);
+      this.isConsultingNav = false;
+      this.isConsultings = false;
+      this.ConsultingNav = this.$refs.sbv[i].innerText;
+      this.sd = id;
+      this.getZheng();
+    },
+    handleCon2(i) {
+      console.log(this.$refs.sbvv[i].innerText);
+      this.isDiseaseNav = false;
+      this.isDiseases = false;
+      this.DiseasegNav = this.$refs.sbvv[i].innerText;
+      //  if()
+    },
+    // 方法二
+    // handleCon(e) {
+    //   console.log(e.target.innerText);
+    // },
+    // 常见症状右侧标题
+    async getAsk() {
+      const resp = await fetchAsk();
+      // console.log(resp);
+      this.titleLeft = resp.data.result;
+    },
+    // 呵呵
+    async getZheng() {
+      const resp = await fetchZheng({ params: { departmentId: this.sd } });
+      console.log(resp);
+      this.conZheng = resp.data.result;
+    },
+    handleConsulting() {
+      this.isConsulting = !this.isConsulting;
+      this.isConsultings = !this.isConsultings;
+    },
+    handleDiseases() {
+      // 点击这个按钮，判断true，所以没有展示第一个内容
+      if (this.isConsultingNav) {
+        this.isConsultings = true;
+        this.isDiseases = false;
+      }
+      this.isDisease = !this.isDisease;
+      this.isDiseases = !this.isDiseases;
+    },
+    xia() {
+      this.isStart = !this.isStart;
+      this.isStarts = !this.isStarts;
+    },
+    xia1() {
+      this.isEnd = !this.isEnd;
+      this.isEnds = !this.isEnds;
+    },
+    // 日期
+    // 确定与取消
+    handleConfirm() {
+      this.isStart = false;
+      this.isStarts = false;
+      console.log("bnjkms");
+    },
+    handleCancel() {
+      this.isStart = false;
+      this.isStarts = false;
+    },
+    // 确定与取消
+    handleConfirm1() {
+      this.isEnd = false;
+      this.isEnds = false;
+      console.log(this.currentDate1);
+    },
+    handleCancel1() {
+      this.isEnd = false;
+      this.isEnds = false;
+    },
+
+    changeInd(i) {
+      this.ind = i;
+      if (i === 0) {
+        this.amount = 10;
+      } else if (i === 1) {
+        this.amount = 20;
+      } else if (i === 2) {
+        this.amount = 30;
+      }
+    },
+  },
+  created() {
+    this.isStarts = false;
+    this.isEnds = false;
+    this.isConsultings = false;
+    this.getAsk();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.top {
+  width: 100vw;
+  height: 50px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .avtor,
+  .ding,
+  .people {
+    width: 25px;
+    height: 25px;
+    margin: 0 5px;
+  }
+  .input {
+    flex: 1;
+    margin: 0 10px;
+    height: 38px;
+    border-radius: 20px;
+    border: 1px solid #ccc;
+  }
+}
+input::placeholder {
+  color: #ccc;
+}
+.con {
+  margin-top: 10px;
+  height: 40px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #ccc;
+  img {
+    width: 20px;
+    height: 20px;
+    margin: 0 10px;
+  }
+  input {
+    border: none;
+    // color: #eee;
 
+    height: 80%;
+  }
+}
+.con1 {
+  margin-top: 10px;
+  height: 280px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  // border-bottom: 1px solid #ccc;
+  position: relative;
+  .consulting,
+  .disease {
+    height: 40px;
+    // background-color: pink;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+  .consultinglist {
+    position: absolute;
+    top: 40px;
+
+    background-color: #eee;
+    width: 100%;
+    height: auto;
+    display: flex;
+    flex-wrap: wrap;
+    li {
+      padding: 5px;
+      margin: 5px;
+    }
+  }
+  .diseaseList {
+    position: absolute;
+    top: 80px;
+    background-color: #eee;
+    width: 100%;
+    height: auto;
+    display: flex;
+    z-index: 100;
+    flex-wrap: wrap;
+    li {
+      padding: 5px;
+      margin: 5px;
+    }
+  }
+  .txt {
+    display: flex;
+    // align-items: center;
+    width: 100%;
+    height: 200px;
+
+    textarea {
+      width: 90%;
+      color: #eee;
+    }
+  }
+  img {
+    width: 20px;
+    height: 20px;
+    margin: 0 10px;
+  }
+}
+.pp {
+  display: flex;
+  height: 40px;
+  width: 100%;
+  // background-color: green;
+  display: flex;
+  margin-top: 5px;
+  align-items: center;
+  border-bottom: 1px solid #ccc;
+  background-color: #fff;
+  img {
+    width: 20px;
+    height: 20px;
+    margin: 0 10px;
+  }
+}
+.experience {
+  border: 1px solid #eee;
+  height: 40px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  // background-color: pink;
+  height: 340px;
+  // border-bottom: 1px solid #ccc;
+  width: 100%;
+  box-sizing: border-box;
+  .start {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    width: 100%;
+    position: relative;
+    // background-color: pink;
+    justify-content: space-between;
+    span {
+      margin-left: 10px;
+    }
+    .van-datetime-picker {
+      position: absolute;
+      width: 100%;
+      left: 10px;
+      z-index: 1;
+      top: 40px;
+    }
+  }
+  .end {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    width: 100%;
+    position: relative;
+    // background-color: pink;
+    justify-content: space-between;
+    span {
+      margin-left: 10px;
+    }
+    .van-datetime-picker1 {
+      position: absolute;
+      width: 100%;
+      left: 0px;
+      z-index: 1;
+      top: 40px;
+    }
+  }
+  .sb {
+    // background-color: #ccc;
+    display: flex;
+    margin-top: 5px;
+    width: 100%;
+    flex: 1;
+    display: flex;
+    textarea {
+      height: 200px;
+      flex: 1;
+    }
+  }
+  input {
+    height: 40px;
+    width: 95%;
+    border: none;
+    border-bottom: 1px solid #ccc;
+  }
+  img {
+    width: 20px;
+    height: 20px;
+    margin: 0 10px;
+  }
+}
+.most {
+  margin-top: 5px;
+  // background-color: #fff;
+  height: 40px;
+  display: flex;
+
+  line-height: 40px;
+  padding: 0 10px;
+}
+.active1 {
+  color: #fff;
+  background-color: #3087ea;
+}
+.fgyuh {
+  margin-top: 5px;
+  // background-color: pink;
+  align-items: center;
+  height: 40px;
+  display: flex;
+  justify-content: space-between;
+  .van-switch {
+    // width: 50px;
+  }
+  line-height: 40px;
+  padding: 0 10px;
+}
+.imgs {
+  width: 95%;
+  margin: 5px 10px;
+  height: 150px;
+  background-color: #fff;
+}
+.last {
+  width: 98%;
+  background-color: #fff;
+  height: 200px;
+  p {
+    width: 100%;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    // background-color: #ccc;
+    text-align: left;
+    padding: 10px;
+    font-size: 12px;
+  }
+  ul {
+    width: 100%;
+    height: 250px;
+    background-color: #fff;
+    // display: flex;
+    // align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    // border: 1px solid #ccc;
+    box-sizing: border-box;
+    margin-top: 5px;
+    li {
+      margin: 5px;
+      width: 100px;
+      height: 60px;
+      line-height: 60px;
+      font-size: 20px;
+      border: 1px solid #ccc;
+    }
+    input {
+      margin: 5px;
+      width: 100px;
+      height: 60px;
+      line-height: 60px;
+      font-size: 20px;
+      border: 1px solid #ccc;
+    }
+    p {
+      width: 200px;
+
+      height: 25px;
+      margin-top: 30px;
+      background-color: #fff;
+      span {
+        color: #3087ea;
+      }
+    }
+    button {
+      width: 80%;
+      height: 60px;
+      font-size: 20px;
+      margin: 0 40px;
+      background-color: #3087ea;
+      color: white;
+      border: none;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/set/index/index.vue b/src/views/set/index/index.vue
index 7014780..fc0d7cb 100644
--- a/src/views/set/index/index.vue
+++ b/src/views/set/index/index.vue
@@ -1,15 +1,75 @@
 <template>
-  <div>
-    index
+  <div class="box">
+    <MyTop>
+      <template slot="collection">个人设置</template>
+    </MyTop>
+    <van-cell class="van-cell1" title="呵呵呵" :icon="img" is-link to="/set/personInfomation"/>
+    <van-cell class="van-cell" title="修改密码" is-link to="index" />
+    <van-cell class="van-cell" title="清除缓存" is-link to="" value="100M" />
+    <van-cell class="van-cell" title="版本检测" is-link to="index" />
+    <van-cell class="van-cell" title="帮助中心" is-link to="index" />
+    <van-cell class="van-cell" title="关于我们" is-link to="index" />
+    <van-cell class="van-cell" title="邀请好友" is-link to="index" />
   </div>
 </template>
 
 <script>
-export default {
+import MyTop from "@/components/MyTop.vue";
 
-}
+export default {
+  components: {
+    MyTop,
+  },
+  data() {
+    return {
+      img: localStorage.getItem("headPic"),
+    };
+  },
+};
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .van-cell1 {
+    height: 100px;
+    width: 100px;
+    display: flex;
+    align-items: center;
+    .van-icon {
+      margin-left: -12px;
+    }
+    .van-cell__title{
+      margin-left: 18px;
+    }
+    .van-icon {
+    //   width: 40px;
+    //   height: 40px;
+      img{
+        width: 40px;
+        height:40px;
+        border-radius: 50%;
+        margin-left: 15px;
+      }
+    }
+  }
+  .van-cell {
+    margin-top: 20px;
+    width: 100%;
+    // justify-content: space-around;
+    // height: 100px;
+    .van-cell__title {
+      flex: 1;
+      // background-color: green;
+      display: flex;
+      align-items: center;
+      height: 100%;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/set/personInfomation/personInfomation.vue b/src/views/set/personInfomation/personInfomation.vue
index 4fbb61e..e00a21f 100644
--- a/src/views/set/personInfomation/personInfomation.vue
+++ b/src/views/set/personInfomation/personInfomation.vue
@@ -1,15 +1,101 @@
 <template>
-  <div>
-    personInfomation
+  <div class="box">
+    <MyTop><template slot="collection">个人信息页</template></MyTop>
+    <div class="con">
+      <van-cell class="tou" title="头像">
+        <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+        <template #right-icon>
+          <img :src="img" />
+        </template>
+      </van-cell>
+      <van-cell class="nick" title="昵称" is-link to="/set/setNickname" />
+        <van-cell class="nick" title="性别" is-link to="/set/setNickname" />
+           <van-cell class="nick" title="体征" is-link to="/set/setNickname" />
+           <van-cell title="绑定微信" class="nick" is-link value="去绑定" />
+           <van-cell title="实名认证" class="nick" is-link value="去认证" to="/set/viewAuthenticationInformation"/>
+           <van-cell title="绑定银行卡" class="nick" is-link value="去绑定" to="/set/viewBankCards"/>
+            <van-cell class="nick" title="邮箱" is-link to="/set/setNickname" />
+
+              
+    </div>
   </div>
 </template>
 
 <script>
-export default {
+import MyTop from "@/components/MyTop.vue";
+import nv from "@/assets/images/icon/common resource/xxhdpi/common_icon_girl_n.png";
+import sex1 from "@/assets/images/image/hdpi/girl.png";
+import sex2 from "@/assets/images/image/hdpi/boy.png";
 
-}
+import brank1 from "@/assets/images/image/hdpi/id_card_back.png";
+import brank2 from "@/assets/images/image/hdpi/id_card_front.png";
+export default {
+  components: {
+    MyTop,
+  },
+  data() {
+    return {
+      nv:nv,
+      sex1:sex1,
+      sex2:sex2,
+      brank1:brank1,
+      brank2:brank2,
+      img: localStorage.getItem("headPic"),
+    };
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  background-color: #eee;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .con {
+    margin-top: 20px;
+    padding:0;
+    // background-color: pink;
+    width: 100vw;
+    height: 800px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    .tou {
+      width: 100vw;
+      height: 80px;
+      display: flex;
+    
+      align-items: center;
+      // background-color: #ccc;
+      img {
+        width: 50px;
+        height: 40px;
+      }
+      .van-cell__title {
+        display: flex;
+        align-items: center;
+        height: 100%;
+        flex: 1;
+      }
+    }
+    .nick {
+      width: 100vw;
+      height: 50px;
+      display: flex;
+    margin-top: 1px;
+      align-items: center;
+      // background-color: #ccc;
 
+      .van-cell__title {
+        display: flex;
+        align-items: center;
+        height: 100%;
+        flex: 1;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/vedio/vedio.vue b/src/views/vedio/vedio.vue
index 81f14db..6028041 100644
--- a/src/views/vedio/vedio.vue
+++ b/src/views/vedio/vedio.vue
@@ -1,15 +1,57 @@
 <template>
   <div>
-    vedio
+    <video
+      class="video"
+      muted="muted"
+      type="video.mp4"
+      ref="startvideo"
+      autoplay="autoplay"
+      controls="controls"
+      loop="-1"
+      :src="v.originalUrl"
+      v-for="(v, i) in list"
+      :key="i"
+    ></video>
+    <div @click.stop="startvideo"></div>
   </div>
 </template>
 
 <script>
+import { fetchVidio } from "@/api";
 export default {
-
-}
+  data() {
+    return {
+      params: {
+        categoryId: 1,
+        page: 1,
+        count: 5,
+      },
+      list: [],
+    };
+  },
+  methods: {
+    async getVidio() {
+      const resp = await fetchVidio({ params: this.params });
+      console.log(resp);
+      this.list = resp.data.result;
+    },
+    startvideo() {
+      if (this.$refs.startvideo.paused) {
+        this.$refs.startvideo.play();
+      } else {
+        this.$refs.startvideo.pause();
+      }
+    },
+  },
+  created() {
+    this.getVidio();
+  },
+};
 </script>
 
-<style>
-
+<style lang="scss">
+.video{
+  width: 100vw;
+  
+}
 </style>
\ No newline at end of file
diff --git a/src/views/wallet/myWallet/myWallet.vue b/src/views/wallet/myWallet/myWallet.vue
index e0bbdfb..f65dcf2 100644
--- a/src/views/wallet/myWallet/myWallet.vue
+++ b/src/views/wallet/myWallet/myWallet.vue
@@ -1,13 +1,266 @@
 <template>
-  <div>myWallet</div>
+  <div>
+    <div class="top">
+      <p class="tit">
+        <span @click="onClickLeft"><</span><span>我的钱包</span><span></span>
+      </p>
+      <div class="circle">
+        <p>{{ list }}</p>
+        <p>H币</p>
+      </div>
+      <p class="bi">满2000H币可提现</p>
+      <div class="btn">
+        <button @click="toTixian">提现</button
+        ><button @click="toRecharge">充值</button>
+      </div>
+    </div>
+    <div class="con">
+      <van-cell-group v-for="(v, i) in table" :key="i">
+        <van-cell
+          v-if="v.direction === 1"
+          :title="type"
+          :value="v.changeNum + 'H币'"
+          :label="v.createTime"
+          :value-class="customValueClass"
+        />
+        <van-cell
+          v-else
+          :title="type"
+          :value="v.changeNum + 'H币'"
+          :label="v.createTime"
+          :value-class="customValueClass1"
+        />
+      </van-cell-group>
+    </div>
+  </div>
 </template>
 
 <script>
+import moment from "moment";
+import { fetchPackage, fetchMoneyList } from "@/api";
+import money from "../../../assets/images/image/hdpi/my_wallet_background.png";
 export default {
+  data() {
+    return {
+      money: money,
+      userId: localStorage.getItem("userId"),
+      list: 0,
+      sessionId: localStorage.getItem("sessionId"),
+      money1: 0,
 
-}
+      page: 1,
+      count: 15,
+      table: [],
+      //	消费 1为收入red，2为支出blue
+      type: 1, //消费具体方式：1=签到，2=病友圈首评，3=首发病友圈，4=完善档案，5=健康评测 6=悬赏消费 7=悬赏奖励 8=邀请奖励 9=问诊消费 10=问诊收入，11=观看资讯 12=送礼物 13=绑定身份证 14=绑定银行卡 15=充值 16=提现，17 = 购买健康视频
+      changeNum: 0, //	明细，收入支出具体金额
+      remark: "", //备注
+      createTime: "", //	消费时间
+      customValueClass: "custom-font-color", // 自定义样式类名
+      customValueClass1: "custom-font-color1", // 自定义样式类名
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.push(`/patientCircle/patientWrite`);
+    },
+    async getPackage() {
+      const resp = await fetchPackage({
+        params: { userId: this.userId, sessionId: this.sessionId },
+      });
+      // console.log(resp);
+
+      this.list = resp.data.result;
+
+      localStorage.setItem("list", this.list);
+    },
+    toRecharge() {
+      this.$router.push(`/wallet/recharge/0`);
+    },
+    toTixian() {
+      this.$router.push(`/wallet/withdrawal`);
+    },
+    async getMoneyListt() {
+      const resp = await fetchMoneyList({ params: { page: this.page, count: this.count } });
+      // console.log(resp);
+      
+      this.direction = resp.data.result.direction;
+      //	消费 1为收入red，2为支出blue
+
+      // type: 1, //消费具体方式：1=签到，2=病友圈首评，3=首发病友圈，4=完善档案，5=健康评测 6=悬赏消费
+      //  7=悬赏奖励 8=邀请奖励 9=问诊消费 10=问诊收入，11=观看资讯 12=送礼物 13=绑定身份证
+      // 14=绑定银行卡 15=充值 16=提现，17 = 购买健康视频
+      console.log(resp.data.result.type);
+      resp.data.result.map((v, i) => {
+        switch (v.type) {
+          case 1:
+            this.type = "签到";
+            return;
+          case 2:
+            this.type = "病友圈首评";
+            return;
+          case 3:
+            this.type = "首发病友圈";
+            return;
+          case 4:
+            this.type = "完善档案";
+            return;
+          case 5:
+            this.type = "健康评测";
+            return;
+          case 6:
+            this.type = "悬赏消费";
+            return;
+          case 7:
+            this.type = "悬赏奖励";
+            return;
+          case 8:
+            this.type = "邀请奖励";
+            return;
+          case 9:
+            this.type = "问诊消费";
+            return;
+          case 10:
+            this.type = "问诊收入";
+            return;
+          case 11:
+            this.type = "观看资讯";
+            return;
+          case 12:
+            this.type = "送礼物 ";
+            return;
+          case 13:
+            this.type = "绑定身份证";
+            return;
+          case 14:
+            this.type = "绑定银行卡";
+            return;
+          case 15:
+            this.type = "充值";
+            return;
+          case 16:
+            this.type = "提现";
+            return;
+          case 17:
+            this.type = "购买健康视频";
+            return;
+          default:
+            this.type = "bnjm";
+        }
+      });
+
+      // 转化时间戳
+      // 输入的时间戳（以毫秒为单位）
+      resp.data.result.forEach((v, i) => {
+        // console.log(v.createTime);
+        let createTime = moment(v.createTime).format("YYYY.M.D");
+        // console.log(createTime);
+        let a = Object.assign({ ...v }, { createTime });
+        this.table.push(a)
+      });
+    },
+  },
+  created() {
+    this.getPackage();
+    const { money1 } = this.$route.params;
+    this.money1 = money1;
+    console.log(money1);
+    this.getMoneyListt();
+  },
+};
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+.top {
+  height: 350px;
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: url("../../../assets/images/image/hdpi/my_wallet_background.png");
+  background-size: cover;
+  .tit {
+    height: 55px;
+    width: 100vw;
+    // background-color: pink;
+    display: flex;
+    align-items: center;
+    color: white;
+    font-size: 15px;
+    padding: 20px;
+    justify-content: space-between;
+  }
+  .circle {
+    width: 120px;
+    height: 120px;
+    border-radius: 50%;
+    background-color: #fff;
+    line-height: 120px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-around;
+    // padding: 10px;
+    position: relative;
+    p:nth-child(1) {
+      height: 35px;
+      width: 100px;
+      // background-color: pink;
+      line-height: 35px;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      font-size: 35px;
+      bottom: 0;
+      margin: auto;
+      color: #3087ea;
+      font-weight: bold;
+    }
+    p:nth-child(2) {
+      margin-top: 60px;
+      height: 20px;
+      width: 50px;
+      line-height: 20px;
+      color: #3087ea;
+      font-size: 10px;
+      // background-color: orange;
+      padding: 0;
+    }
+  }
+  .bi {
+    margin-top: 10px;
+    font-size: 10px;
+    color: #fff;
+  }
+  .btn {
+    margin-top: 50px;
+    width: 100vw;
+    // background-color: pink;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    button {
+      width: 25%;
+      border-radius: 10px;
+      background-color: #fff;
+      color: #3087ea;
+      border: none;
+      height: 100%;
+      margin: 5%;
+    }
+  }
+}
+.con {
+  width: 100vw;
+  height: calc(100vh - 350px); //中间要有空格
+  // background-color: pink;
+  .custom-font-color {
+    color: red; // 在这里定义你想要的字体颜色
+  }
+  .custom-font-color1 {
+    color: rgb(48, 135, 234); // 在这里定义你想要的字体颜色
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/wallet/recharge/recharge.vue b/src/views/wallet/recharge/recharge.vue
index e016aa4..907901d 100644
--- a/src/views/wallet/recharge/recharge.vue
+++ b/src/views/wallet/recharge/recharge.vue
@@ -1,15 +1,203 @@
 <template>
-  <div>
-    recharge
+  <div class="big">
+    <van-nav-bar
+      class="van-nav-bar"
+      title="充值"
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="con">
+      <h3>充值金额</h3>
+      <div class="money">
+        <p class="ss">￥</p>
+        <input type="number" v-model="money" />
+        <p class="bi">
+          本次可获得<span>{{ money * 100 }}</span
+          >H币
+        </p>
+      </div>
+      <p class="last">最低充值1元，1元可兑换10H币</p>
+      <div class="xz">
+        <p class="xz1">选择充值方式</p>
+        <div class="xz2">
+          <p><img :src="weixin" /><span>微信支付</span></p>
+
+          <van-checkbox v-model="checked" @click="handlePay"></van-checkbox>
+        </div>
+        <div class="xz2">
+          <p><img :src="zhifubao" /><span>支付宝支付</span></p>
+          <van-checkbox v-model="checked1" @click="handlePay1"></van-checkbox>
+        </div>
+      </div>
+      <button @click="handleMoney">充值</button>
+    </div>
   </div>
 </template>
 
-<script>
+<script >
+import weixin from "../../../assets/images/icon/common resource/xhdpi/common_icon_weixin_n.png";
+import zhifubao from "../../../assets/images/icon/common resource/xhdpi/common_icon_zhifubao_n.png";
+import { fetchPayMoney } from "../../../api/index";
 export default {
+  data() {
+    return {
+      weixin: weixin,
+      zhifubao: zhifubao,
+      checked: false,
+      checked1: false,
+      money: '',
+      payType: 1,
+    };
+  },
+  methods: {
+    onClickLeft() {
+      this.$router.push("/patientCircle/patientWrite");
+    },
+    handlePay() {
+      console.log(1);
+      if (this.checked) {
+        if (this.checked1) {
+          this.checked1 = false;
+        }
+      }
+    },
+    handlePay1() {
+      console.log(22);
+      if (this.checked1) {
+        if (this.checked) {
+          this.checked = false;
+        }
+      }
+    },
+    async getPayMoney() {
+      const resp = await fetchPayMoney({
+        money: this.money,
+        payType: this.payType,
+      });
+      console.log(resp);
+    },
+    handleMoney() {
+      if (this.checked) {
+        this.payType = 1;
+      } else if (this.checked1) {
+        this.payType = 2;
+      }
+      // console.log(typeof this.money*1,this.payType);
+      if (this.money !== '') {
+        if (this.checked || this.checked1) {
+          this.getPayMoney();
+          this.$router.push(`/wallet/rechargeSuccess/${this.money}`);
+         
+        }
+      }
+    },
+  },
 
-}
+  created() {
+    console.log(this.$route.params.money);
+    this.money = this.$route.params.money;
+  },
+};
 </script>
 
-<style>
+<style scoped lang="scss">
+.big {
+  background-color: #eee;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .van-nav-bar {
+    width: 100vw;
+  }
+  .con {
+    width: 100vw;
+    height: 750px;
+    margin-top: 10px;
+    background-color: #fff;
+    text-align: left;
+    display: flex;
+    // align-items: center;
+    flex-direction: column;
 
+    h3 {
+      margin: 40px 0 10px 10px;
+      // background-color: pink;
+    }
+    .money {
+      // background-color: pink;
+      height: 100px;
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid #eee;
+      .ss {
+        font-weight: bolder;
+        font-size: 55px;
+      }
+      input {
+        height: 80%;
+        border: none;
+        font-size: 55px;
+        width: 50%;
+        margin-left: 5px;
+        color: #3087ea;
+      }
+      .bi {
+        // background-color: yellow;
+        margin: 5px;
+        font-size: 13px;
+        margin-top: 55px;
+        color: #ccc;
+        span {
+          color: red;
+          margin: 2px;
+        }
+      }
+    }
+    .last {
+      margin: 2px 0 10px 20px;
+      font-size: 10px;
+      color: #ccc;
+      height: 20px;
+      // background-color: green;
+    }
+    .xz {
+      // background-color: #ccc;
+      margin-top: 50px;
+      display: flex;
+
+      flex-direction: column;
+      height: 200px;
+      .xz1 {
+        margin: 10px;
+        margin-top: 20px;
+        font-size: 20px;
+      }
+      .xz2 {
+        // width: 100vw;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        // background-color: green;
+        margin: 10px;
+        justify-content: space-between;
+        p {
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+    button {
+      width: 80%;
+      height: 50px;
+      border: none;
+      color: white;
+      font-size: 25px;
+      margin-left: 10%;
+      margin-top: 100px;
+      background-color: #3087ea;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/wallet/rechargeSuccess/rechargeSuccess.vue b/src/views/wallet/rechargeSuccess/rechargeSuccess.vue
index 5bab15c..333b702 100644
--- a/src/views/wallet/rechargeSuccess/rechargeSuccess.vue
+++ b/src/views/wallet/rechargeSuccess/rechargeSuccess.vue
@@ -1,15 +1,205 @@
 <template>
-  <div>
-    rechargeSuccess
+  <div class="big">
+    <h4>充值成功页面</h4>
+    <div class="ss">
+      <img :src="succes" />
+      <p>充值成功,<span @click="$router.push(`/wallet/myWallet/${money}`)">立即查看</span></p>
+    </div>
+    <div class="con">
+      <p>名医推荐</p>
+      <dl class="dll" v-for="(v, i) in list" :key="i">
+        <dt>
+          <img :src="v.imagePic" />
+        </dt>
+        <dd>
+          <p>
+            {{ v.doctorName }}<span>{{ v.jobTitle }}</span>
+          </p>
+          <p>{{ v.inauguralHospital }}</p>
+          <p><span>好评率：50%</span><span>好评率：50%</span></p>
+          <button>立即咨询</button>
+        </dd>
+      </dl>
+    </div>
   </div>
 </template>
 
 <script>
+import succes from "../../../assets/images/image/hdpi/evaluation_success.png";
+import { fetchDoctorlIST } from "../../../api/index";
 export default {
-
-}
+  data() {
+    return {
+      succes: succes,
+      deptId: 2,
+      condition: 2,
+      sortBy: 4,
+      page: 1,
+      count: 5,
+      list: [],
+      money:0
+    };
+  },
+  methods: {
+    async fetchDoctorList() {
+      const resp = await fetchDoctorlIST({
+        params: {
+          deptId: this.deptId,
+          condition: this.condition,
+          sortBy: this.sortBy,
+          page: this.page,
+          count: this.count,
+        },
+      });
+      this.list = resp.data.result;
+      console.log(resp);
+    },
+  },
+  created() {
+    const {money} =this.$route.params
+    console.log(money);
+    this.money=money
+    this.fetchDoctorList();
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+@import "@/utils/common.scss";
+@import "@/utils/common-mixins.scss";
+.big {
+  @include center-content;
 
+  width: 100vw;
+  // width: 375px;
+  height: 100vh;
+  h4 {
+    height: 50px;
+    // background-color: green;
+    width: 100vw;
+    line-height: 50px;
+    font-size: 20px;
+  }
+  .ss {
+    width: 100vw;
+    height: 157px;
+    background: url("../../../assets/images/image/hdpi/evaluation_background.png")
+      no-repeat;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-between;
+    img {
+      margin: 20px 0;
+      width: 50px;
+      height: 50px;
+    }
+    p {
+      height: 50px;
+      display: flex;
+      align-items: center;
+
+      // background-color: pink;
+      font-size: 15px;
+
+      color: white;
+      span {
+        color: #3087ea;
+      }
+    }
+  }
+  .con {
+    @include center-content;
+    // display: flex;
+    // align-items: center;
+    // flex-direction: column;
+    width: 100vw;
+    height: auto;
+    // width: 375px;
+    // background-color: yellow;
+    p {
+      height: 40px;
+      // background-color: #ccc;
+      width: 100vw;
+      line-height: 40px;
+      font-size: 12px;
+      text-align: left;
+      padding: 0 10px;
+    }
+    .dll {
+      height: auto;
+      margin-top: 20px;
+      // background-color: pink;
+      width: 100vw;
+      // width: 375px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      box-sizing: border-box;
+
+      dt {
+        // background-color: green;
+        height: 100%;
+        width: 35%;
+
+        margin: 0 5px;
+        img {
+          width: 80%;
+          height: 90%;
+          object-fit: contain; /* 可以是contain、cover等值 */
+        }
+      }
+      dd {
+        width: 100px;
+        height: 100%;
+        display: flex;
+        // align-items: center;
+        flex-direction: column;
+        // background-color: red;
+        justify-content: space-between;
+        flex: 1;
+        p:nth-child(1) {
+          height: 20px;
+          width: 50%;
+          // background-color: green;
+          display: flex;
+          align-items: center;
+          margin: 0;
+          justify-content: space-between;
+        }
+        p:nth-child(2) {
+          width: 100%;
+          height: 20px;
+          line-height: 20px;
+          display: flex;
+          // align-items: center;
+          flex-direction: column;
+
+          // background-color: orange;
+        }
+        p:nth-child(3) {
+          height: 20px;
+          width: 100%;
+          display: flex;
+          line-height: 20px;
+          // background-color: green;
+        }
+        button {
+          width: 100px;
+          height: 30px;
+          display: flex;
+          border: none;
+          line-height: 40px;
+          align-items: center;
+          justify-content: center;
+          color: white;
+          margin-left: 5px;
+          border-radius: 10px;
+          margin-bottom: 10px;
+          background-color: #3087ea;
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/wallet/wallet.vue b/src/views/wallet/wallet.vue
index b0185c7..104c88e 100644
--- a/src/views/wallet/wallet.vue
+++ b/src/views/wallet/wallet.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    wallet<router-view></router-view>
+    <router-view></router-view>
   </div>
 </template>
 
diff --git a/src/views/wallet/withdrawal/withdrawal.vue b/src/views/wallet/withdrawal/withdrawal.vue
index d357f14..3a15595 100644
--- a/src/views/wallet/withdrawal/withdrawal.vue
+++ b/src/views/wallet/withdrawal/withdrawal.vue
@@ -1,15 +1,206 @@
 <template>
-  <div>
-    withdrawal
+  <div class="big">
+    <p class="tou">
+      <img :src="jiantou" @click="$router.push(`/wallet/myWallet`)" /><span
+        class="pp"
+        >H币提现</span
+      ><span @click="$router.push(`/wallet/withdrawalRecords`)">提现记录</span>
+    </p>
+    <div class="con">
+      <div class="daozhang">
+        <p class="toKa">到账号银行卡</p>
+        <p>
+          <span>中国建设银行</span>
+          <span class="sss">当天24点前到账</span>
+        </p>
+        <p>></p>
+      </div>
+      <p class="money">提现金额</p>
+      <div class="realMoney">
+        <span>￥</span>
+        <input type="number" money="0" />
+      </div>
+
+      <van-checkbox class="radio" shape="square" v-model="checked"
+        >全部提现，0H币，可提现0元。</van-checkbox
+      >
+      <div class="button">
+        <button @click="gtMon">提现</button>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { fetchGetMoney } from "@/api";
+import jiantou from "../../../assets/images/icon/common resource/xxhdpi/common_icon_white_n.png";
 export default {
-
-}
+  data() {
+    return {
+      jiantou: jiantou,
+      radio: "1",
+      money: 0,
+      checked: false,
+    };
+  },
+  methods: {
+    async getMoney() {
+      const resp = await fetchGetMoney({ money: this.money * 1 });
+      console.log(resp);
+    },
+    gtMon() {
+      if (this.checked) {
+        this.getMoney();
+        this.$router.push(`/wallet/withdrawaling`)
+      }
+    },
+    // ss(money){
+    //   Math.floor(money / 100)
+    // }
+  },
+  created() {},
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.big {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  background-color: #eee;
+  .tou {
+    height: 50px;
+    width: 100%;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    img {
+      margin: 0 10px;
+      width: 20px;
+      height: 20px;
+      // background-color: green;
+    }
+    span {
+      margin: 0 5px;
+    }
+    .pp {
+      font-size: 20px;
+      font-weight: 800;
+    }
+  }
+  .con {
+    margin-top: 15px;
+    background-color: #fff;
+    width: 100vw;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    .daozhang {
+      margin: 60px 0 0.5px 0;
+      display: flex;
+      width: 95%;
 
+      align-items: center;
+      border-radius: 10px 10px 0 0;
+
+      height: 80px;
+      background-color: #eee;
+      .toKa {
+        // background-color: #ccc;
+        padding: 10px 0 0 10px;
+        // margin: 0 10px;
+        height: 80px;
+      }
+      p:nth-child(2) {
+        // background-color: green;
+        height: 100%;
+        flex: 1;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        justify-content: space-around;
+        .sss {
+          color: #3087ea;
+        }
+      }
+      p:nth-child(3) {
+        // background-color: yellow;
+        height: 100%;
+        width: 50px;
+        font-size: 20px;
+        line-height: 80px;
+      }
+    }
+    .money {
+      display: flex;
+      background-color: #eee;
+      align-items: center;
+      width: 95%;
+      height: 30px;
+      font-weight: 700;
+      padding: 0 10px;
+    }
+    .realMoney {
+      background-color: #eee;
+      // background-color: pink;
+      height: 150px;
+      width: 95%;
+      display: flex;
+      align-items: center;
+
+      span {
+        height: 100%;
+        width: 20%;
+        // background-color: pink;
+        line-height: 150px;
+        font-size: 55px;
+        margin: 0 10px;
+      }
+      input {
+        height: 100%;
+        // flex: 1;
+        width: 60%;
+        font-size: 55px;
+        border: #eee;
+        color: #3087ea;
+        background-color: #eee;
+      }
+    }
+    .radio {
+      display: flex;
+      align-items: center;
+      height: 50px;
+      background-color: #eee;
+      width: 95%;
+      font-size: 13px;
+      font-weight: 800;
+      margin: 0.5px;
+      padding: 0 0 0 5px;
+    }
+    .button {
+      width: 95%;
+      background-color: #eee;
+      border-radius: 0 0 10px 10px;
+      height: 100px;
+      margin: 0.5px 0 50px 0;
+      // margin-top: 50px;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      button {
+        color: white;
+        border: none;
+        background-color: #3087ea;
+        width: 80%;
+        height: 50%;
+        margin-top: 25px;
+        border-radius: 10px;
+        // line-height: 50px;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/wallet/withdrawalRecords/withdrawalRecords.vue b/src/views/wallet/withdrawalRecords/withdrawalRecords.vue
index 84d51ab..46e7e1f 100644
--- a/src/views/wallet/withdrawalRecords/withdrawalRecords.vue
+++ b/src/views/wallet/withdrawalRecords/withdrawalRecords.vue
@@ -1,15 +1,162 @@
 <template>
-  <div>
-    withdrawalRecords
+  <div class="box">
+    <MyTop>
+      <template slot="collection">提现记录</template>
+    </MyTop>
+    <div class="con">
+      <div class="con-list">
+        <div class="left">
+          <span></span>
+          <span>10-27</span>
+          <span>2023</span>
+        </div>
+        <div class="right">
+          <img :src="cilre" />
+          <p></p>
+          <div class="left-list">
+            <div class="ll">
+              <p>10元</p>
+              <p>转账中</p>
+            </div>
+            <div class="rr">
+              <span></span>
+              <span>到账银行卡</span>
+              <span>中国建设银行4321</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import MyTop from "@/components/MyTop.vue";
+import {fetchGetList} from "@/api"
+import cilre from "@/assets/images/icon/common resource/xxhdpi/wallet_icon_clock_n.png";
 export default {
-
-}
+  components: {
+    MyTop,
+  },
+  data() {
+    return {
+      cilre: cilre,
+    };
+  },
+  methods:{
+    async getMoneyList(){
+      const resp=await fetchGetList({params:{page:1,count:5}})
+      console.log(resp);
+    }
+  },
+  created(){
+    this.getMoneyList()
+  }
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  background-color: #eee;
+  .con {
+    margin-top: 10px;
+    width: 100vw;
+    background-color: #fff;
+    height:calc(100vh - 50px);
+    // background-color: pink;
+    .con-list {
+      margin-top: 50px;
+      width: 100%;
+      height: 150px;
+      // background-color: pink;
+      display: flex;
+      align-items: center;
+      .left {
+        width: 25%;
+        // background-color: green;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        padding: 50px 0;
+        span {
+          margin: 5px 0;
+        }
+        span:nth-child(3) {
+          font-size: 12px;
+          color: #ccc;
+        }
+      }
+      .right {
+        flex: 1;
+        height: 100%;
+        // background-color: orange;
+        border-left: 1px solid #eee;
+        img {
+          width: 30px;
+          margin-left: -300px;
+          height: 30px;
+          margin-top: -10px;
+        }
+        p {
+          width: 20px;
+          height: 20px;
+          border-radius: 50%;
+          background-color: #3087ea;
+          margin-left: -10px;
+          margin-top: 40px;
+        }
+        .left-list {
+          // background-color: green;
+          width: 90%;
+          margin-left: 25px;
+          height: 100px;
+          margin-top: -40px;
+          display: flex;
+          align-items: center;
+          border: 1px solid #eee;
+          .ll {
+            height: 100%;
+            width: 20%;
+            // background-color: red;
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            p {
+              width: 100%;
+              height: 20px;
+              margin: 5px 0;
+              margin-top: 15px;
+              border-radius: 0%;
+       background-color: #fff;
+            }
+            p:nth-child(1){
 
+              color: red;
+            }
+                  p:nth-child(2){
+
+              color: #3087ea;
+            }
+          }
+          .rr {
+            flex: 1;
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            span{
+              font-size: 15px;
+              margin: 5px 0;
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/wallet/withdrawaling/withdrawaling.vue b/src/views/wallet/withdrawaling/withdrawaling.vue
index 0350dd0..091e83c 100644
--- a/src/views/wallet/withdrawaling/withdrawaling.vue
+++ b/src/views/wallet/withdrawaling/withdrawaling.vue
@@ -1,15 +1,176 @@
 <template>
-  <div>
-    withdrawaling
+  <div class="box">
+    <p class="nav"><span></span><span>H币提现</span><span></span></p>
+    <div class="step">
+      <dl>
+        <dt></dt>
+        <dd>发起提现申请</dd>
+      </dl>
+
+      <dl>
+        <dt><img :src="timer" /></dt>
+        <dd>
+          <p>银行处理中</p>
+          <p>预计03-12 12.25前到账</p>
+        </dd>
+      </dl>
+      <dl>
+        <dt></dt>
+        <dd>到账成功</dd>
+      </dl>
+    </div>
+    <div class="footer">
+      <p>提现金额<span>￥20.00</span></p>
+      <p>到账银行卡 <span>建设银行尾号 9276</span></p>
+    </div>
+    <button @click="$router.push(`/wallet/myWallet/0`)">完成</button>
   </div>
 </template>
 
 <script>
+import timer from "../../../assets/images/icon/common resource/xxhdpi/wallet_icon_clock_n.png";
 export default {
-
-}
+  data() {
+    return {
+      timer: timer,
+    };
+  },
+  methods: {},
+  created() {},
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.box {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  .nav {
+    width: 100%;
+    height: 35px;
+    line-height: 35px;
+    font-weight: bold;
+    background-color: #ccc;
+  }
+  .step {
+    margin-top: 50px;
+    width: 75%;
+    height: 230px;
+    // background-color: #ccc;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    border-left: 1px dashed #ccc;
 
+    dl:nth-child(1) {
+      width: 100%;
+      height: 50px;
+
+      // background-color: green;
+      display: flex;
+      align-items: center;
+      // justify-content: space-around;
+      dt {
+        margin-left: -9px;
+        margin-top: -45px;
+        width: 15px;
+        height: 15px;
+        background-color: #3087ea;
+        border-radius: 50%;
+      }
+      dd {
+        margin-left: 24px;
+        margin-top: -45px;
+      }
+    }
+    dl:nth-child(2) {
+      width: 100%;
+      height: 50px;
+      margin-top: 70px;
+      // background-color: green;
+      display: flex;
+      align-items: center;
+      // justify-content: space-around;
+      dt {
+        // left: -36px;
+        // top: -5px;
+        width: 30px;
+        height: 30px;
+        margin-left: -16px;
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: contain;
+        }
+      }
+      dd {
+        margin-left: 24px;
+        display: flex;
+        // align-items: center;
+        text-align: left;
+        flex-direction: column;
+        justify-content: space-between;
+        height: 50px;
+        p:nth-child(2) {
+          color: #666666;
+        }
+      }
+    }
+    dl:nth-child(3) {
+      width: 100%;
+      height: 50px;
+      margin-top: 120px;
+      // background-color: green;
+      display: flex;
+      align-items: center;
+      // justify-content: space-around;
+      dt {
+        margin-left: -9px;
+        margin-top: -45px;
+        width: 15px;
+        height: 15px;
+        background-color: #ccc;
+        border-radius: 50%;
+      }
+      dd {
+        margin-left: 24px;
+        margin-top: -45px;
+      }
+    }
+  }
+  .footer {
+    margin-top: 40px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    height: 100px;
+    width: 100vw;
+    // background-color: pink;
+    justify-content: space-around;
+    p {
+      display: flex;
+      align-items: center;
+      height: 50%;
+      width: 100%;
+      padding: 0 10px;
+      justify-content: space-between;
+      // background-color: green;
+      color: #ccc;
+      span {
+        color: #000;
+      }
+    }
+  }
+  button{
+    margin-top: 200px;
+    width: 80%;
+    background-color: #3087ea;
+    color: white;
+    height: 35px;
+    border: none;
+    border-radius: 5px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index a84c850..303e038 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,7 +1,21 @@
+
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
   transpileDependencies: true,
-lintOnSave:false
-
-
+  lintOnSave: false,
+  devServer: {
+    // host: '0.0.0.0', //可以忽略不写
+    // port: 8080, //它是用来修改你打开后的端口号的
+    open: true, //值为 true的话，项目启动时自动打开到浏览器里边， false不会打开
+    proxy: {
+      '/api': {
+        target: 'http://172.27.6.139/api', //跨域请求的公共地址
+        ws: false, //也可以忽略不写，不写不会影响跨域
+        changeOrigin: true, //是否开启跨域，值为 true 就是开启， false 不开启
+        pathRewrite: {
+          '^/api': '' //注册全局路径， 但是在你请求的时候前面需要加上 /api
+        }
+      }
+    }
+  }
 })
diff --git a/yarn.lock b/yarn.lock
index 1676da5..f4eeac2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3531,6 +3531,11 @@ js-tokens@^4.0.0:
   resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
+jsencrypt@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/jsencrypt/-/jsencrypt-3.3.2.tgz"
+  integrity sha512-arQR1R1ESGdAxY7ZheWr12wCaF2yF47v5qpB76TtV64H1pyGudk9Hvw8Y9tb/FiTIaaTRUyaSnm5T/Y53Ghm/A==
+
 jsesc@^2.5.1:
   version "2.5.2"
   resolved "https://registry.npmmirror.com/jsesc/-/jsesc-2.5.2.tgz"
@@ -3704,7 +3709,7 @@ lodash.uniqby@^4.7.0:
 
 lodash@^4.17.14, lodash@^4.17.20, lodash@^4.17.21:
   version "4.17.21"
-  resolved "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz"
+  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 log-symbols@^4.1.0:
@@ -3882,6 +3887,11 @@ module-alias@^2.2.2:
   resolved "https://registry.npmmirror.com/module-alias/-/module-alias-2.2.3.tgz"
   integrity sha512-23g5BFj4zdQL/b6tor7Ji+QY4pEfNH784BMslY9Qb0UnJWRAt+lQGLYmRaM0KDBwIG23ffEBELhZDP2rhi9f/Q==
 
+moment@^2.29.4:
+  version "2.29.4"
+  resolved "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz"
+  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
+
 mrmime@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz"
@@ -5465,9 +5475,9 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     watchpack "^2.4.0"
 
-vue-router@^3.5.1:
+vue-router@^3.6.5:
   version "3.6.5"
-  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz"
   integrity sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==
 
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.3: