# HairStyle **Repository Path**: TangGarlic/HairStyle ## Basic Information - **Project Name**: HairStyle - **Description**: 基于vue的发型设计前端APP - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 2 - **Created**: 2022-02-04 - **Last Updated**: 2024-11-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 前端分支--Tangyingfu---此为总目录，详细请进入小目录查看或阅读文末项目结构。 **最新更新- 0314： 1、优化侧滑菜单和弹出层的显示问题 ![image](https://user-images.githubusercontent.com/81294772/158176169-ebd8e4b2-efd3-4f58-af3f-d3c5ae500c7f.png) ![image](https://user-images.githubusercontent.com/81294772/158176238-2d2b0ffb-2691-45da-9b79-882550effb15.png) ![image](https://user-images.githubusercontent.com/81294772/158177993-a7924685-80ac-497b-b2e6-aff600cab852.png) 0313： 1、修复换行，修复input显示错误 ![image](https://user-images.githubusercontent.com/81294772/158069197-7bb3a6c8-ba75-4696-a6df-b38591892c30.png) ![image](https://user-images.githubusercontent.com/81294772/158069208-68a12899-1d3b-4e11-a39b-c583f8a2c143.png) ![image](https://user-images.githubusercontent.com/81294772/158069232-fb91db51-fd1f-443c-9aba-762053806be4.png) 0312： ![image](https://user-images.githubusercontent.com/81294772/158013963-c9b29d28-6b48-418b-9428-38ecb4eb4d08.png) ![image](https://user-images.githubusercontent.com/81294772/158013970-4c9e9d0d-1a87-4c5e-a188-7d5a075bcfff.png) 0310： ![image](https://user-images.githubusercontent.com/81294772/157595878-65578a18-b956-40f8-a08e-93c4082a0557.png) ![image](https://user-images.githubusercontent.com/81294772/157595892-8684c33d-6ad8-4b68-8904-904c4f6bb49f.png) ![image](https://user-images.githubusercontent.com/81294772/157595918-ec1c85f7-8dd1-4b51-9f61-f9795c55d757.png) 0303： 1、完成OBJ文件的显示测试，效果如图 ![image](https://user-images.githubusercontent.com/81294772/156506084-5757da3c-fd08-4b2c-b256-048673f136dc.png) 2、完成部分的界面优化--我的订单之类的按钮分开--首页及我的页面的按钮点击效果集成 0302： ![image](https://user-images.githubusercontent.com/81294772/156407441-04e60ecb-ec3e-4766-9f71-47696464a286.png) 0226： uview版本初步优化: ![image](https://user-images.githubusercontent.com/81294772/155847522-f672203d-336b-4610-84d4-9dbc97345de7.png) ![image](https://user-images.githubusercontent.com/81294772/155847527-d60ec092-286b-460e-bf87-523514dedbe7.png) ![image](https://user-images.githubusercontent.com/81294772/155847534-c5e065c8-711e-42ac-b09b-a5420f28a27e.png) 0222： 修改了页面颜色与UI一致 0221： 整合了3D_hair_team模块的页面，完全按照UI设计，以以下两页为例： ![image](https://user-images.githubusercontent.com/81294772/154963989-1d6f6777-1645-40b9-9a43-77e91dec8784.png) ![image](https://user-images.githubusercontent.com/81294772/154964020-1f44a7d1-18ad-4ffa-b9b6-80d5831c766d.png) 0219： 按照UI设计制作界面： ![image](https://user-images.githubusercontent.com/81294772/154797763-2f17216b-0309-4edf-bbbe-bda53064f3f6.png) ![image](https://user-images.githubusercontent.com/81294772/154797776-0dd42dd7-3241-4a05-b494-4efbdcd795bc.png) ![image](https://user-images.githubusercontent.com/81294772/154797781-04c680c1-c19a-4a28-9771-881551f5bf66.png) 0218： 修改登录状态识别和动画球体效果。 0217： 1、发现问题所在，发现当采用相对路径索引gltf文件在手机APP端就会报错，而网页端没有问题，而直接使用static/...路径在APP端就没出现问题，具体原因未知---但在网页端存在问题，可分端编写即可 ![image](https://user-images.githubusercontent.com/81294772/154439929-62eec391-2312-43be-8d8d-690a77a2ea63.png) 2、修改主页，加入新品，添加了点击关闭推荐和打开推荐，优化了3D显示页面 ![image](https://user-images.githubusercontent.com/81294772/154528099-d4fb87e3-4614-4805-89d7-ebe269bde955.png) ![image](https://user-images.githubusercontent.com/81294772/154528125-66be439f-e106-4d62-b94c-1bd9880019e4.png) 0216： 攻克3D显示模型的问题，不过还需要继续学习它，要不然用不好 0215： ![image](https://user-images.githubusercontent.com/81294772/154096711-c9c3b2a8-2eac-47c8-81fa-318e52210bec.png) ![image](https://user-images.githubusercontent.com/81294772/154096764-0e6c0989-0046-4ca1-b547-60ee212eeeb7.png) 0214： 0、3D展示模型---3Dmodel版本： ![image](https://user-images.githubusercontent.com/81294772/153910254-7a2200bc-f0f0-4474-acd1-2b08ac78ca83.png) 1、开始按照群文件修改版本---model，正在修改首页 2、按照群文件修改目标版本----model版，正在修改--解决CSS旋转问题 ![image](https://user-images.githubusercontent.com/81294772/153847453-edcbeff4-fd76-4fc1-ad31-74362580dca2.png) ![image](https://user-images.githubusercontent.com/81294772/153847487-359daa7c-de39-4347-a2c7-c03a873ea2f5.png) 0213： 1、修改demo版----修改页面显示问题和一些缺陷 0210： 1、添加model版本---按照群文件模板编写，修改model版和demo版，添加“动态”页面的点击事件和时间戳。 0208： 1、修改demo版，完善我的界面--编写“动态”。====详见demo版。 0206： 1、修改demo版，完善我的界面部分。 0203: 1、完善我的主页的编辑资料---包括我的名片（二维码）是否展示年龄（开关），头像修改，签名修改，性别弹窗等，同时添加了从我的--我的资料--我的主页等页面的页面跳转修改，在我的页面导入了我的客服页面--来源于网上的开源代码--正在修改兼容--目前出现兼容性问题，页面呈现出现问题 ![image](https://user-images.githubusercontent.com/81294772/152553153-eb97a8d1-aea4-4aad-a867-9e6dcf4841cb.png) ![image](https://user-images.githubusercontent.com/81294772/152553049-6e2e3a4b-5ea7-4d61-b009-57fc923d5586.png) ![image](https://user-images.githubusercontent.com/81294772/152553238-e774a05c-9ede-4fd7-ad9e-6ce1c6dcc9e6.png) ![image](https://user-images.githubusercontent.com/81294772/152553395-611a1662-268c-412b-ac36-29fe4ce66baf.png) ![image](https://user-images.githubusercontent.com/81294772/152553514-e5a514cf-f026-4669-95de-c1b7e6660f01.png) ![image](https://user-images.githubusercontent.com/81294772/152553588-ad9f4fdf-ff41-4935-997c-591b4c616214.png) ![image](https://user-images.githubusercontent.com/81294772/152553651-b0315bc8-7541-4145-9d65-0a147123e9a4.png) 0202： 1、完善我的页面，加入修改密码跳转，，我的主页信息，编辑签名，修改头像页面等等，主页菜单加入点击事件 ![image](https://user-images.githubusercontent.com/81294772/152193361-ab42d4e6-b3c5-4c8e-8376-43c6dc2fdcd1.png) ![image](https://user-images.githubusercontent.com/81294772/152193408-a87c1fc0-c194-47e4-a044-774f215a22ae.png) ![image](https://user-images.githubusercontent.com/81294772/152193530-427e1f36-0fd9-4d23-bc26-ebac6e41bf3f.png) ![image](https://user-images.githubusercontent.com/81294772/152193610-3c20a3c2-1727-418a-b219-5d3fbeabd217.png) ![image](https://user-images.githubusercontent.com/81294772/152193716-0b0c8eac-b201-45dd-b0c6-1042f615c6bd.png) ![image](https://user-images.githubusercontent.com/81294772/152193792-9a726966-f7b9-4a81-bdab-b31a050f71cc.png) 0201： 1、修改我的页面--添加我的资料页面初版----Server是fastAPI框架的服务端---仅用于功能测试 ![image](https://user-images.githubusercontent.com/81294772/151920560-b25d7a96-e67d-4257-bee7-c92fb24dbff8.png) ![image](https://user-images.githubusercontent.com/81294772/151920586-06eb27e4-ccd6-4af8-86ad-a1ab42c8619f.png) ![image](https://user-images.githubusercontent.com/81294772/151953775-69ad1956-fe03-48b2-bd81-2522d3060455.png) 0130： 1、解决android端导航栏透明失效的问题----------尝试使用three.js展示3D模型---暂时失败 android端导航栏透明解决办法如下： ![image](https://user-images.githubusercontent.com/81294772/151707782-0c9cd2e5-0a1b-4691-9c77-812cf7e3439d.png) demo版0129： 1、解决发型社区收藏的动态效果；修改主页的页面---修改左侧菜单并添加个性右侧导航栏按钮 ![image](https://user-images.githubusercontent.com/81294772/151668653-4e65199f-3993-4cbc-b061-92de59c66a4c.png) ![image](https://user-images.githubusercontent.com/81294772/151668704-d3b3c907-e7c1-4c1f-a0c2-9d1e86740e41.png) ![image](https://user-images.githubusercontent.com/81294772/151668716-95edf0b5-b7b4-4059-802c-d7fc27fa59ce.png) demo版0127： 1、在发型社区添加收藏优化------目前未解决动态渲染问题，点击收藏的效果不好----此为自定义实现，实在不行直接用组件 ![image](https://user-images.githubusercontent.com/81294772/151478977-3d677e2a-4574-48b6-9c74-baf229b9ad5e.png) ![image](https://user-images.githubusercontent.com/81294772/151479022-2e398d0d-681c-4017-9d10-4f82de25aec9.png) 【前端效果示例】--左为草稿版，右为修改版 ![image](https://user-images.githubusercontent.com/81294772/149989348-d357508e-18ee-40ef-a421-b42fa0908f86.png) ![image](https://user-images.githubusercontent.com/81294772/150097634-c7da4c47-f411-4469-a322-d1af8ee87247.png) ![image](https://user-images.githubusercontent.com/81294772/149989232-20929214-ad60-4a09-b14c-7e273db0bbd1.png) ![image](https://user-images.githubusercontent.com/81294772/150097818-98f8fffb-efa3-41a1-9945-05662a6bac2a.png) 01月22日：-------测试版，解决社区分享图片详情页面展示高度（将绝对高度换为屏幕高度，加入滑动窗口，可左右翻阅图片 ![image](https://user-images.githubusercontent.com/81294772/150646107-13d87e33-7b41-4126-a94b-a3783734fb86.png) 01月25日： 1、更新了新版本3D_Hair_Final_2，更新了注册页面的UI ![image](https://user-images.githubusercontent.com/81294772/150910914-efd10586-b738-409e-a6eb-3bee88b2613d.png) 01月20日：---有事故进度减缓 1、在测试版加入了社区分享图片详情页面----不完善 ![image](https://user-images.githubusercontent.com/81294772/150391846-0c3abff8-f8e9-4d47-9b21-55fc61ea221a.png) 01月19日：---主要修改维护修改版本及3D_Hair_Final 0、已在首页的顶部加入顶部按钮，但现在需要确定是否要将首页弄成滑动样式，确定原型之后直接修改，因为已知确定的页面功能较多，考虑是否放得下所有功能的问题 -------问题：存在按钮层次重叠的问题，会印象侧滑菜单的显示---待原型敲定 我这边再继续完善优化，现在暂不采用 ![image](https://user-images.githubusercontent.com/81294772/150153971-50de1e71-e48e-42ce-a65f-a69f40528838.png) 0.1、 于测试版开始编写“发型社区”，------问题：目前滑动窗口遇到子窗口高度不能铺满屏幕的问题---待解决 ![image](https://user-images.githubusercontent.com/81294772/150177776-7302d0be-6ba5-4ad7-8dff-7ff4066710b7.png) 1、更新修改版，按照原型开始进行设计，登录注册如上图右边所示，以下为修改的一部分，目前修改未完成---原发型广场已迁移至首页的“发型设计”中 ![image](https://user-images.githubusercontent.com/81294772/150098051-ac50828a-5ac3-48cd-ac69-502460a2a803.png) ![image](https://user-images.githubusercontent.com/81294772/150098091-abd5eee8-0133-4329-8c22-27d83465f86d.png) 01月18日晚： 1、由于界面设计缺陷，修改项目结构，顶层为入口； 3D_Hair_Demo作为试错项目出现--此试错主要先实现功能，再做补足； 3D_Hair_Final为纠错版，当前未开始修改，即当完善界面优化设计（得到原型后）会在这里进行优化开发。 当前主要维护 3D_Hair_Demo测试版本以实现功能。 3D_Hair_Server是采用fastAPI框架的服务端，仅用于软件功能测试 【项目结构】 ![image](https://user-images.githubusercontent.com/81294772/149989523-7c55a0d7-7f71-4b84-8d25-6de00e6b13ab.png) 2、目前主要维护测试版本，逐步推进界面UI设计优化。