From 9f4c2ea8c58f37defc43756257c8dcf523e34af4 Mon Sep 17 00:00:00 2001 From: shidongli Date: Tue, 1 Nov 2022 14:54:09 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BF=98=E8=AE=B0=E5=AF=86=E7=A0=81=20?= =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=20=E7=99=BB=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/Aftersalesdetails/Aftersalesdetails.vue | 167 ++++++++++++++ pages/forgotPassword/forgotPassword.scss | 74 ++++++ pages/forgotPassword/forgotPassword.vue | 123 ++++++++++ pages/login/login.scss | 18 +- pages/login/login.vue | 216 ++++++++++++++++-- pages/modify/modify.scss | 77 +++++++ pages/modify/modify.vue | 151 ++++++------ pages/user/user.scss | 115 ++++++++++ pages/user/user.vue | 158 ++++--------- static/head.png | Bin 0 -> 2342 bytes 10 files changed, 875 insertions(+), 224 deletions(-) create mode 100644 pages/Aftersalesdetails/Aftersalesdetails.vue create mode 100644 pages/forgotPassword/forgotPassword.scss create mode 100644 pages/forgotPassword/forgotPassword.vue create mode 100644 pages/modify/modify.scss create mode 100644 pages/user/user.scss create mode 100644 static/head.png diff --git a/pages/Aftersalesdetails/Aftersalesdetails.vue b/pages/Aftersalesdetails/Aftersalesdetails.vue new file mode 100644 index 0000000..c300f8a --- /dev/null +++ b/pages/Aftersalesdetails/Aftersalesdetails.vue @@ -0,0 +1,167 @@ + + + + + diff --git a/pages/forgotPassword/forgotPassword.scss b/pages/forgotPassword/forgotPassword.scss new file mode 100644 index 0000000..f5f1a96 --- /dev/null +++ b/pages/forgotPassword/forgotPassword.scss @@ -0,0 +1,74 @@ + .app { + height: 100vh; + padding: 20rpx 0; + + .item { + font-size: 34rpx; + margin: 0 auto 20rpx; + width: 94%; + height: 100rpx; + line-height: 100rpx; + background-color: #fff; + box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 20rpx; + position: relative; + + .lefttext { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 3%; + } + + .righttext { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 18%; + height: 100rpx; + } + + .lefttext, + .righttext { + ::v-deep .uni-input-input { + font-size: 34rpx; + } + + ::v-deep .uni-input-wrapper { + height: 100rpx; + line-height: 100rpx; + } + + ::v-deep .uni-input-placeholder { + line-height: 100rpx; + font-size: 34rpx; + font-weight: 400; + color: #C3C1C1; + } + } + + .obtaincode { + text-align: center; + font-size: 36rpx; + color: #4C7BC9; + line-height: 100rpx; + position: absolute; + right: 5%; + top: 0%; + } + } + + .loginbtn { + width: 80%; + height: 100rpx; + text-align: center; + line-height: 100rpx; + background: #4C7BC9; + border-radius: 51rpx; + font-size: 41rpx; + color: #FFFFFF; + position: absolute; + top: 40%; + left: 10%; + } + } \ No newline at end of file diff --git a/pages/forgotPassword/forgotPassword.vue b/pages/forgotPassword/forgotPassword.vue new file mode 100644 index 0000000..5e0d0d4 --- /dev/null +++ b/pages/forgotPassword/forgotPassword.vue @@ -0,0 +1,123 @@ + + + + diff --git a/pages/login/login.scss b/pages/login/login.scss index 5ca073c..3d25319 100644 --- a/pages/login/login.scss +++ b/pages/login/login.scss @@ -3,6 +3,12 @@ color: #C3C1C1; font-weight: 400; height:100vh; + .forget{ + position: absolute; + top: 67%; + left: 10%; + color: #46ABD7; + } .switch { text-align: center; height: 100rpx; @@ -29,7 +35,7 @@ .loginphone { background-color: #fff; width: 80%; - height: 162rpx; + height: 150rpx; position: absolute; left: 10%; top: 23%; @@ -48,7 +54,7 @@ .phone { padding-left: 40rpx; - height: 100%; + height: 150rpx; box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03); } } @@ -56,8 +62,9 @@ .logincode { position: absolute; left: 10%; - - + ::v-deep .u-input{ + border: 0; + } ::v-deep .u-input__input { padding-left: 20rpx; @@ -78,4 +85,5 @@ top: 13%; left: 13%; } - } \ No newline at end of file + } + diff --git a/pages/login/login.vue b/pages/login/login.vue index 6c7f6d6..0ae9ac7 100644 --- a/pages/login/login.vue +++ b/pages/login/login.vue @@ -6,14 +6,26 @@ - + - + + + + {{getCodeText}} + + + 登录 - + + 登录 + + + {{switchs?'切换手机验证码登录':'切换密码登录'}} + + 没有账号,请先注册 @@ -21,36 +33,40 @@ diff --git a/pages/modify/modify.scss b/pages/modify/modify.scss new file mode 100644 index 0000000..e7df31f --- /dev/null +++ b/pages/modify/modify.scss @@ -0,0 +1,77 @@ + .app { + background-color: #F4F5F7; + width: 100%; + height: 100vh; + color: #000000; + padding: 3%; + font-size: 36rpx; + + .centercontent { + width: 99%; + height: 635rpx; + background: #FFFFFF; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 20rpx; + margin: 0 auto; + + .finish { + width: 217rpx; + font-size: 32rpx; + color: #FFFFFF; + height: 68rpx; + line-height: 68rpx; + text-align: center; + margin-top: 60%; + margin-left: 70%; + background: #4C7BC9; + border-radius: 26rpx; + } + + .content { + line-height: 100rpx; + + .name { + margin-left: 5%; + height: 100rpx; + border-bottom: 1rpx solid #D8D4D4; + + input { + font-size: 36rpx; + margin-top: -11%; + margin-left: 15%; + } + } + + .nursetype { + input { + margin-left: 25%; + } + } + } + + .Commodity { + line-height: 110rpx; + margin-left: 5%; + border-bottom: 1rpx solid #D8D4D4; + + .picture { + vertical-align: middle; + margin-left: 60%; + width: 103rpx; + height: 103rpx; + } + + .pictureA { + margin-left: 3%; + width: 18rpx; + height: 27rpx; + } + + .head { + line-height: 140rpx; + margin-left: 5%; + display: inline-block; + } + } + } + } \ No newline at end of file diff --git a/pages/modify/modify.vue b/pages/modify/modify.vue index 45edb69..883fb17 100644 --- a/pages/modify/modify.vue +++ b/pages/modify/modify.vue @@ -3,115 +3,104 @@ 头像 - + 昵称： - + - 姓名： - + 姓名: + 电话： - + 地址： - + - 疾病类型： - + + 疾病类型: + + {{item.diseaseName}} + - - 完成 + 完成 diff --git a/pages/user/user.scss b/pages/user/user.scss new file mode 100644 index 0000000..bbb24bc --- /dev/null +++ b/pages/user/user.scss @@ -0,0 +1,115 @@ + .app { + padding: 0; + font-size: 35rpx; + height: 100vh; + + .External { + width: 94%; + height: 100rpx; + line-height: 100rpx; + margin: 20rpx auto; + padding-left: 5%; + background: #FFFFFF; + box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 20rpx; + position: relative; + + .righttext { + position: absolute; + right: 12%; + top: 50%; + color: #969394; + transform: translateY(-50%); + } + + image { + width: 18rpx; + height: 27rpx; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + } + + .lefttext, + .righttext { + display: inline-block; + } + } + + .information { + width: 94%; + background: #FFFFFF; + box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 20rpx; + position: absolute; + top: 18%; + left: 3%; + color: #000000; + padding-left: 5%; + overflow: hidden; + font-size: 35rpx; + + .item { + // height: 110rpx; + line-height: 110rpx; + border-bottom: 1rpx solid #D8D4D4; + + .address { + position: absolute; + height: 80rpx; + // font-size: 30rpx; + line-height: 40rpx; + display: inline-block; + width: 80%; + margin-left: 30rpx; + margin-top: 33rpx; + } + } + } + + .user { + width: 100%; + height: 500rpx; + background: #4C7BC9; + position: relative; + color: #FFFFFF; + + .modify { + font-size: 32rpx; + position: absolute; + right: 3%; + top: 22%; + } + + .nickname { + position: absolute; + top: 26%; + left: 33%; + } + + .phone { + position: absolute; + top: 13%; + left: 33%; + } + + .img { + width: 150rpx; + height: 150rpx; + border-radius: 50%; + background: #F6F6F6; + position: absolute; + top: 10%; + left: 8%; + + image { + width: 100rpx; + margin-left: 50%; + margin-top: 50%; + transform: translate(-50%, -50%); + height: 100rpx; + } + } + } + } \ No newline at end of file diff --git a/pages/user/user.vue b/pages/user/user.vue index cddf827..5a18010 100644 --- a/pages/user/user.vue +++ b/pages/user/user.vue @@ -5,28 +5,35 @@ - 188****8888 + 电话：{{appPersonallist.phone}} 点此设置昵称 - + 修改信息 - 姓名: + 姓名：{{appPersonallist.patientName}} - 电话: + 电话：{{appPersonallist.phone}} - - 地址: + + + 地址: + + + {{appPersonallist.address}} + - - 疾病类型: + + 疾病类型:{{item.diseaseName}} @@ -34,7 +41,7 @@ 积分: - 100分 + {{appPersonallist.integral}} @@ -58,118 +65,39 @@ - diff --git a/static/head.png b/static/head.png new file mode 100644 index 0000000000000000000000000000000000000000..ee21ec47a5e2f923eb927f3241606842d4f33d30 GIT binary patch literal 2342 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