diff --git a/pages/index/index.vue b/pages/index/index.vue index 340a408..97dae18 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -28,7 +28,7 @@ const clickMenu = (value) => { } switch (value) { case 0: - wx.navigateTo({ + uni.navigateTo({ url:"/pages/patient/patientList" }) @@ -94,6 +94,11 @@ const logout = async() => { + + + + 我的 + @@ -190,11 +195,30 @@ const logout = async() => { height: 95rpx; line-height: 95rpx; background-color: #fff; + text-align-last: left; } .logout_btn { font-size: 30rpx; height: 95rpx; line-height: 95rpx; + text-align-last: left; + } + .bottom { + position: fixed; + bottom: 2rpx; + left: 0; + display: flex; + width: 100%; + height: 80rpx; + line-height: 80rpx; + text-align: center; + font-size: 28rpx; + view { + width: 33%; + border-right: 1px solid #dddddd; + &:last-child { border: none; } + + } } } .login_model { diff --git a/pages/patient/patientList.vue b/pages/patient/patientList.vue index 0bb685f..33b69b9 100644 --- a/pages/patient/patientList.vue +++ b/pages/patient/patientList.vue @@ -1,10 +1,14 @@ @@ -97,6 +76,7 @@ let cutNav = (type) => { left: 0; top: 0; background-color: #fff; + z-index: 10; .nav { display: flex; justify-content: space-around; @@ -116,111 +96,53 @@ let cutNav = (type) => { } } .patient_list { - background-color: #e0e0e0; - padding: 15rpx; - font-size: 24rpx; - color: #a3a5a6; - .item { - background-color: #fff; + background-color: #ededed; + padding-top: 20rpx; + :deep(.item) { + padding: 0; + font-size: 24rpx; overflow: hidden; - border-radius: 10rpx; - box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); - margin-bottom: 15rpx; .top { display: flex; justify-content: space-between; background-color: #d4edda; padding: 20rpx; color: #155724; - text:first-of-type { - background: rgba(21, 87, 36, 0.1); - padding: 5rpx 12rpx; - border-radius: 5rpx; - } } .content { + display: flex; padding: 20rpx; - .user_info { - display: flex; - line-height: 40rpx; - // justify-content: space-between; - .img { - display: flex; - align-items: center; - justify-content: center; - width: 65rpx; - height: 65rpx; - border-radius: 50%; - margin-right: 18rpx; - background-color: #e9ecef; - image { - width: 40rpx; - height: 40rpx; - } - } - .user { - flex: 1; - > view { - display: flex; - justify-content: space-between; - } - .name { - font-weight: bold; - font-size: 32rpx; - color: #212529; - } - .date { - font-size: 26rpx; - font-weight: bold; - } - } + flex-wrap: wrap; + font-size: 28rpx; + color: #333; + view { + width: 50%; + margin-bottom: 10rpx; + &:last-child { width: 100%; } } - .drug { - display: flex; - flex-wrap: wrap; - line-height: 40rpx; - margin: 20rpx 0; - view { - width: 50%; - } + .red { + font-weight: bold; + color: rgb(255, 21, 21); } - .stress { - display: flex; - border-radius: 12rpx; - padding: 22rpx; + } + .btns { + display: flex; + // gap: 15rpx; + padding: 20rpx; + justify-content: space-between; + button { + padding: 0 20rpx; + } + text { background-color: #f8f9fa; - justify-content: space-around; + border-radius: 12rpx; + flex: 1; + padding: 16rpx 12rpx; text-align: center; - font-size: 22rpx; - line-height: 40rpx; - .start { - font-size: 28rpx; - font-weight: bold; - } - .current { - font-size: 28rpx; - font-weight: bold; - color: #20c997; - } - .type { - font-size: 26rpx; - } } - .btns { - display: flex; - gap: 15rpx; - margin-top: 20rpx; - text { - background-color: #f8f9fa; - border-radius: 12rpx; - flex: 1; - padding: 16rpx 12rpx; - text-align: center; - } - .add { - background-color: #007bff; - color: #ffffff; - } + .add { + background-color: #007bff; + color: #ffffff; } } }